259 lines
6.9 KiB
JavaScript
259 lines
6.9 KiB
JavaScript
"use strict";
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
|
|
// src/components.ts
|
|
var components_exports = {};
|
|
__export(components_exports, {
|
|
accordionAnatomy: () => accordionAnatomy,
|
|
alertAnatomy: () => alertAnatomy,
|
|
avatarAnatomy: () => avatarAnatomy,
|
|
breadcrumbAnatomy: () => breadcrumbAnatomy,
|
|
buttonAnatomy: () => buttonAnatomy,
|
|
cardAnatomy: () => cardAnatomy,
|
|
checkboxAnatomy: () => checkboxAnatomy,
|
|
circularProgressAnatomy: () => circularProgressAnatomy,
|
|
drawerAnatomy: () => drawerAnatomy,
|
|
editableAnatomy: () => editableAnatomy,
|
|
formAnatomy: () => formAnatomy,
|
|
formErrorAnatomy: () => formErrorAnatomy,
|
|
inputAnatomy: () => inputAnatomy,
|
|
listAnatomy: () => listAnatomy,
|
|
menuAnatomy: () => menuAnatomy,
|
|
modalAnatomy: () => modalAnatomy,
|
|
numberInputAnatomy: () => numberInputAnatomy,
|
|
pinInputAnatomy: () => pinInputAnatomy,
|
|
popoverAnatomy: () => popoverAnatomy,
|
|
progressAnatomy: () => progressAnatomy,
|
|
radioAnatomy: () => radioAnatomy,
|
|
selectAnatomy: () => selectAnatomy,
|
|
sliderAnatomy: () => sliderAnatomy,
|
|
statAnatomy: () => statAnatomy,
|
|
stepperAnatomy: () => stepperAnatomy,
|
|
switchAnatomy: () => switchAnatomy,
|
|
tableAnatomy: () => tableAnatomy,
|
|
tabsAnatomy: () => tabsAnatomy,
|
|
tagAnatomy: () => tagAnatomy
|
|
});
|
|
module.exports = __toCommonJS(components_exports);
|
|
|
|
// src/anatomy.ts
|
|
function anatomy(name, map = {}) {
|
|
let called = false;
|
|
function assert() {
|
|
if (!called) {
|
|
called = true;
|
|
return;
|
|
}
|
|
throw new Error(
|
|
"[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
|
|
);
|
|
}
|
|
function parts(...values) {
|
|
assert();
|
|
for (const part of values) {
|
|
;
|
|
map[part] = toPart(part);
|
|
}
|
|
return anatomy(name, map);
|
|
}
|
|
function extend(...parts2) {
|
|
for (const part of parts2) {
|
|
if (part in map)
|
|
continue;
|
|
map[part] = toPart(part);
|
|
}
|
|
return anatomy(name, map);
|
|
}
|
|
function selectors() {
|
|
const value = Object.fromEntries(
|
|
Object.entries(map).map(([key, part]) => [key, part.selector])
|
|
);
|
|
return value;
|
|
}
|
|
function classnames() {
|
|
const value = Object.fromEntries(
|
|
Object.entries(map).map(([key, part]) => [key, part.className])
|
|
);
|
|
return value;
|
|
}
|
|
function toPart(part) {
|
|
const el = ["container", "root"].includes(part != null ? part : "") ? [name] : [name, part];
|
|
const attr = el.filter(Boolean).join("__");
|
|
const className = `chakra-${attr}`;
|
|
const partObj = {
|
|
className,
|
|
selector: `.${className}`,
|
|
toString: () => part
|
|
};
|
|
return partObj;
|
|
}
|
|
const __type = {};
|
|
return {
|
|
parts,
|
|
toPart,
|
|
extend,
|
|
selectors,
|
|
classnames,
|
|
get keys() {
|
|
return Object.keys(map);
|
|
},
|
|
__type
|
|
};
|
|
}
|
|
|
|
// src/components.ts
|
|
var accordionAnatomy = anatomy("accordion").parts("root", "container", "button", "panel").extend("icon");
|
|
var alertAnatomy = anatomy("alert").parts("title", "description", "container").extend("icon", "spinner");
|
|
var avatarAnatomy = anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
|
|
var breadcrumbAnatomy = anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
|
|
var buttonAnatomy = anatomy("button").parts();
|
|
var checkboxAnatomy = anatomy("checkbox").parts("control", "icon", "container").extend("label");
|
|
var circularProgressAnatomy = anatomy("progress").parts("track", "filledTrack").extend("label");
|
|
var drawerAnatomy = anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
|
|
var editableAnatomy = anatomy("editable").parts(
|
|
"preview",
|
|
"input",
|
|
"textarea"
|
|
);
|
|
var formAnatomy = anatomy("form").parts(
|
|
"container",
|
|
"requiredIndicator",
|
|
"helperText"
|
|
);
|
|
var formErrorAnatomy = anatomy("formError").parts("text", "icon");
|
|
var inputAnatomy = anatomy("input").parts(
|
|
"addon",
|
|
"field",
|
|
"element",
|
|
"group"
|
|
);
|
|
var listAnatomy = anatomy("list").parts("container", "item", "icon");
|
|
var menuAnatomy = anatomy("menu").parts("button", "list", "item").extend("groupTitle", "icon", "command", "divider");
|
|
var modalAnatomy = anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
|
|
var numberInputAnatomy = anatomy("numberinput").parts(
|
|
"root",
|
|
"field",
|
|
"stepperGroup",
|
|
"stepper"
|
|
);
|
|
var pinInputAnatomy = anatomy("pininput").parts("field");
|
|
var popoverAnatomy = anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
|
|
var progressAnatomy = anatomy("progress").parts(
|
|
"label",
|
|
"filledTrack",
|
|
"track"
|
|
);
|
|
var radioAnatomy = anatomy("radio").parts(
|
|
"container",
|
|
"control",
|
|
"label"
|
|
);
|
|
var selectAnatomy = anatomy("select").parts("field", "icon");
|
|
var sliderAnatomy = anatomy("slider").parts(
|
|
"container",
|
|
"track",
|
|
"thumb",
|
|
"filledTrack",
|
|
"mark"
|
|
);
|
|
var statAnatomy = anatomy("stat").parts(
|
|
"container",
|
|
"label",
|
|
"helpText",
|
|
"number",
|
|
"icon"
|
|
);
|
|
var switchAnatomy = anatomy("switch").parts(
|
|
"container",
|
|
"track",
|
|
"thumb",
|
|
"label"
|
|
);
|
|
var tableAnatomy = anatomy("table").parts(
|
|
"table",
|
|
"thead",
|
|
"tbody",
|
|
"tr",
|
|
"th",
|
|
"td",
|
|
"tfoot",
|
|
"caption"
|
|
);
|
|
var tabsAnatomy = anatomy("tabs").parts(
|
|
"root",
|
|
"tab",
|
|
"tablist",
|
|
"tabpanel",
|
|
"tabpanels",
|
|
"indicator"
|
|
);
|
|
var tagAnatomy = anatomy("tag").parts(
|
|
"container",
|
|
"label",
|
|
"closeButton"
|
|
);
|
|
var cardAnatomy = anatomy("card").parts(
|
|
"container",
|
|
"header",
|
|
"body",
|
|
"footer"
|
|
);
|
|
var stepperAnatomy = anatomy("stepper").parts(
|
|
"stepper",
|
|
"step",
|
|
"title",
|
|
"description",
|
|
"indicator",
|
|
"separator",
|
|
"icon",
|
|
"number"
|
|
);
|
|
// Annotate the CommonJS export names for ESM import in node:
|
|
0 && (module.exports = {
|
|
accordionAnatomy,
|
|
alertAnatomy,
|
|
avatarAnatomy,
|
|
breadcrumbAnatomy,
|
|
buttonAnatomy,
|
|
cardAnatomy,
|
|
checkboxAnatomy,
|
|
circularProgressAnatomy,
|
|
drawerAnatomy,
|
|
editableAnatomy,
|
|
formAnatomy,
|
|
formErrorAnatomy,
|
|
inputAnatomy,
|
|
listAnatomy,
|
|
menuAnatomy,
|
|
modalAnatomy,
|
|
numberInputAnatomy,
|
|
pinInputAnatomy,
|
|
popoverAnatomy,
|
|
progressAnatomy,
|
|
radioAnatomy,
|
|
selectAnatomy,
|
|
sliderAnatomy,
|
|
statAnatomy,
|
|
stepperAnatomy,
|
|
switchAnatomy,
|
|
tableAnatomy,
|
|
tabsAnatomy,
|
|
tagAnatomy
|
|
});
|
|
//# sourceMappingURL=components.js.map
|