@adgytec/adgytec-web-ui-components 1.1.5 → 2.1.0

package/dist/chunks/Dialog

@@ -0,0 +1,15 @@
+import { DialogContext as e } from "../components/Dialog/core/index.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { Dialog as r } from "react-aria-components";
+import '../assets/Dialog.css';var i = { dialog: "_dialog_a2pbf_11" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(e, {
+	value: !0,
+	children: /* @__PURE__ */ n(r, {
+		className: t(i.dialog, a),
+		...o
+	})
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=Dialog.map

package/dist/chunks/Dialog.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog","names":[],"sources":["../../src/components/Dialog/Dialog/dialog.module.css","../../src/components/Dialog/Dialog/Dialog.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-dialog-container-background\n* --md-dialog-headline-text-color\n* --md-dialog-icon-color\n* --md-dialog-body-text-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .dialog {\n        --md-divider-color: currentcolor;\n\n        /* container */\n        --_md-dialog-container-min-inline-size: calc(280 * var(--dp, 1px));\n        --_md-dialog-container-max-inline-size: calc(560 * var(--dp, 1px));\n        --_md-dialog-container-max-block-size: 90svb;\n\n        --_md-dialog-container-background: var(\n            --md-dialog-container-background,\n            var(--md-sys-color-surface-container-high)\n        );\n        --_md-dialog-container-shape: var(\n            --md-sys-shape-corner-radius-extra-large\n        );\n        --_md-dialog-container-elevation: var(--md-sys-elevation-shadow-3);\n        --_md-dialog-container-padding: var(--md-sys-layout-space-24);\n\n        /* color */\n        --_md-dialog-headline-text-color: var(\n            --md-dialog-headline-text-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-dialog-icon-color: var(\n            --md-dialog-icon-color,\n            var(--md-sys-color-secondary)\n        );\n        --_md-dialog-body-text-color: var(\n            --md-dialog-body-text-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n\n        /* spacing */\n        --_md-dialog-action-gap: var(--md-sys-layout-space-8);\n        --_md-dialog-title-body-gap: var(--md-sys-layout-space-16);\n        --_md-dialog-title-icon-gap: var(--md-sys-layout-space-16);\n        --_md-dialog-body-action-gap: var(--md-sys-layout-space-24);\n\n        /* styles */\n        padding: var(--_md-dialog-container-padding);\n        border-radius: var(--_md-dialog-container-shape);\n\n        background-color: var(--_md-dialog-container-background);\n        color: var(--_md-dialog-body-text-color);\n        box-shadow: var(--_md-dialog-container-elevation);\n\n        min-inline-size: min(\n            100svi,\n            var(--_md-dialog-container-min-inline-size)\n        );\n        max-inline-size: var(--_md-dialog-container-max-inline-size);\n        max-block-size: var(--_md-dialog-container-max-block-size);\n    }\n}\n","import clsx from \"clsx\";\nimport { Dialog as AriaDialog } from \"react-aria-components\";\nimport { DialogContext } from \"../core\";\nimport styles from \"./dialog.module.css\";\n\nexport const Dialog: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDialog>\n> = ({ className, ...props }) => {\n    return (\n        <DialogContext value={true}>\n            <AriaDialog\n                className={clsx(styles[\"dialog\"], className)}\n                {...props}\n            />\n        </DialogContext>\n    );\n};\n"],"mappings":";;;;wCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CAAe,OAAO;WAClB,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,QAAW,CAAS;EAC3C,GAAI;CACP,CAAA;AACU,CAAA"}

package/dist/chunks/Disclosure

@@ -1,26 +1,11 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import { ChevronRight as c } from "lucide-react";
-import { Disclosure as a, DisclosurePanel as m } from "react-aria-components";
-import { T as p } from "./TextButton";
-import '../assets/Disclosure.css';const _ = "_disclosure_1iszy_1", g = "_trigger_1iszy_17", u = "_panel_1iszy_27", r = {
-  disclosure: _,
-  trigger: g,
-  panel: u,
-  "panel-container": "_panel-container_1iszy_38"
-}, D = ({
-  heading: o,
-  children: l,
-  id: n,
-  triggerTheme: t = "inverse-surface"
-}) => /* @__PURE__ */ i(a, { className: e(r.disclosure), id: n, children: [
-  /* @__PURE__ */ s("h2", { className: e(r.trigger), children: /* @__PURE__ */ i(p, { slot: "trigger", theme: t, children: [
-    /* @__PURE__ */ s(c, {}),
-    o
-  ] }) }),
-  /* @__PURE__ */ s(m, { className: e(r.panel), children: /* @__PURE__ */ s("div", { className: e(r["panel-container"]), children: l }) })
-] });
-export {
-  D
-};
-//# sourceMappingURL=Disclosure.map
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { Disclosure as n } from "react-aria-components";
+import '../assets/Disclosure.css';var r = { disclosure: "_disclosure_nnw90_2" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
+	className: (t) => e(r.disclosure, typeof i == "function" ? i(t) : i),
+	...a
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Disclosure.map

package/dist/chunks/Disclosure.map

@@ -1 +1 @@
-{"version":3,"file":"Disclosure","sources":["../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport {\n    DisclosurePanel,\n    Disclosure as UnstyledDisclosure,\n} from \"react-aria-components\";\nimport { TextButton } from \"@/components/Button/TextButton\";\nimport styles from \"./disclosure.module.css\";\nimport type { DisclosureProps } from \"./types\";\n\nexport const Disclosure = ({\n    heading,\n    children,\n    id,\n    triggerTheme = \"inverse-surface\",\n}: DisclosureProps) => {\n    return (\n        <UnstyledDisclosure className={clsx(styles[\"disclosure\"])} id={id}>\n            <h2 className={clsx(styles[\"trigger\"])}>\n                <TextButton slot=\"trigger\" theme={triggerTheme}>\n                    <ChevronRight />\n                    {heading}\n                </TextButton>\n            </h2>\n\n            <DisclosurePanel className={clsx(styles[\"panel\"])}>\n                <div className={clsx(styles[\"panel-container\"])}>\n                    {children}\n                </div>\n            </DisclosurePanel>\n        </UnstyledDisclosure>\n    );\n};\n"],"names":["Disclosure","heading","children","id","triggerTheme","jsxs","UnstyledDisclosure","clsx","styles","jsx","TextButton","ChevronRight","DisclosurePanel"],"mappings":";;;;;;;;;;GAUaA,IAAa,CAAC;AAAA,EACvB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,cAAAC,IAAe;AACnB,MAEQ,gBAAAC,EAACC,KAAmB,WAAWC,EAAKC,EAAO,UAAa,GAAG,IAAAL,GACvD,UAAA;AAAA,EAAA,gBAAAM,EAAC,MAAA,EAAG,WAAWF,EAAKC,EAAO,OAAU,GACjC,UAAA,gBAAAH,EAACK,GAAA,EAAW,MAAK,WAAU,OAAON,GAC9B,UAAA;AAAA,IAAA,gBAAAK,EAACE,GAAA,EAAa;AAAA,IACbV;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAAA,oBAECW,GAAA,EAAgB,WAAWL,EAAKC,EAAO,KAAQ,GAC5C,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAKC,EAAO,iBAAiB,CAAC,GACzC,UAAAN,GACL,EAAA,CACJ;AAAA,GACJ;"}
+{"version":3,"file":"Disclosure","names":[],"sources":["../../src/components/Disclosure/Disclosure/disclosure.module.css","../../src/components/Disclosure/Disclosure/Disclosure.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .disclosure {\n        --spacing: var(--md-sys-layout-space-12);\n    }\n}\n","import clsx from \"clsx\";\nimport { Disclosure as AriaDisclosure } from \"react-aria-components\";\nimport styles from \"./disclosure.module.css\";\n\nexport const Disclosure: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosure>\n> = ({ className, ...props }) => {\n    return (\n        <AriaDisclosure\n            className={(renderProps) =>\n                clsx(\n                    styles[\"disclosure\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;+CCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,YACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/DisclosureGroup

@@ -0,0 +1,18 @@
+import { DisclosureTypographyContext as e } from "../components/Disclosure/context/index.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { DisclosureGroup as r } from "react-aria-components";
+import '../assets/DisclosureGroup.css';var i = { group: "_group_lbw2t_2" }, a = ({ labelTypography: a, panelTypography: o, className: s, ...c }) => /* @__PURE__ */ n(e, {
+	value: {
+		label: a,
+		panel: o
+	},
+	children: /* @__PURE__ */ n(r, {
+		className: (e) => t(i.group, typeof s == "function" ? s(e) : s),
+		...c
+	})
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=DisclosureGroup.map

package/dist/chunks/DisclosureGroup.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosureGroup","names":[],"sources":["../../src/components/Disclosure/DisclosureGroup/disclosureGroup.module.css","../../src/components/Disclosure/DisclosureGroup/DisclosureGroup.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .group {\n        display: grid;\n        gap: var(--md-sys-layout-space-24);\n    }\n}\n","import clsx from \"clsx\";\nimport { DisclosureGroup as AriaDisclosureGroup } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { DisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureGroup.module.css\";\n\nexport const DisclosureGroup: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosureGroup> & {\n        labelTypography?: Typography;\n        panelTypography?: Typography;\n    }\n> = ({ labelTypography, panelTypography, className, ...props }) => {\n    return (\n        <DisclosureTypographyContext\n            value={{ label: labelTypography, panel: panelTypography }}\n        >\n            <AriaDisclosureGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"group\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n            />\n        </DisclosureTypographyContext>\n    );\n};\n"],"mappings":";;;;qCCMa,KAKR,EAAE,oBAAiB,oBAAiB,cAAW,GAAG,QAE/C,kBAAC,GAAD;CACI,OAAO;EAAE,OAAO;EAAiB,OAAO;CAAgB;WAExD,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;CACP,CAAA;AACwB,CAAA"}

package/dist/chunks/DisclosureHeader

@@ -0,0 +1,41 @@
+import { t as e } from "./tapTarget";
+import { t } from "./Icon";
+import { n, t as r } from "./useSplash";
+import { f as i, l as a, u as o } from "./core";
+import { useDisclosureTypographyContext as s } from "../components/Disclosure/context/index.js";
+import { clsx as c } from "clsx";
+import { useContext as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, DisclosureStateContext as p, Heading as m } from "react-aria-components";
+import { ChevronRight as h } from "lucide-react";
+import '../assets/DisclosureHeader.css';var g = {
+	"state-layer": "_state-layer_1bxlz_2",
+	trigger: "_trigger_1bxlz_21"
+}, _ = ({ children: _, labelTypography: v, ...y }) => {
+	let { splashInfo: b, handlePress: x } = r(), { isExpanded: S } = l(p) || {}, { label: C } = s({ label: v });
+	return /* @__PURE__ */ u(m, {
+		...y,
+		children: /* @__PURE__ */ d(f, {
+			onPress: x,
+			className: c(i, e, g.trigger, a, o("standard"), C),
+			slot: "trigger",
+			"data-expanded": S || void 0,
+			"data-shape": "square",
+			children: [
+				/* @__PURE__ */ u("span", {
+					className: g["state-layer"],
+					children: b && /* @__PURE__ */ u(n, { ...b })
+				}),
+				/* @__PURE__ */ u(t, {
+					withText: !0,
+					icon: h
+				}),
+				_
+			]
+		})
+	});
+};
+//#endregion
+export { _ as t };
+
+//# sourceMappingURL=DisclosureHeader.map

package/dist/chunks/DisclosureHeader.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosureHeader","names":[],"sources":["../../src/components/Disclosure/DisclosureHeader/disclosureHeader.module.css","../../src/components/Disclosure/DisclosureHeader/DisclosureHeader.tsx"],"sourcesContent":["@layer adgytec.overrides {\n    .state-layer {\n        --inset: calc(-1 * var(--spacing));\n\n        position: absolute;\n        inset: var(--inset);\n        border-radius: inherit;\n\n        overflow: clip;\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color var(--md-sys-motion-standard-fast-spatial)\n            var(--md-sys-motion-standard-fast-spatial-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .trigger::before {\n        background-color: transparent;\n    }\n\n    .trigger[data-focus-visible] {\n        outline: none;\n\n        &::before {\n            outline: none;\n            z-index: 1;\n        }\n\n        .state-layer {\n            outline-width: var(--focus-indicator-thickness);\n            outline-style: solid;\n            outline-offset: var(--focus-indicator-offset);\n            outline-color: var(--focus-indicator-color);\n        }\n    }\n}\n\n@layer adgytec.comps {\n    .trigger {\n        --rotate: 0;\n\n        display: flex;\n        gap: var(--md-sys-layout-space-4);\n        align-items: start;\n\n        border-radius: var(--md-sys-shape-corner-radius-medium);\n        text-align: start;\n\n        &[data-pressed] {\n            border-radius: var(--md-sys-shape-corner-radius-small);\n        }\n\n        &[data-expanded] {\n            --rotate: 90deg;\n        }\n\n        > svg {\n            margin-block-start: calc(2.5 * var(--dp, 1px));\n            rotate: var(--rotate);\n            transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n                var(--md-sys-motion-expressive-fast-spatial-duration);\n\n            @media (prefers-reduced-motion) {\n                transition: none;\n            }\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { ChevronRight } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Button, DisclosureStateContext, Heading } from \"react-aria-components\";\nimport {\n    ButtonReset,\n    buttonColorBase,\n    buttonColorConfig,\n} from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget, type Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosureHeader.module.css\";\n\nexport const DisclosureHeader: React.FC<\n    React.ComponentPropsWithRef<typeof Heading> & {\n        labelTypography?: Typography;\n    }\n> = ({ children, labelTypography, ...props }) => {\n    const { splashInfo, handlePress } = useSplash();\n\n    const disclosureContext = useContext(DisclosureStateContext);\n    const { isExpanded } = disclosureContext || {};\n\n    const { label } = useDisclosureTypographyContext({\n        label: labelTypography,\n    });\n\n    return (\n        <Heading {...props}>\n            <Button\n                onPress={handlePress}\n                className={clsx(\n                    ButtonReset,\n                    TapTarget,\n                    styles[\"trigger\"],\n                    buttonColorBase,\n                    buttonColorConfig(\"standard\"),\n                    label\n                )}\n                slot=\"trigger\"\n                data-expanded={isExpanded || undefined}\n                data-shape=\"square\"\n            >\n                <span className={styles[\"state-layer\"]}>\n                    {splashInfo && <Splash {...splashInfo} />}\n                </span>\n                <Icon withText icon={ChevronRight} />\n                {children}\n            </Button>\n        </Heading>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;GCgBa,KAIR,EAAE,aAAU,oBAAiB,GAAG,QAAY;CAC7C,IAAM,EAAE,eAAY,mBAAgB,EAAU,GAGxC,EAAE,kBADkB,EAAW,CACd,KAAqB,CAAC,GAEvC,EAAE,aAAU,EAA+B,EAC7C,OAAO,EACX,CAAC;CAED,OACI,kBAAC,GAAD;EAAS,GAAI;YACT,kBAAC,GAAD;GACI,SAAS;GACT,WAAW,EACP,GACA,GACA,EAAO,SACP,GACA,EAAkB,UAAU,GAC5B,CACJ;GACA,MAAK;GACL,iBAAe,KAAc,KAAA;GAC7B,cAAW;aAZf;IAcI,kBAAC,QAAD;KAAM,WAAW,EAAO;eACnB,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;IACtC,CAAA;IACN,kBAAC,GAAD;KAAM,UAAA;KAAS,MAAM;IAAe,CAAA;IACnC;GACG;;CACH,CAAA;AAEjB"}

package/dist/chunks/DisclosurePanel

@@ -0,0 +1,16 @@
+import { useDisclosureTypographyContext as e } from "../components/Disclosure/context/index.js";
+import { clsx as t } from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { DisclosurePanel as r } from "react-aria-components";
+import '../assets/DisclosurePanel.css';var i = { panel: "_panel_sw5lb_2" }, a = ({ className: a, children: o, panelTypography: s, ...c }) => {
+	let { panel: l } = e({ panel: s });
+	return /* @__PURE__ */ n(r, {
+		className: (e) => t(i.panel, l, typeof a == "function" ? a(e) : a),
+		...c,
+		children: /* @__PURE__ */ n("div", { children: o })
+	});
+};
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=DisclosurePanel.map

package/dist/chunks/DisclosurePanel.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclosurePanel","names":[],"sources":["../../src/components/Disclosure/DisclosurePanel/disclosurePanel.module.css","../../src/components/Disclosure/DisclosurePanel/DisclosurePanel.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .panel {\n        height: var(--disclosure-panel-height);\n\n        transition: height var(--md-sys-motion-expressive-fast-spatial)\n            var(--md-sys-motion-expressive-fast-spatial-duration);\n        overflow: clip;\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        > div {\n            padding-block-start: var(--spacing);\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { DisclosurePanel as AriaDisclosurePanel } from \"react-aria-components\";\nimport type { Typography } from \"@/utils\";\nimport { useDisclosureTypographyContext } from \"../context\";\nimport styles from \"./disclosurePanel.module.css\";\n\nexport const DisclosurePanel: React.FC<\n    React.ComponentPropsWithRef<typeof AriaDisclosurePanel> & {\n        panelTypography?: Typography;\n    }\n> = ({ className, children, panelTypography, ...props }) => {\n    const { panel } = useDisclosureTypographyContext({\n        panel: panelTypography,\n    });\n\n    return (\n        <AriaDisclosurePanel\n            className={(renderProps) =>\n                clsx(\n                    styles[\"panel\"],\n                    panel,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            <div>{children}</div>\n        </AriaDisclosurePanel>\n    );\n};\n"],"mappings":";;;;qCCMa,KAIR,EAAE,cAAW,aAAU,oBAAiB,GAAG,QAAY;CACxD,IAAM,EAAE,aAAU,EAA+B,EAC7C,OAAO,EACX,CAAC;CAED,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,OACP,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;YAEJ,kBAAC,OAAD,EAAM,YAAc,CAAA;CACH,CAAA;AAE7B"}

package/dist/chunks/Divider

@@ -0,0 +1,12 @@
+import { clsx as e } from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as n } from "react-aria-components";
+import '../assets/Divider.css';var r = { divider: "_divider_1sn33_8" }, i = ({ className: i, ...a }) => /* @__PURE__ */ t(n, {
+	className: e(r.divider, i),
+	...a,
+	"data-divider": !0
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Divider.map

package/dist/chunks/Divider.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider","names":[],"sources":["../../src/components/Divider/divider.module.css","../../src/components/Divider/Divider.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-divider-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .divider {\n        --_thickness: calc(1 * var(--dp, 1px));\n        --_color: var(--md-divider-color, var(--md-sys-color-outline-variant));\n\n        background-color: rgb(\n            from var(--_color) r g b /\n            var(--md-sys-state-divider)\n        );\n\n        inline-size: 100%;\n        block-size: var(--_thickness);\n        min-block-size: var(--_thickness);\n\n        border: none;\n        margin: 0;\n\n        &[aria-orientation=\"vertical\"] {\n            block-size: 100%;\n\n            inline-size: var(--_thickness);\n            min-inline-size: var(--_thickness);\n        }\n    }\n}\n","import { clsx } from \"clsx\";\nimport { Separator } from \"react-aria-components\";\nimport styles from \"./divider.module.css\";\n\nexport const Divider: React.FC<\n    React.ComponentPropsWithRef<typeof Separator>\n> = ({ className, ...props }) => {\n    return (\n        <Separator\n            className={clsx(styles[\"divider\"], className)}\n            {...props}\n            data-divider\n        />\n    );\n};\n"],"mappings":";;;yCCIa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,WAAW,EAAK,EAAO,SAAY,CAAS;CAC5C,GAAI;CACJ,gBAAA;AACH,CAAA"}

package/dist/chunks/FieldError

@@ -0,0 +1,12 @@
+import { t as e } from "./base";
+import { clsx as t } from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { FieldError as r } from "react-aria-components";
+import '../assets/FieldError.css';var i = { error: "_error_16b4e_2" }, a = ({ className: a, ...o }) => /* @__PURE__ */ n(r, {
+	className: (n) => t(i.error, e.labelMedium, typeof a == "function" ? a(n) : a),
+	...o
+});
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=FieldError.map

package/dist/chunks/FieldError.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError","names":[],"sources":["../../src/components/Input/FieldError/fieldError.module.css","../../src/components/Input/FieldError/FieldError.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .error {\n        color: var(--md-sys-color-error);\n    }\n}\n","import { clsx } from \"clsx\";\nimport { FieldError as AriaFieldError } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./fieldError.module.css\";\n\nexport const FieldError: React.FC<\n    React.ComponentPropsWithRef<typeof AriaFieldError>\n> = ({ className, ...props }) => {\n    return (\n        <AriaFieldError\n            className={(renderProps) =>\n                clsx(\n                    styles[\"error\"],\n                    typography.labelMedium,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;qCCKa,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,OACP,EAAW,aACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Icon

@@ -0,0 +1,26 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/Icon.css';var n = {
+	icon: "_icon_ozzt2_2",
+	"with-text": "_with-text_ozzt2_7",
+	dense: "_dense_ozzt2_13",
+	standard: "_standard_ozzt2_17",
+	medium: "_medium_ozzt2_21",
+	large: "_large_ozzt2_25",
+	"extra-large": "_extra-large_ozzt2_29"
+}, r = ({ size: r, withText: i, icon: a, className: o, ...s }) => {
+	process.env.NODE_ENV !== "production" && i && r !== void 0 && console.warn("Icon: 'size' is ignored when 'withText' is true.");
+	let c = typeof r == "number", l = !i && !c, u = !i && c;
+	return /* @__PURE__ */ t(a, {
+		className: e(i && n["with-text"], {
+			[n.icon]: l,
+			[n[r ?? "standard"]]: l
+		}, o),
+		size: u ? r : void 0,
+		...s
+	});
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=Icon.map

package/dist/chunks/Icon.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon","names":[],"sources":["../../src/components/Icon/icon.module.css","../../src/components/Icon/Icon.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .icon {\n        width: var(--_icon-size);\n        height: var(--_icon-size);\n    }\n\n    .with-text {\n        width: 1em;\n        height: 1em;\n    }\n\n    /* size */\n    .dense {\n        --_icon-size: var(--md-sys-icon-dense);\n    }\n\n    .standard {\n        --_icon-size: var(--md-sys-icon-standard);\n    }\n\n    .medium {\n        --_icon-size: var(--md-sys-icon-medium);\n    }\n\n    .large {\n        --_icon-size: var(--md-sys-icon-large);\n    }\n\n    .extra-large {\n        --_icon-size: var(--md-sys-icon-extra-large);\n    }\n}\n","// icons with typography ref\n// https://m3.material.io/styles/icons/applying-icons#f9db4adc-ca78-473f-85eb-a351b73c39ac\n\nimport clsx from \"clsx\";\nimport styles from \"./icon.module.css\";\nimport type { IconProps } from \"./types\";\n\nexport const Icon: React.FC<IconProps> = ({\n    size,\n    withText,\n    icon: Icon,\n    className,\n    ...props\n}) => {\n    if (process.env.NODE_ENV !== \"production\") {\n        if (withText && typeof size !== \"undefined\") {\n            console.warn(\"Icon: 'size' is ignored when 'withText' is true.\");\n        }\n    }\n\n    const sizeInNum = typeof size === \"number\";\n\n    const shouldAddSizeClasses = !withText && !sizeInNum;\n    const shouldAddSizeProp = !withText && sizeInNum;\n    return (\n        <Icon\n            className={clsx(\n                withText && styles[\"with-text\"],\n                {\n                    [styles[\"icon\"]]: shouldAddSizeClasses,\n                    [styles[size ?? \"standard\"]]: shouldAddSizeClasses,\n                },\n                className\n            )}\n            size={shouldAddSizeProp ? size : undefined}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;GCOa,KAA6B,EACtC,SACA,aACA,MAAM,GACN,cACA,GAAG,QACD;CACF,AAAA,QAAA,IAAA,aAA6B,gBACrB,KAAmB,MAAS,UAC5B,QAAQ,KAAK,kDAAkD;CAIvE,IAAM,IAAY,OAAO,KAAS,UAE5B,IAAuB,CAAC,KAAY,CAAC,GACrC,IAAoB,CAAC,KAAY;CACvC,OACI,kBAAC,GAAD;EACI,WAAW,EACP,KAAY,EAAO,cACnB;IACK,EAAO,OAAU;IACjB,EAAO,KAAQ,cAAc;EAClC,GACA,CACJ;EACA,MAAM,IAAoB,IAAO,KAAA;EACjC,GAAI;CACP,CAAA;AAET"}

package/dist/chunks/Input

@@ -1,35 +1,84 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import n from "clsx";
-import { TextField as c, Input as p } from "react-aria-components";
-import { L as l, F as d } from "./Label";
-import '../assets/Input.css';const u = "_input_1nh7a_1", _ = "_editor_1nh7a_6", a = {
-  input: u,
-  editor: _
-}, N = ({
-  label: t,
-  textFieldProps: r,
-  inputProps: o,
-  labelProps: e,
-  fieldErrorProps: i
-}) => /* @__PURE__ */ m(
-  c,
-  {
-    ...r,
-    className: n(a.input, r?.className),
-    children: [
-      t && /* @__PURE__ */ s(l, { ...e, children: t }),
-      /* @__PURE__ */ s(
-        p,
-        {
-          ...o,
-          className: n(a.editor, o?.className)
-        }
-      ),
-      /* @__PURE__ */ s(d, { ...i })
-    ]
-  }
-);
-export {
-  N as I
-};
-//# sourceMappingURL=Input.map
+import { t as e } from "./tapTarget";
+import { t } from "./base";
+import { Description as n } from "../components/Input/Description/index.js";
+import { t as r } from "./FieldError";
+import { Label as i } from "../components/Input/Label/index.js";
+import a from "clsx";
+import { createContext as o, useContext as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Checkbox as d, CheckboxGroup as f } from "react-aria-components";
+import '../assets/Input.css';var p = {
+	"checkbox-group": "_checkbox-group_km0x5_16",
+	"checkbox-items": "_checkbox-items_km0x5_29",
+	checkbox: "_checkbox_km0x5_16",
+	"state-layer": "_state-layer_km0x5_167",
+	indicator: "_indicator_km0x5_187",
+	svg: "_svg_km0x5_296"
+}, m = o({}), h = ({ children: n, className: r, labelPlacement: i, containerStateLayer: o, ...f }) => {
+	let { labelPlacement: h, containerStateLayer: g } = s(m), _ = i ?? h ?? "end", v = o ?? g ?? !1;
+	return /* @__PURE__ */ l(d, {
+		className: (e) => a(p.checkbox, v && p["state-layer"], t.labelLarge, typeof r == "function" ? r(e) : r),
+		...f,
+		"data-checkbox": !0,
+		children: (t) => {
+			let { isSelected: r, isHovered: i, isDisabled: o, isFocused: s, isFocusVisible: d, isPressed: f, isInvalid: m, isIndeterminate: h } = t, g = {
+				"data-selected": r || void 0,
+				"data-hovered": i || void 0,
+				"data-disabled": o || void 0,
+				"data-focused": s || void 0,
+				"data-focus-visible": d || void 0,
+				"data-pressed": f || void 0,
+				"data-invalid": m || void 0,
+				"data-indeterminate": h || void 0,
+				"data-show-state-layer": !v || void 0,
+				"data-filled": r || h || void 0
+			}, y = typeof n == "function" ? n(t) : n;
+			return /* @__PURE__ */ u(c, { children: [
+				_ === "start" && y,
+				/* @__PURE__ */ l("span", {
+					className: a(p.indicator, e),
+					...g,
+					children: /* @__PURE__ */ l("svg", {
+						viewBox: "0 0 18 18",
+						"aria-hidden": "true",
+						className: p.svg,
+						...g,
+						children: h ? /* @__PURE__ */ l("rect", {
+							x: 1,
+							y: 7.5,
+							width: 16,
+							height: 3
+						}) : /* @__PURE__ */ l("polyline", { points: "2 9 7 14 16 4" })
+					}, h ? "indeterminate" : "check")
+				}),
+				_ === "end" && y
+			] });
+		}
+	});
+}, g = ({ label: e, description: t, errorMessage: o, children: s, className: d, checkboxItemsGap: h = 24, labelPlacement: g, containerStateLayer: _, showDescriptionOnInvalid: v = !1, ...y }) => /* @__PURE__ */ l(m, {
+	value: {
+		labelPlacement: g,
+		containerStateLayer: _
+	},
+	children: /* @__PURE__ */ l(f, {
+		className: (e) => a(p["checkbox-group"], typeof d == "function" ? d(e) : d),
+		...y,
+		children: ({ isInvalid: d }) => {
+			let f = t && (!d || d && v);
+			return /* @__PURE__ */ u(c, { children: [
+				e && /* @__PURE__ */ l(i, { children: e }),
+				/* @__PURE__ */ l("div", {
+					className: a(p["checkbox-items"]),
+					style: { gap: `calc(${h} * var(--dp, 1px))` },
+					children: s
+				}),
+				f && /* @__PURE__ */ l(n, { children: t }),
+				/* @__PURE__ */ l(r, { children: o })
+			] });
+		}
+	})
+});
+//#endregion
+export { h as n, g as t };
+
+//# sourceMappingURL=Input.map

package/dist/chunks/Input.map

@@ -1 +1 @@
-{"version":3,"file":"Input","sources":["../../src/components/Form/Input/Input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Input as AriaInput, TextField } from \"react-aria-components\";\nimport { FieldError } from \"@/components/Form/FieldError/FieldError.tsx\";\nimport { Label } from \"@/components/Form/Label/Label\";\nimport styles from \"./input.module.css\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = ({\n    label,\n    textFieldProps,\n    inputProps,\n    labelProps,\n    fieldErrorProps,\n}: InputProps) => {\n    return (\n        <TextField\n            {...textFieldProps}\n            className={clsx(styles[\"input\"], textFieldProps?.className)}\n        >\n            {label && <Label {...labelProps}>{label}</Label>}\n            <AriaInput\n                {...inputProps}\n                className={clsx(styles[\"editor\"], inputProps?.className)}\n            />\n            <FieldError {...fieldErrorProps} />\n        </TextField>\n    );\n};\n"],"names":["Input","label","textFieldProps","inputProps","labelProps","fieldErrorProps","jsxs","TextField","clsx","styles","jsx","Label","AriaInput","FieldError"],"mappings":";;;;;;;GAOaA,IAAQ,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGL;AAAA,IACJ,WAAWM,EAAKC,EAAO,OAAUP,GAAgB,SAAS;AAAA,IAEzD,UAAA;AAAA,MAAAD,KAAS,gBAAAS,EAACC,GAAA,EAAO,GAAGP,GAAa,UAAAH,GAAM;AAAA,MACxC,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACI,GAAGT;AAAA,UACJ,WAAWK,EAAKC,EAAO,QAAWN,GAAY,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3D,gBAAAO,EAACG,GAAA,EAAY,GAAGR,EAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Input","names":[],"sources":["../../src/components/Input/Checkbox/checkbox.module.css","../../src/components/Input/Checkbox/context.ts","../../src/components/Input/Checkbox/Checkbox.tsx","../../src/components/Input/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-checkbox-outline-color\n* --md-checkbox-container-color\n*\n* --md-checkbox-interaction-outline-color\n*\n* --md-checkbox-icon-color\n*\n* --md-checkbox-state-layer-color\n* --md-checkbox-selected-state-layer-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .checkbox-group {\n        display: grid;\n        gap: var(--md-sys-layout-space-16);\n\n        &[data-disabled] {\n            color: rgb(\n                from currentcolor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n    }\n\n    .checkbox-items {\n        display: grid;\n    }\n\n    .checkbox {\n        /* configurable tokens */\n        --_md-checkbox-outline-color: var(\n            --md-checkbox-outline-color,\n            var(--md-sys-color-on-surface-variant)\n        );\n        --_md-checkbox-container-color: var(\n            --md-checkbox-container-color,\n            var(--md-sys-color-primary)\n        );\n\n        --_md-checkbox-interaction-outline-color: var(\n            --md-checkbox-interaction-outline-color,\n            var(--md-sys-color-on-surface)\n        );\n\n        --_md-checkbox-icon-color: var(\n            --md-checkbox-icon-color,\n            var(--md-sys-color-on-primary)\n        );\n\n        --_md-checkbox-state-layer-color: var(\n            --md-checkbox-state-layer-color,\n            var(--md-sys-color-on-surface)\n        );\n        --_md-checkbox-selected-state-layer-color: var(\n            --md-checkbox-selected-state-layer-color,\n            var(--_md-checkbox-container-color)\n        );\n\n        /* configurable tokens end */\n\n        /* invalid tokens */\n        --_md-checkbox-invalid-outline-color: var(--md-sys-color-error);\n        --_md-checkbox-invalid-container-color: var(--md-sys-color-error);\n        --_md-checkbox-invalid-icon-color: var(--md-sys-color-on-error);\n\n        --_md-checkbox-invalid-state-layer-color: var(\n            --_md-checkbox-invalid-container-color\n        );\n\n        /* checkbox tokens */\n        --_md-checkbox-outline-width: var(--md-sys-shape-border-width-thick);\n        --_md-checkbox-container-shape: calc(2 * var(--dp, 1px));\n        --_md-checkbox-container-size: calc(18 * var(--dp, 1px));\n\n        /* state layer tokens */\n        --_md-checkbox-state-layer-size: var(--md-sys-layout-space-40);\n        --_md-checkbox-state-layer-shape: var(\n            --md-sys-shape-corner-radius-full\n        );\n\n        --_md-checkbox-pressed-state-layer-color: var(\n            --_md-checkbox-selected-state-layer-color\n        );\n        --_md-checkbox-pressed-selected-state-layer-color: var(\n            --_md-checkbox-state-layer-color\n        );\n\n        --_state-layer-opacity: 0;\n        --_state-color: var(--_md-checkbox-state-layer-color);\n\n        --_state-layer-color: rgb(\n            from var(--_state-color) r g b /\n            var(--_state-layer-opacity)\n        );\n\n        /* styles */\n        position: relative;\n\n        display: flex;\n        gap: var(--md-sys-layout-space-16);\n        align-items: center;\n\n        color: inherit;\n        cursor: pointer;\n\n        & * {\n            cursor: inherit;\n        }\n\n        &[data-disabled] {\n            color: rgb(\n                from currentColor r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            cursor: default;\n        }\n\n        &[data-indeterminate] {\n            --_state-color: var(--_md-checkbox-selected-state-layer-color);\n        }\n        &[data-selected] {\n            --_state-color: var(--_md-checkbox-selected-state-layer-color);\n        }\n\n        &[data-pressed] {\n            --_state-layer-opacity: var(--md-sys-state-pressed);\n            --_state-color: var(--_md-checkbox-pressed-state-layer-color);\n\n            &[data-indeterminate] {\n                --_state-color: var(\n                    --_md-checkbox-pressed-selected-state-layer-color\n                );\n            }\n            &[data-selected] {\n                --_state-color: var(\n                    --_md-checkbox-pressed-selected-state-layer-color\n                );\n            }\n        }\n\n        &[data-invalid] {\n            --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n\n            &[data-indeterminate] {\n                --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n            }\n            &[data-selected] {\n                --_state-color: var(--_md-checkbox-invalid-state-layer-color);\n            }\n        }\n\n        &[data-hovered] {\n            --_state-layer-opacity: var(--md-sys-state-hover);\n            z-index: 1;\n        }\n\n        &[data-focus-visible] {\n            --_state-layer-opacity: var(--md-sys-state-focus);\n            z-index: 1;\n        }\n    }\n\n    .state-layer::before {\n        content: \"\";\n\n        position: absolute;\n        inset: calc(-1 * var(--md-sys-layout-space-12));\n\n        background-color: var(--_state-layer-color);\n        border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n        pointer-events: none;\n\n        transition: background-color\n            var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .indicator {\n        --_outline-color: var(--_md-checkbox-outline-color);\n        --_background: transparent;\n        --_icon-color: var(--_md-checkbox-icon-color);\n\n        position: relative;\n\n        inline-size: var(--_md-checkbox-container-size);\n        aspect-ratio: 1;\n        border-radius: var(--_md-checkbox-container-shape);\n\n        background-color: var(--_background);\n        border: var(--_md-checkbox-outline-width) solid var(--_outline-color);\n\n        transition:\n            background-color var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration),\n            border-color var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-filled] {\n            --_outline-color: transparent;\n            --_background: var(--_md-checkbox-container-color);\n        }\n\n        &[data-invalid] {\n            --_outline-color: var(--_md-checkbox-invalid-outline-color);\n            --_icon-color: var(--_md-checkbox-invalid-icon-color);\n            --_background: transparent;\n\n            &[data-filled] {\n                --_outline-color: transparent;\n                --_background: var(--_md-checkbox-invalid-container-color);\n            }\n        }\n\n        &[data-pressed],\n        &[data-hovered],\n        &[data-focus-visible] {\n            --_outline-color: var(--_md-checkbox-interaction-outline-color);\n\n            &[data-invalid] {\n                --_outline-color: var(--_md-checkbox-invalid-outline-color);\n            }\n\n            &[data-filled] {\n                --_outline-color: transparent;\n            }\n        }\n\n        &[data-disabled] {\n            --_icon-color: var(--md-sys-color-surface);\n            --_outline-color: rgb(\n                from var(--md-sys-color-on-surface) r g b /\n                var(--md-sys-state-disabled-content)\n            );\n            --_background: transparent;\n\n            &[data-filled] {\n                --_outline-color: transparent;\n                --_background: rgb(\n                    from var(--md-sys-color-on-surface) r g b /\n                    var(--md-sys-state-disabled-content)\n                );\n            }\n        }\n    }\n\n    /* state layer */\n    .indicator[data-show-state-layer]::before {\n        content: \"\";\n\n        position: absolute;\n        inset-inline-start: 50%;\n        inset-block-start: 50%;\n        transform: translate(-50%, -50%);\n\n        inline-size: var(--_md-checkbox-state-layer-size);\n        aspect-ratio: 1 / 1;\n        border-radius: var(--_md-checkbox-state-layer-shape);\n\n        background-color: var(--_state-layer-color);\n\n        transition: background-color\n            var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n    }\n\n    .indicator[data-focus-visible] {\n        --focus-indicator-thickness: calc(3 * var(--dp, 1px));\n        --focus-indicator-offset: calc(2 * var(--dp, 1px));\n        --focus-indicator-color: var(--md-sys-color-secondary);\n\n        outline-width: var(--focus-indicator-thickness);\n        outline-style: solid;\n        outline-offset: var(--focus-indicator-offset);\n        outline-color: var(--focus-indicator-color);\n    }\n\n    /* https://react-aria.adobe.com/Checkbox */\n    /* ref this for check animation */\n    .svg {\n        position: absolute;\n        inset-block-start: 50%;\n        inset-inline-start: 50%;\n        transform: translate(-50%, -50%);\n\n        width: calc(12 * var(--dp, 1px));\n        aspect-ratio: 1 / 1;\n        fill: none;\n\n        stroke: var(--_icon-color);\n\n        stroke-width: calc(3 * var(--dp, 1px));\n        stroke-dasharray: calc(22 * var(--dp, 1px));\n        stroke-dashoffset: 66;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n\n        transition: stroke-dashoffset\n            var(--md-sys-motion-expressive-default-effects)\n            var(--md-sys-motion-expressive-default-effects-duration);\n\n        @media (prefers-reduced-motion) {\n            transition: none;\n        }\n\n        &[data-selected] {\n            stroke-dashoffset: 44;\n        }\n\n        &[data-indeterminate] {\n            stroke: none;\n            fill: var(--_icon-color);\n        }\n    }\n}\n","import { createContext } from \"react\";\nimport type { CheckboxLabelPlacement } from \"./types\";\n\nexport type CheckboxGroupContextValue = {\n    labelPlacement?: CheckboxLabelPlacement;\n    containerStateLayer?: boolean;\n};\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue>(\n    {}\n);\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Checkbox as AriaCheckbox } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxProps } from \"./types\";\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n    children,\n    className,\n    labelPlacement,\n    containerStateLayer,\n    ...props\n}) => {\n    const {\n        labelPlacement: groupLabelPlacement,\n        containerStateLayer: groupContainerStateLayer,\n    } = useContext(CheckboxGroupContext);\n    const placement = labelPlacement ?? groupLabelPlacement ?? \"end\";\n    const stateLayer = containerStateLayer ?? groupContainerStateLayer ?? false;\n\n    return (\n        <AriaCheckbox\n            className={(renderProps) =>\n                clsx(\n                    styles[\"checkbox\"],\n                    stateLayer && styles[\"state-layer\"],\n                    typography.labelLarge,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            data-checkbox\n        >\n            {(renderProps) => {\n                const {\n                    isSelected,\n                    isHovered,\n                    isDisabled,\n                    isFocused,\n                    isFocusVisible,\n                    isPressed,\n                    isInvalid,\n                    isIndeterminate,\n                } = renderProps;\n\n                const dataAttrs = {\n                    \"data-selected\": isSelected || undefined,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-invalid\": isInvalid || undefined,\n                    \"data-indeterminate\": isIndeterminate || undefined,\n                    \"data-show-state-layer\": !stateLayer || undefined,\n                    \"data-filled\": isSelected || isIndeterminate || undefined,\n                };\n\n                const label =\n                    typeof children === \"function\"\n                        ? children(renderProps)\n                        : children;\n                return (\n                    <>\n                        {placement === \"start\" && label}\n\n                        <span\n                            className={clsx(styles[\"indicator\"], TapTarget)}\n                            {...dataAttrs}\n                        >\n                            <svg\n                                viewBox=\"0 0 18 18\"\n                                aria-hidden=\"true\"\n                                key={\n                                    isIndeterminate ? \"indeterminate\" : \"check\"\n                                }\n                                className={styles[\"svg\"]}\n                                {...dataAttrs}\n                            >\n                                {isIndeterminate ? (\n                                    <rect x={1} y={7.5} width={16} height={3} />\n                                ) : (\n                                    <polyline points=\"2 9 7 14 16 4\" />\n                                )}\n                            </svg>\n                        </span>\n\n                        {placement === \"end\" && label}\n                    </>\n                );\n            }}\n        </AriaCheckbox>\n    );\n};\n","import clsx from \"clsx\";\nimport { CheckboxGroup as AriaCheckboxGroup } from \"react-aria-components\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport styles from \"./checkbox.module.css\";\nimport { CheckboxGroupContext } from \"./context\";\nimport type { CheckboxGroupProps } from \"./types\";\n\nexport const CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n    label,\n    description,\n    errorMessage,\n    children,\n    className,\n    checkboxItemsGap = 24,\n    labelPlacement,\n    containerStateLayer,\n    showDescriptionOnInvalid = false,\n    ...props\n}) => {\n    return (\n        <CheckboxGroupContext value={{ labelPlacement, containerStateLayer }}>\n            <AriaCheckboxGroup\n                className={(renderProps) =>\n                    clsx(\n                        styles[\"checkbox-group\"],\n                        typeof className === \"function\"\n                            ? className(renderProps)\n                            : className\n                    )\n                }\n                {...props}\n            >\n                {({ isInvalid }) => {\n                    const showDescription =\n                        description &&\n                        (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                    return (\n                        <>\n                            {label && <Label>{label}</Label>}\n\n                            <div\n                                className={clsx(styles[\"checkbox-items\"])}\n                                style={{\n                                    gap: `calc(${checkboxItemsGap} * var(--dp, 1px))`,\n                                }}\n                            >\n                                {children}\n                            </div>\n\n                            {showDescription && (\n                                <Description>{description}</Description>\n                            )}\n                            <FieldError>{errorMessage}</FieldError>\n                        </>\n                    );\n                }}\n            </AriaCheckboxGroup>\n        </CheckboxGroupContext>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;GCQa,IAAuB,EAChC,CAAC,CACL,GCDa,KAAqC,EAC9C,aACA,cACA,mBACA,wBACA,GAAG,QACD;CACF,IAAM,EACF,gBAAgB,GAChB,qBAAqB,MACrB,EAAW,CAAoB,GAC7B,IAAY,KAAkB,KAAuB,OACrD,IAAa,KAAuB,KAA4B;CAEtE,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,UACP,KAAc,EAAO,gBACrB,EAAW,YACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,iBAAA;aAEE,MAAgB;GACd,IAAM,EACF,eACA,cACA,eACA,cACA,mBACA,cACA,cACA,uBACA,GAEE,IAAY;IACd,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAmB,KAAA;IACzC,yBAAyB,CAAC,KAAc,KAAA;IACxC,eAAe,KAAc,KAAmB,KAAA;GACpD,GAEM,IACF,OAAO,KAAa,aACd,EAAS,CAAW,IACpB;GACV,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,MAAc,WAAW;IAE1B,kBAAC,QAAD;KACI,WAAW,EAAK,EAAO,WAAc,CAAS;KAC9C,GAAI;eAEJ,kBAAC,OAAD;MACI,SAAQ;MACR,eAAY;MAIZ,WAAW,EAAO;MAClB,GAAI;gBAEH,IACG,kBAAC,QAAD;OAAM,GAAG;OAAG,GAAG;OAAK,OAAO;OAAI,QAAQ;MAAI,CAAA,IAE3C,kBAAC,YAAD,EAAU,QAAO,gBAAiB,CAAA;KAErC,GAVG,IAAkB,kBAAkB,OAUvC;IACH,CAAA;IAEL,MAAc,SAAS;GAC1B,EAAA,CAAA;EAEV;CACU,CAAA;AAEtB,GCzFa,KAA+C,EACxD,UACA,gBACA,iBACA,aACA,cACA,sBAAmB,IACnB,mBACA,wBACA,8BAA2B,IAC3B,GAAG,QAGC,kBAAC,GAAD;CAAsB,OAAO;EAAE;EAAgB;CAAoB;WAC/D,kBAAC,GAAD;EACI,YAAY,MACR,EACI,EAAO,mBACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;aAEF,EAAE,mBAAgB;GAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,OAAD;KACI,WAAW,EAAK,EAAO,iBAAiB;KACxC,OAAO,EACH,KAAK,QAAQ,EAAiB,oBAClC;KAEC;IACA,CAAA;IAEJ,KACG,kBAAC,GAAD,EAAA,UAAc,EAAyB,CAAA;IAE3C,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA;GACxC,EAAA,CAAA;EAEV;CACe,CAAA;AACD,CAAA"}

package/dist/chunks/Input2

@@ -0,0 +1,154 @@
+import { t as e } from "./base";
+import { t } from "./Icon";
+import { IconButton as n } from "../components/Button/IconButton/index.js";
+import { t as r } from "./usePress";
+import { Description as i } from "../components/Input/Description/index.js";
+import { t as a } from "./FieldError";
+import { Label as o } from "../components/Input/Label/index.js";
+import { a as s, c, d as l, l as u, n as d, o as f, s as p } from "./core4";
+import { n as m, t as h } from "./useHover";
+import { CharacterCount as g } from "../components/Input/CharacterCount/index.js";
+import { useControllableState as _ } from "../components/Input/hooks/index.js";
+import v from "clsx";
+import { cloneElement as y, isValidElement as b, useCallback as x, useMemo as S, useRef as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Input as D, TextField as O } from "react-aria-components";
+import '../assets/Input2.css';//#region node_modules/react-aria/dist/private/utils/useObjectRef.mjs
+function k(e) {
+	let t = C(null), n = C(void 0), r = x((t) => {
+		if (typeof e == "function") {
+			let n = e, r = n(t);
+			return () => {
+				typeof r == "function" ? r() : n(null);
+			};
+		} else if (e) return e.current = t, () => {
+			e.current = null;
+		};
+	}, [e]);
+	return S(() => ({
+		get current() {
+			return t.current;
+		},
+		set current(e) {
+			t.current = e, n.current &&= (n.current(), void 0), e != null && (n.current = r(e));
+		}
+	}), [r]);
+}
+var A = { button: "_button_650ys_2" }, j = ({ icon: e, className: t, ...r }) => /* @__PURE__ */ T(n, {
+	className: (e) => v(A.button, typeof t == "function" ? t(e) : t),
+	icon: e,
+	color: "standard",
+	size: "small",
+	width: "default",
+	...r
+});
+//#endregion
+//#region src/components/Input/Input/handleInputButton.ts
+function M({ node: e, isInvalid: t, isDisabled: n }) {
+	return !b(e) || e.type !== j ? e : y(e, {
+		"data-invalid": t || void 0,
+		isDisabled: n
+	});
+}
+//#endregion
+//#region src/components/Input/Input/Input.tsx
+var N = ({ label: n, description: y, errorMessage: b, showDescriptionOnInvalid: x = !1, placeholder: S, editorDir: C, prefix: A, suffix: j, leadingIcon: N, trailing: P, className: F, showCharacterCount: I, maxLength: L, value: R, defaultValue: z, ref: B, onChange: V, ...H }) => {
+	let U = k(B), { currentValue: W, setValue: G } = _({
+		value: R,
+		defaultValue: z,
+		onChange: V
+	}), { isFocused: K, isFocusVisible: q, focusProps: J } = m(), { isHovered: Y, hoverProps: X } = h({}), { pressProps: Z } = r({ onPress: () => {
+		U.current?.focus();
+	} }), Q = {
+		"data-trailing": P ? !0 : void 0,
+		"data-leading": N ? !0 : void 0
+	};
+	return /* @__PURE__ */ T(O, {
+		className: (e) => v(d, c, typeof F == "function" ? F(e) : F),
+		maxLength: L,
+		value: R,
+		defaultValue: z,
+		onChange: G,
+		...H,
+		...Q,
+		children: ({ isDisabled: r, isInvalid: c }) => {
+			let d = {
+				...Q,
+				"data-hovered": Y || void 0,
+				"data-focused": K || void 0,
+				"data-focus-visible": q || void 0,
+				"data-disabled": r || void 0,
+				"data-invalid": c || void 0
+			}, m = y && (!c || c && x);
+			return /* @__PURE__ */ E(w, { children: [
+				n && /* @__PURE__ */ T(o, { children: n }),
+				/* @__PURE__ */ E("span", {
+					...Z,
+					...X,
+					...d,
+					className: v(p),
+					"data-input": !0,
+					children: [
+						N && /* @__PURE__ */ T(t, {
+							icon: N,
+							size: 24
+						}),
+						/* @__PURE__ */ E("span", {
+							className: v(s, e.bodyLarge),
+							children: [
+								A && typeof A == "function" ? A({
+									isDisabled: r,
+									isInvalid: c
+								}) : A,
+								/* @__PURE__ */ T(D, {
+									ref: U,
+									className: v(l, f, e.bodyLarge),
+									...J,
+									placeholder: S,
+									dir: C,
+									"data-input": !0
+								}),
+								j && typeof j == "function" ? j({
+									isDisabled: r,
+									isInvalid: c
+								}) : j
+							]
+						}),
+						P && typeof P == "function" ? P({
+							isDisabled: r,
+							isInvalid: c
+						}) : M({
+							node: P,
+							isDisabled: r,
+							isInvalid: c
+						})
+					]
+				}),
+				m && /* @__PURE__ */ E("span", {
+					...Q,
+					className: v(u),
+					children: [/* @__PURE__ */ T(i, { children: y }), I && /* @__PURE__ */ T(g, {
+						count: W.length,
+						maxLength: L
+					})]
+				}),
+				!m && I && /* @__PURE__ */ E("span", {
+					...Q,
+					className: v(u),
+					children: [/* @__PURE__ */ T(a, { children: b }), /* @__PURE__ */ T(g, {
+						count: W.length,
+						maxLength: L
+					})]
+				}),
+				m || !I ? /* @__PURE__ */ T(a, {
+					className: v(u),
+					children: b
+				}) : null
+			] });
+		}
+	});
+};
+//#endregion
+export { j as n, N as t };
+
+//# sourceMappingURL=Input2.map

package/dist/chunks/Input2.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input2","names":["$i6EpZ$useRef","$i6EpZ$useCallback","$i6EpZ$useMemo"],"sources":["../../node_modules/react-aria/dist/private/utils/useObjectRef.mjs","../../src/components/Input/Input/input.module.css","../../src/components/Input/Input/InputButton.tsx","../../src/components/Input/Input/handleInputButton.ts","../../src/components/Input/Input/Input.tsx"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n    const objRef = (0, $i6EpZ$useRef)(null);\n    const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n    const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n        if (typeof ref === 'function') {\n            const refCallback = ref;\n            const refCleanup = refCallback(instance);\n            return ()=>{\n                if (typeof refCleanup === 'function') refCleanup();\n                else refCallback(null);\n            };\n        } else if (ref) {\n            ref.current = instance;\n            return ()=>{\n                ref.current = null;\n            };\n        }\n    }, [\n        ref\n    ]);\n    return (0, $i6EpZ$useMemo)(()=>({\n            get current () {\n                return objRef.current;\n            },\n            set current (value){\n                objRef.current = value;\n                if (cleanupRef.current) {\n                    cleanupRef.current();\n                    cleanupRef.current = undefined;\n                }\n                if (value != null) cleanupRef.current = refEffect(value);\n            }\n        }), [\n        refEffect\n    ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n","@layer adgytec.overrides {\n    .button[data-invalid] {\n        --md-button-color: var(--group-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./input.module.css\";\n\nexport const InputButton: React.FC<\n    Omit<IconButtonProps, \"color\" | \"size\" | \"width\">\n> = ({ icon, className, ...props }) => {\n    return (\n        <IconButton\n            className={(renderProps) =>\n                clsx(\n                    styles[\"button\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            icon={icon}\n            color=\"standard\"\n            size=\"small\"\n            width=\"default\"\n            {...props}\n        />\n    );\n};\n","import { cloneElement, isValidElement, type ReactNode } from \"react\";\nimport { InputButton } from \"./InputButton\";\n\ntype InputButtonProps = React.ComponentProps<typeof InputButton> & {\n    \"data-invalid\"?: boolean;\n};\n\nexport function addStateAttrsToInputButton({\n    node,\n    isInvalid,\n    isDisabled,\n}: {\n    node: ReactNode;\n    isInvalid: boolean;\n    isDisabled: boolean;\n}) {\n    if (!isValidElement<InputButtonProps>(node)) {\n        return node;\n    }\n\n    if (node.type !== InputButton) return node;\n\n    return cloneElement(node, {\n        \"data-invalid\": isInvalid || undefined,\n        isDisabled,\n    });\n}\n","import clsx from \"clsx\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport { usePress } from \"react-aria/usePress\";\nimport {\n    Input as AriaInput,\n    TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n    Colors,\n    EditorInputGroupStyles,\n    EditorInputStyles,\n    EditorStyles,\n    InputGroupStyles,\n    SupportingTextStyles,\n    TextFieldIconSize,\n    UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport { addStateAttrsToInputButton } from \"./handleInputButton\";\nimport type { InputProps } from \"./types\";\n\nexport const Input: React.FC<InputProps> = ({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    placeholder,\n    editorDir,\n    prefix,\n    suffix,\n    leadingIcon,\n    trailing,\n    className,\n    showCharacterCount: hasCharacterCount,\n    maxLength,\n    value,\n    defaultValue,\n    ref,\n    onChange,\n    ...props\n}) => {\n    const inputRef = useObjectRef(ref);\n\n    const { currentValue, setValue } = useControllableState({\n        value,\n        defaultValue,\n        onChange,\n    });\n\n    const { isFocused, isFocusVisible, focusProps } = useFocusRing();\n    const { isHovered, hoverProps } = useHover({});\n    const { pressProps } = usePress({\n        onPress: () => {\n            inputRef.current?.focus();\n        },\n    });\n\n    const layoutDataAttrs = {\n        \"data-trailing\": trailing ? true : undefined,\n        \"data-leading\": leadingIcon ? true : undefined,\n    };\n\n    return (\n        <AriaTextField\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            maxLength={maxLength}\n            value={value}\n            defaultValue={defaultValue}\n            onChange={setValue}\n            {...props}\n            {...layoutDataAttrs}\n        >\n            {({ isDisabled, isInvalid }) => {\n                const dataAttrs = {\n                    ...layoutDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-invalid\": isInvalid || undefined,\n                };\n\n                const hasDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <span\n                            {...pressProps}\n                            {...hoverProps}\n                            {...dataAttrs}\n                            className={clsx(EditorStyles)}\n                            data-input={true}\n                        >\n                            {leadingIcon && (\n                                <Icon\n                                    icon={leadingIcon}\n                                    size={TextFieldIconSize}\n                                />\n                            )}\n                            <span\n                                className={clsx(\n                                    EditorInputGroupStyles,\n                                    typography.bodyLarge\n                                )}\n                            >\n                                {prefix && typeof prefix === \"function\"\n                                    ? prefix({ isDisabled, isInvalid })\n                                    : prefix}\n                                <AriaInput\n                                    ref={inputRef}\n                                    className={clsx(\n                                        UnsetStyles,\n                                        EditorInputStyles,\n                                        typography.bodyLarge\n                                    )}\n                                    {...focusProps}\n                                    placeholder={placeholder}\n                                    dir={editorDir}\n                                    data-input={true}\n                                />\n                                {suffix && typeof suffix === \"function\"\n                                    ? suffix({ isDisabled, isInvalid })\n                                    : suffix}\n                            </span>\n\n                            {trailing && typeof trailing === \"function\"\n                                ? trailing({ isDisabled, isInvalid })\n                                : addStateAttrsToInputButton({\n                                      node: trailing,\n                                      isDisabled,\n                                      isInvalid,\n                                  })}\n                        </span>\n\n                        {hasDescription && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <Description>{description}</Description>\n\n                                {hasCharacterCount && (\n                                    <CharacterCount\n                                        count={currentValue.length}\n                                        maxLength={maxLength}\n                                    />\n                                )}\n                            </span>\n                        )}\n\n                        {!hasDescription && hasCharacterCount && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <FieldError>{errorMessage}</FieldError>\n\n                                <CharacterCount\n                                    count={currentValue.length}\n                                    maxLength={maxLength}\n                                />\n                            </span>\n                        )}\n\n                        {/* Error placement */}\n                        {hasDescription || !hasCharacterCount ? (\n                            <FieldError className={clsx(SupportingTextStyles)}>\n                                {errorMessage}\n                            </FieldError>\n                        ) : null}\n                    </>\n                );\n            }}\n        </AriaTextField>\n    );\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAS,EAA0C,GAAK;CACpD,IAAM,IAAaA,EAAe,IAAI,GAChC,IAAiBA,EAAe,KAAA,CAAS,GACzC,IAAgBC,GAAqB,MAAW;EAClD,IAAI,OAAO,KAAQ,YAAY;GAC3B,IAAM,IAAc,GACd,IAAa,EAAY,CAAQ;GACvC,aAAW;IACP,AAAI,OAAO,KAAe,aAAY,EAAW,IAC5C,EAAY,IAAI;GACzB;EACJ,OAAO,IAAI,GAEP,OADA,EAAI,UAAU,SACH;GACP,EAAI,UAAU;EAClB;CAER,GAAG,CACC,CACJ,CAAC;CACD,OAAWC,SAAqB;EACxB,IAAI,UAAW;GACX,OAAO,EAAO;EAClB;EACA,IAAI,QAAS,GAAM;GAMf,AALA,EAAO,UAAU,GACjB,AAEI,EAAW,aADX,EAAW,QAAQ,GACE,KAAA,IAErB,KAAS,SAAM,EAAW,UAAU,EAAU,CAAK;EAC3D;CACJ,IAAI,CACJ,CACJ,CAAC;AACL;uCE5Ca,KAER,EAAE,SAAM,cAAW,GAAG,QAEnB,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,QACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEE;CACN,OAAM;CACN,MAAK;CACL,OAAM;CACN,GAAI;AACP,CAAA;;;ACfT,SAAgB,EAA2B,EACvC,SACA,cACA,iBAKD;CAOC,OANI,CAAC,EAAiC,CAAI,KAItC,EAAK,SAAS,IAAoB,IAE/B,EAAa,GAAM;EACtB,gBAAgB,KAAa,KAAA;EAC7B;CACJ,CAAC;AACL;;;ACGA,IAAa,KAA+B,EACxC,UACA,gBACA,iBACA,8BAA2B,IAC3B,gBACA,cACA,WACA,WACA,gBACA,aACA,cACA,oBAAoB,GACpB,cACA,UACA,iBACA,QACA,aACA,GAAG,QACD;CACF,IAAM,IAAW,EAAa,CAAG,GAE3B,EAAE,iBAAc,gBAAa,EAAqB;EACpD;EACA;EACA;CACJ,CAAC,GAEK,EAAE,cAAW,mBAAgB,kBAAe,EAAa,GACzD,EAAE,cAAW,kBAAe,EAAS,CAAC,CAAC,GACvC,EAAE,kBAAe,EAAS,EAC5B,eAAe;EACX,EAAS,SAAS,MAAM;CAC5B,EACJ,CAAC,GAEK,IAAkB;EACpB,iBAAiB,IAAW,KAAO,KAAA;EACnC,gBAAgB,IAAc,KAAO,KAAA;CACzC;CAEA,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACJ;EACO;EACd,UAAU;EACV,GAAI;EACJ,GAAI;aAEF,EAAE,eAAY,mBAAgB;GAC5B,IAAM,IAAY;IACd,GAAG;IACH,gBAAgB,KAAa,KAAA;IAC7B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;GACjC,GAEM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,QAAD;KACI,GAAI;KACJ,GAAI;KACJ,GAAI;KACJ,WAAW,EAAK,CAAY;KAC5B,cAAY;eALhB;MAOK,KACG,kBAAC,GAAD;OACI,MAAM;OACN,MAAA;MACH,CAAA;MAEL,kBAAC,QAAD;OACI,WAAW,EACP,GACA,EAAW,SACf;iBAJJ;QAMK,KAAU,OAAO,KAAW,aACvB,EAAO;SAAE;SAAY;QAAU,CAAC,IAChC;QACN,kBAAC,GAAD;SACI,KAAK;SACL,WAAW,EACP,GACA,GACA,EAAW,SACf;SACA,GAAI;SACS;SACb,KAAK;SACL,cAAY;QACf,CAAA;QACA,KAAU,OAAO,KAAW,aACvB,EAAO;SAAE;SAAY;QAAU,CAAC,IAChC;OACJ;;MAEL,KAAY,OAAO,KAAa,aAC3B,EAAS;OAAE;OAAY;MAAU,CAAC,IAClC,EAA2B;OACvB,MAAM;OACN;OACA;MACJ,CAAC;KACL;;IAEL,KACG,kBAAC,QAAD;KACI,GAAI;KACJ,WAAW,EAAK,CAAoB;eAFxC,CAII,kBAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,GAEtC,KACG,kBAAC,GAAD;MACI,OAAO,EAAa;MACT;KACd,CAAA,CAEH;;IAGT,CAAC,KAAkB,KAChB,kBAAC,QAAD;KACI,GAAI;KACJ,WAAW,EAAK,CAAoB;eAFxC,CAII,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA,GAEtC,kBAAC,GAAD;MACI,OAAO,EAAa;MACT;KACd,CAAA,CACC;;IAIT,KAAkB,CAAC,IAChB,kBAAC,GAAD;KAAY,WAAW,EAAK,CAAoB;eAC3C;IACO,CAAA,IACZ;GACN,EAAA,CAAA;EAEV;CACW,CAAA;AAEvB"}