@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/display/alert.js

@@ -1,53 +1,40 @@
 "use client";
-import { r as e, t } from "../../proxy-BcJ_5Dwq.js";
-import { t as n } from "../../dom-Bn4wY_Zx.js";
-import { t as r } from "../../dist-NmFtbuK4.js";
-import { t as i } from "../../polymorph-BLXhrn9n.js";
-import { t as a } from "../../CheckCircle.es-BB91gLT-.js";
-import { t as o } from "../../Info.es-Dvln8pws.js";
-import { t as s } from "../../Warning.es-B_xCn-P5.js";
-import { t as c } from "../../X.es-Cjq2a_OA.js";
-import { t as l } from "../../use-translations-DTLfPE3_.js";
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import { t } from "../../dist-NmFtbuK4.js";
+import { Polymorph as n } from "../core/polymorph.js";
+import { t as r } from "../../CheckCircle.es-BB91gLT-.js";
+import { t as i } from "../../Info.es-Dvln8pws.js";
+import { t as a } from "../../Warning.es-B_xCn-P5.js";
+import { t as o } from "../../X.es-Cjq2a_OA.js";
+import { t as s } from "../../use-translations-BE4PuhLm.js";
+import { t as c } from "../../proxy-fP2NxmhM.js";
+import { Resizable as l } from "../core/resizable.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/display/alert.tsx
 var p = {
-	true: {
-		opacity: 1,
-		height: "auto"
-	},
-	false: {
-		opacity: [
-			.7,
-			.3,
-			0
-		],
-		height: 0
-	}
-}, m = {
 	type: "tween",
-	duration: .7,
+	duration: .35,
 	ease: [
 		.04,
 		.62,
 		.23,
 		.98
 	]
-}, h = (e) => /* @__PURE__ */ d(t.div, {
-	...e,
-	layout: !0,
-	layoutRoot: !0,
-	layoutScroll: !0,
+}, m = (t) => /* @__PURE__ */ d(c.div, {
+	...t,
 	initial: !1,
-	variants: p,
-	exit: p.false,
-	transition: m,
-	"aria-hidden": !e.open,
+	animate: { opacity: +!!t.open },
+	transition: p,
+	"aria-hidden": !t.open,
 	"data-component": "collapse",
-	animate: e.open.toString(),
-	className: n("aria-hidden:pointer-events-none", e.className),
-	children: e.children
-}), g = r("text-typography-sm relative block w-full rounded-alert-radius border p-alert-p", {
+	className: e("aria-hidden:pointer-events-none", t.className),
+	children: /* @__PURE__ */ d(l, {
+		open: t.open,
+		destroyOnUnmount: !0,
+		children: t.children
+	})
+}), h = t("text-typography-sm relative block w-full rounded-alert-radius border p-alert-p", {
 	variants: { theme: {
 		primary: "bg-alert-primary-bg text-alert-primary-text border-alert-primary-border",
 		danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
@@ -58,77 +45,71 @@ var p = {
 		neutral: "bg-transparent border border-card-border text-alert-primary-text"
 	} },
 	defaultVariants: { theme: "neutral" }
-}), _ = u(function({ className: r, theme: u, Icon: p, onClose: m, open: _ = !0, ...v }, y) {
-	let b = l(), x = () => m?.(!1), S = u === "danger" || u === "warn" ? "alert" : "status";
-	return /* @__PURE__ */ d(e, {
-		presenceAffectsLayout: !0,
-		propagate: !0,
-		mode: "sync",
-		children: _ ? /* @__PURE__ */ d(t.div, {
-			"data-open": !!_,
-			"aria-hidden": !_,
-			"data-component": "alert",
-			className: n("isolate w-full", _ ? "pointer-events-auto" : "pointer-events-none"),
-			children: /* @__PURE__ */ d(h, {
-				"data-open": !!_,
-				open: !!_,
-				children: /* @__PURE__ */ d(i, {
-					...v,
-					ref: y,
-					role: S,
-					"data-theme": u,
-					as: v.as || "div",
-					className: n(g({ theme: u }), r),
-					children: /* @__PURE__ */ f("div", {
-						className: "flex flex-col gap-alert-gap",
-						children: [
-							m !== void 0 && _ ? /* @__PURE__ */ d("button", {
-								type: "button",
-								onClick: x,
-								"aria-label": b.closeButton,
-								className: "absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
-								children: /* @__PURE__ */ d(c, {
-									size: 20,
-									"aria-hidden": "true"
+}), g = u(function({ className: t, theme: c, Icon: l, onClose: u, open: p = !0, ...g }, _) {
+	let v = s(), y = () => u?.(!1), b = c === "danger" || c === "warn" ? "alert" : "status";
+	return /* @__PURE__ */ d("div", {
+		"data-open": !!p,
+		"aria-hidden": !p,
+		"data-component": "alert",
+		className: e("isolate w-full", p ? "pointer-events-auto" : "pointer-events-none"),
+		children: /* @__PURE__ */ d(m, {
+			open: !!p,
+			children: /* @__PURE__ */ d(n, {
+				...g,
+				ref: _,
+				role: b,
+				"data-theme": c,
+				as: g.as || "div",
+				className: e(h({ theme: c }), t),
+				children: /* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-alert-gap",
+					children: [
+						u === void 0 ? null : /* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: y,
+							"aria-label": v.closeButton,
+							className: "absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
+							children: /* @__PURE__ */ d(o, {
+								size: 20,
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center gap-alert-gap",
+							children: [
+								!l && c === "success" ? /* @__PURE__ */ d(r, {
+									"aria-hidden": "true",
+									size: 20
+								}) : null,
+								!l && c === "info" ? /* @__PURE__ */ d(i, {
+									"aria-hidden": "true",
+									size: 20
+								}) : null,
+								!l && c === "danger" ? /* @__PURE__ */ d(a, {
+									"aria-hidden": "true",
+									size: 20
+								}) : null,
+								l,
+								g.title ? /* @__PURE__ */ d("h4", {
+									className: "tracking-3 text-typography-lg text-balance font-semibold",
+									children: g.title
+								}) : /* @__PURE__ */ d("div", {
+									className: "w-full",
+									children: g.children
 								})
-							}) : null,
-							/* @__PURE__ */ f("div", {
-								className: "flex items-center gap-alert-gap",
-								children: [
-									!p && u === "success" ? /* @__PURE__ */ d(a, {
-										"aria-hidden": "true",
-										size: 20
-									}) : null,
-									!p && u === "info" ? /* @__PURE__ */ d(o, {
-										"aria-hidden": "true",
-										size: 20
-									}) : null,
-									!p && u === "danger" ? /* @__PURE__ */ d(s, {
-										"aria-hidden": "true",
-										size: 20
-									}) : null,
-									p,
-									v.title ? /* @__PURE__ */ d("h4", {
-										className: "tracking-3 text-typography-lg text-balance font-semibold",
-										children: v.title
-									}) : /* @__PURE__ */ d("div", {
-										className: "w-full",
-										children: v.children
-									})
-								]
-							}),
-							v.title ? /* @__PURE__ */ d("div", {
-								className: "w-full",
-								children: v.children
-							}) : null
-						]
-					})
+							]
+						}),
+						g.title ? /* @__PURE__ */ d("div", {
+							className: "w-full",
+							children: g.children
+						}) : null
+					]
 				})
 			})
-		}) : null
+		})
 	});
 });
 //#endregion
-export { _ as Alert, h as Collapse };
+export { g as Alert, m as Collapse };
 
 //# sourceMappingURL=alert.js.map

package/dist/components/display/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion, type Variants, type Transition } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\n\nconst variants = {\n    true: { opacity: 1, height: \"auto\" },\n    false: { opacity: [0.7, 0.3, 0], height: 0 },\n} satisfies Variants;\n\nconst transition: Transition = {\n    type: \"tween\",\n    duration: 0.7,\n    ease: [0.04, 0.62, 0.23, 0.98],\n};\n\ntype CollapseProps = HTMLMotionProps<\"section\"> & { open: boolean };\n\nexport const Collapse = (props: PropsWithChildren<CollapseProps>) => (\n    <motion.div\n        {...(props as unknown as HTMLMotionProps<\"div\">)}\n        layout\n        layoutRoot\n        layoutScroll\n        initial={false}\n        variants={variants}\n        exit={variants.false}\n        transition={transition}\n        aria-hidden={!props.open}\n        data-component=\"collapse\"\n        animate={props.open.toString()}\n        className={css(\"aria-hidden:pointer-events-none\", props.className)}\n    >\n        {props.children}\n    </motion.div>\n);\n\nconst themeVariants = {\n    theme: {\n        primary: \"bg-alert-primary-bg text-alert-primary-text border-alert-primary-border\",\n        danger: \"bg-alert-danger-bg text-alert-danger-text border-alert-danger-border\",\n        info: \"bg-alert-info-bg text-alert-info-text border-alert-info-border\",\n        success: \"bg-alert-success-bg text-alert-success-text border-alert-success-border\",\n        secondary: \"bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border\",\n        warn: \"bg-alert-warn-bg text-alert-warn-text border-alert-warn-border\",\n        neutral: \"bg-transparent border border-card-border text-alert-primary-text\",\n    },\n};\n\nconst alertVariants = cva(\"text-typography-sm relative block w-full rounded-alert-radius border p-alert-p\", {\n    variants: themeVariants,\n    defaultVariants: { theme: \"neutral\" },\n});\n\nexport type AlertProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    CvaVariants<typeof themeVariants> &\n        Partial<{\n            open?: boolean;\n            container: string;\n            Icon: React.ReactElement;\n            onClose: (nextState: boolean) => void;\n        }>,\n    T\n>;\n\nexport const Alert: <T extends React.ElementType = \"div\">(props: AlertProps<T>) => React.ReactNode = forwardRef(function Alert(\n    { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n    ref: React.Ref<\"div\">\n) {\n    const t = useTranslations();\n    const close = () => onClose?.(false);\n    const liveRole = theme === \"danger\" || theme === \"warn\" ? \"alert\" : \"status\";\n\n    return (\n        <AnimatePresence presenceAffectsLayout propagate mode=\"sync\">\n            {open ? (\n                <motion.div\n                    data-open={!!open}\n                    aria-hidden={!open}\n                    data-component=\"alert\"\n                    className={css(\"isolate w-full\", open ? \"pointer-events-auto\" : \"pointer-events-none\")}\n                >\n                    <Collapse data-open={!!open} open={!!open}>\n                        <Polymorph\n                            {...props}\n                            ref={ref}\n                            role={liveRole}\n                            data-theme={theme}\n                            as={props.as || \"div\"}\n                            className={css(alertVariants({ theme }), className)}\n                        >\n                            <div className=\"flex flex-col gap-alert-gap\">\n                                {onClose !== undefined && open ? (\n                                    <button\n                                        type=\"button\"\n                                        onClick={close}\n                                        aria-label={t.closeButton}\n                                        className=\"absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n                                    >\n                                        <XIcon size={20} aria-hidden=\"true\" />\n                                    </button>\n                                ) : null}\n                                <div className=\"flex items-center gap-alert-gap\">\n                                    {!Icon && theme === \"success\" ? <CheckCircleIcon aria-hidden=\"true\" size={20} /> : null}\n                                    {!Icon && theme === \"info\" ? <InfoIcon aria-hidden=\"true\" size={20} /> : null}\n                                    {!Icon && theme === \"danger\" ? <WarningIcon aria-hidden=\"true\" size={20} /> : null}\n                                    {Icon}\n                                    {props.title ? (\n                                        <h4 className=\"tracking-3 text-typography-lg text-balance font-semibold\">{props.title}</h4>\n                                    ) : (\n                                        <div className=\"w-full\">{props.children}</div>\n                                    )}\n                                </div>\n                                {props.title ? <div className=\"w-full\">{props.children}</div> : null}\n                            </div>\n                        </Polymorph>\n                    </Collapse>\n                </motion.div>\n            ) : null}\n        </AnimatePresence>\n    );\n}) as never;\n"],"mappings":";;;;;;;;;;;;;AAUA,IAAM,IAAW;CACb,MAAM;EAAE,SAAS;EAAG,QAAQ;CAAO;CACnC,OAAO;EAAE,SAAS;GAAC;GAAK;GAAK;EAAC;EAAG,QAAQ;CAAE;AAC/C,GAEM,IAAyB;CAC3B,MAAM;CACN,UAAU;CACV,MAAM;EAAC;EAAM;EAAM;EAAM;CAAI;AACjC,GAIa,KAAY,MACrB,kBAAC,EAAO,KAAR;CACI,GAAK;CACL,QAAA;CACA,YAAA;CACA,cAAA;CACA,SAAS;CACC;CACV,MAAM,EAAS;CACH;CACZ,eAAa,CAAC,EAAM;CACpB,kBAAe;CACf,SAAS,EAAM,KAAK,SAAS;CAC7B,WAAW,EAAI,mCAAmC,EAAM,SAAS;WAEhE,EAAM;AACC,CAAA,GAeV,IAAgB,EAAI,kFAAkF;CACxG,UAAU,EAZV,OAAO;EACH,SAAS;EACT,QAAQ;EACR,MAAM;EACN,SAAS;EACT,WAAW;EACX,MAAM;EACN,SAAS;CACb,EAIU;CACV,iBAAiB,EAAE,OAAO,UAAU;AACxC,CAAC,GAaY,IAAwF,EAAW,SAC5G,EAAE,cAAW,UAAO,SAAM,YAAS,UAAO,IAAM,GAAG,KACnD,GACF;CACE,IAAM,IAAI,EAAgB,GACpB,UAAc,IAAU,EAAK,GAC7B,IAAW,MAAU,YAAY,MAAU,SAAS,UAAU;CAEpE,OACI,kBAAC,GAAD;EAAiB,uBAAA;EAAsB,WAAA;EAAU,MAAK;YACjD,IACG,kBAAC,EAAO,KAAR;GACI,aAAW,CAAC,CAAC;GACb,eAAa,CAAC;GACd,kBAAe;GACf,WAAW,EAAI,kBAAkB,IAAO,wBAAwB,qBAAqB;aAErF,kBAAC,GAAD;IAAU,aAAW,CAAC,CAAC;IAAM,MAAM,CAAC,CAAC;cACjC,kBAAC,GAAD;KACI,GAAI;KACC;KACL,MAAM;KACN,cAAY;KACZ,IAAI,EAAM,MAAM;KAChB,WAAW,EAAI,EAAc,EAAE,SAAM,CAAC,GAAG,CAAS;eAElD,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACK,MAAY,KAAA,KAAa,IACtB,kBAAC,UAAD;QACI,MAAK;QACL,SAAS;QACT,cAAY,EAAE;QACd,WAAU;kBAEV,kBAAC,GAAD;SAAO,MAAM;SAAI,eAAY;QAAQ,CAAA;OACjC,CAAA,IACR;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACK,CAAC,KAAQ,MAAU,YAAY,kBAAC,GAAD;UAAiB,eAAY;UAAO,MAAM;SAAK,CAAA,IAAI;SAClF,CAAC,KAAQ,MAAU,SAAS,kBAAC,GAAD;UAAU,eAAY;UAAO,MAAM;SAAK,CAAA,IAAI;SACxE,CAAC,KAAQ,MAAU,WAAW,kBAAC,GAAD;UAAa,eAAY;UAAO,MAAM;SAAK,CAAA,IAAI;SAC7E;SACA,EAAM,QACH,kBAAC,MAAD;UAAI,WAAU;oBAA4D,EAAM;SAAU,CAAA,IAE1F,kBAAC,OAAD;UAAK,WAAU;oBAAU,EAAM;SAAc,CAAA;QAEhD;;OACJ,EAAM,QAAQ,kBAAC,OAAD;QAAK,WAAU;kBAAU,EAAM;OAAc,CAAA,IAAI;MAC/D;;IACE,CAAA;GACL,CAAA;EACF,CAAA,IACZ;CACS,CAAA;AAEzB,CAAC"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { HTMLMotionProps, motion, type Transition } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Resizable } from \"../core/resizable\";\n\nconst transition: Transition = {\n    type: \"tween\",\n    duration: 0.35,\n    ease: [0.04, 0.62, 0.23, 0.98],\n};\n\ntype CollapseProps = HTMLMotionProps<\"section\"> & { open: boolean };\n\nexport const Collapse = (props: PropsWithChildren<CollapseProps>) => (\n    <motion.div\n        {...(props as unknown as HTMLMotionProps<\"div\">)}\n        initial={false}\n        animate={{ opacity: props.open ? 1 : 0 }}\n        transition={transition}\n        aria-hidden={!props.open}\n        data-component=\"collapse\"\n        className={css(\"aria-hidden:pointer-events-none\", props.className)}\n    >\n        <Resizable open={props.open} destroyOnUnmount>\n            {props.children}\n        </Resizable>\n    </motion.div>\n);\n\nconst themeVariants = {\n    theme: {\n        primary: \"bg-alert-primary-bg text-alert-primary-text border-alert-primary-border\",\n        danger: \"bg-alert-danger-bg text-alert-danger-text border-alert-danger-border\",\n        info: \"bg-alert-info-bg text-alert-info-text border-alert-info-border\",\n        success: \"bg-alert-success-bg text-alert-success-text border-alert-success-border\",\n        secondary: \"bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border\",\n        warn: \"bg-alert-warn-bg text-alert-warn-text border-alert-warn-border\",\n        neutral: \"bg-transparent border border-card-border text-alert-primary-text\",\n    },\n};\n\nconst alertVariants = cva(\"text-typography-sm relative block w-full rounded-alert-radius border p-alert-p\", {\n    variants: themeVariants,\n    defaultVariants: { theme: \"neutral\" },\n});\n\nexport type AlertProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    CvaVariants<typeof themeVariants> &\n        Partial<{\n            open?: boolean;\n            container: string;\n            Icon: React.ReactElement;\n            onClose: (nextState: boolean) => void;\n        }>,\n    T\n>;\n\nexport const Alert: <T extends React.ElementType = \"div\">(props: AlertProps<T>) => React.ReactNode = forwardRef(function Alert(\n    { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n    ref: React.Ref<\"div\">\n) {\n    const t = useTranslations();\n    const close = () => onClose?.(false);\n    const liveRole = theme === \"danger\" || theme === \"warn\" ? \"alert\" : \"status\";\n\n    return (\n        <div\n            data-open={!!open}\n            aria-hidden={!open}\n            data-component=\"alert\"\n            className={css(\"isolate w-full\", open ? \"pointer-events-auto\" : \"pointer-events-none\")}\n        >\n            <Collapse open={!!open}>\n                <Polymorph\n                    {...props}\n                    ref={ref}\n                    role={liveRole}\n                    data-theme={theme}\n                    as={props.as || \"div\"}\n                    className={css(alertVariants({ theme }), className)}\n                >\n                    <div className=\"flex flex-col gap-alert-gap\">\n                        {onClose !== undefined ? (\n                            <button\n                                type=\"button\"\n                                onClick={close}\n                                aria-label={t.closeButton}\n                                className=\"absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n                            >\n                                <XIcon size={20} aria-hidden=\"true\" />\n                            </button>\n                        ) : null}\n                        <div className=\"flex items-center gap-alert-gap\">\n                            {!Icon && theme === \"success\" ? <CheckCircleIcon aria-hidden=\"true\" size={20} /> : null}\n                            {!Icon && theme === \"info\" ? <InfoIcon aria-hidden=\"true\" size={20} /> : null}\n                            {!Icon && theme === \"danger\" ? <WarningIcon aria-hidden=\"true\" size={20} /> : null}\n                            {Icon}\n                            {props.title ? (\n                                <h4 className=\"tracking-3 text-typography-lg text-balance font-semibold\">{props.title}</h4>\n                            ) : (\n                                <div className=\"w-full\">{props.children}</div>\n                            )}\n                        </div>\n                        {props.title ? <div className=\"w-full\">{props.children}</div> : null}\n                    </div>\n                </Polymorph>\n            </Collapse>\n        </div>\n    );\n}) as never;\n"],"mappings":";;;;;;;;;;;;;;AAWA,IAAM,IAAyB;CAC3B,MAAM;CACN,UAAU;CACV,MAAM;EAAC;EAAM;EAAM;EAAM;CAAI;AACjC,GAIa,KAAY,MACrB,kBAAC,EAAO,KAAR;CACI,GAAK;CACL,SAAS;CACT,SAAS,EAAE,SAAS,KAAM,KAAa;CAC3B;CACZ,eAAa,CAAC,EAAM;CACpB,kBAAe;CACf,WAAW,EAAI,mCAAmC,EAAM,SAAS;WAEjE,kBAAC,GAAD;EAAW,MAAM,EAAM;EAAM,kBAAA;YACxB,EAAM;CACA,CAAA;AACH,CAAA,GAeV,IAAgB,EAAI,kFAAkF;CACxG,UAAU,EAZV,OAAO;EACH,SAAS;EACT,QAAQ;EACR,MAAM;EACN,SAAS;EACT,WAAW;EACX,MAAM;EACN,SAAS;CACb,EAIU;CACV,iBAAiB,EAAE,OAAO,UAAU;AACxC,CAAC,GAaY,IAAwF,EAAW,SAC5G,EAAE,cAAW,UAAO,SAAM,YAAS,UAAO,IAAM,GAAG,KACnD,GACF;CACE,IAAM,IAAI,EAAgB,GACpB,UAAc,IAAU,EAAK,GAC7B,IAAW,MAAU,YAAY,MAAU,SAAS,UAAU;CAEpE,OACI,kBAAC,OAAD;EACI,aAAW,CAAC,CAAC;EACb,eAAa,CAAC;EACd,kBAAe;EACf,WAAW,EAAI,kBAAkB,IAAO,wBAAwB,qBAAqB;YAErF,kBAAC,GAAD;GAAU,MAAM,CAAC,CAAC;aACd,kBAAC,GAAD;IACI,GAAI;IACC;IACL,MAAM;IACN,cAAY;IACZ,IAAI,EAAM,MAAM;IAChB,WAAW,EAAI,EAAc,EAAE,SAAM,CAAC,GAAG,CAAS;cAElD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACK,MAAY,KAAA,IAST,OARA,kBAAC,UAAD;OACI,MAAK;OACL,SAAS;OACT,cAAY,EAAE;OACd,WAAU;iBAEV,kBAAC,GAAD;QAAO,MAAM;QAAI,eAAY;OAAQ,CAAA;MACjC,CAAA;MAEZ,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACK,CAAC,KAAQ,MAAU,YAAY,kBAAC,GAAD;SAAiB,eAAY;SAAO,MAAM;QAAK,CAAA,IAAI;QAClF,CAAC,KAAQ,MAAU,SAAS,kBAAC,GAAD;SAAU,eAAY;SAAO,MAAM;QAAK,CAAA,IAAI;QACxE,CAAC,KAAQ,MAAU,WAAW,kBAAC,GAAD;SAAa,eAAY;SAAO,MAAM;QAAK,CAAA,IAAI;QAC7E;QACA,EAAM,QACH,kBAAC,MAAD;SAAI,WAAU;mBAA4D,EAAM;QAAU,CAAA,IAE1F,kBAAC,OAAD;SAAK,WAAU;mBAAU,EAAM;QAAc,CAAA;OAEhD;;MACJ,EAAM,QAAQ,kBAAC,OAAD;OAAK,WAAU;iBAAU,EAAM;MAAc,CAAA,IAAI;KAC/D;;GACE,CAAA;EACL,CAAA;CACT,CAAA;AAEb,CAAC"}

package/dist/components/display/alert.jsx

@@ -1,22 +1,21 @@
 "use client";
 import { cva } from "class-variance-authority";
-import { AnimatePresence, motion } from "motion/react";
+import { motion } from "motion/react";
 import { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from "@phosphor-icons/react";
 import React, { forwardRef } from "react";
 import { useTranslations } from "../../hooks/use-translations";
 import { css } from "../../lib/dom";
 import { Polymorph } from "../core/polymorph";
-const variants = {
-    true: { opacity: 1, height: "auto" },
-    false: { opacity: [0.7, 0.3, 0], height: 0 },
-};
+import { Resizable } from "../core/resizable";
 const transition = {
     type: "tween",
-    duration: 0.7,
+    duration: 0.35,
     ease: [0.04, 0.62, 0.23, 0.98],
 };
-export const Collapse = (props) => (<motion.div {...props} layout layoutRoot layoutScroll initial={false} variants={variants} exit={variants.false} transition={transition} aria-hidden={!props.open} data-component="collapse" animate={props.open.toString()} className={css("aria-hidden:pointer-events-none", props.className)}>
-        {props.children}
+export const Collapse = (props) => (<motion.div {...props} initial={false} animate={{ opacity: props.open ? 1 : 0 }} transition={transition} aria-hidden={!props.open} data-component="collapse" className={css("aria-hidden:pointer-events-none", props.className)}>
+        <Resizable open={props.open} destroyOnUnmount>
+            {props.children}
+        </Resizable>
     </motion.div>);
 const themeVariants = {
     theme: {
@@ -37,25 +36,23 @@ export const Alert = forwardRef(function Alert({ className, theme, Icon, onClose
     const t = useTranslations();
     const close = () => onClose?.(false);
     const liveRole = theme === "danger" || theme === "warn" ? "alert" : "status";
-    return (<AnimatePresence presenceAffectsLayout propagate mode="sync">
-            {open ? (<motion.div data-open={!!open} aria-hidden={!open} data-component="alert" className={css("isolate w-full", open ? "pointer-events-auto" : "pointer-events-none")}>
-                    <Collapse data-open={!!open} open={!!open}>
-                        <Polymorph {...props} ref={ref} role={liveRole} data-theme={theme} as={props.as || "div"} className={css(alertVariants({ theme }), className)}>
-                            <div className="flex flex-col gap-alert-gap">
-                                {onClose !== undefined && open ? (<button type="button" onClick={close} aria-label={t.closeButton} className="absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger">
-                                        <XIcon size={20} aria-hidden="true"/>
-                                    </button>) : null}
-                                <div className="flex items-center gap-alert-gap">
-                                    {!Icon && theme === "success" ? <CheckCircleIcon aria-hidden="true" size={20}/> : null}
-                                    {!Icon && theme === "info" ? <InfoIcon aria-hidden="true" size={20}/> : null}
-                                    {!Icon && theme === "danger" ? <WarningIcon aria-hidden="true" size={20}/> : null}
-                                    {Icon}
-                                    {props.title ? (<h4 className="tracking-3 text-typography-lg text-balance font-semibold">{props.title}</h4>) : (<div className="w-full">{props.children}</div>)}
-                                </div>
-                                {props.title ? <div className="w-full">{props.children}</div> : null}
-                            </div>
-                        </Polymorph>
-                    </Collapse>
-                </motion.div>) : null}
-        </AnimatePresence>);
+    return (<div data-open={!!open} aria-hidden={!open} data-component="alert" className={css("isolate w-full", open ? "pointer-events-auto" : "pointer-events-none")}>
+            <Collapse open={!!open}>
+                <Polymorph {...props} ref={ref} role={liveRole} data-theme={theme} as={props.as || "div"} className={css(alertVariants({ theme }), className)}>
+                    <div className="flex flex-col gap-alert-gap">
+                        {onClose !== undefined ? (<button type="button" onClick={close} aria-label={t.closeButton} className="absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger">
+                                <XIcon size={20} aria-hidden="true"/>
+                            </button>) : null}
+                        <div className="flex items-center gap-alert-gap">
+                            {!Icon && theme === "success" ? <CheckCircleIcon aria-hidden="true" size={20}/> : null}
+                            {!Icon && theme === "info" ? <InfoIcon aria-hidden="true" size={20}/> : null}
+                            {!Icon && theme === "danger" ? <WarningIcon aria-hidden="true" size={20}/> : null}
+                            {Icon}
+                            {props.title ? (<h4 className="tracking-3 text-typography-lg text-balance font-semibold">{props.title}</h4>) : (<div className="w-full">{props.children}</div>)}
+                        </div>
+                        {props.title ? <div className="w-full">{props.children}</div> : null}
+                    </div>
+                </Polymorph>
+            </Collapse>
+        </div>);
 });

package/dist/components/display/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/display/calendar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAqB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AA0B5D,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAExC,KAAK,YAAY,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;AAElD,KAAK,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;AAEpD,KAAK,SAAS,GAAG,CAAC,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC;AAErC,KAAK,cAAc,GAAG,OAAO,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,CAAC;CACxD,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACtC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,aAAa,GAAG,YAAY,CAAC;IACvC,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,CAAC,CAAC;AA2IH,eAAO,MAAM,QAAQ,GAAI,qLAgBtB,aAAa,sBA2Sf,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/display/calendar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAqB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAwB5D,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAExC,KAAK,YAAY,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;AAElD,KAAK,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;AAEpD,KAAK,SAAS,GAAG,CAAC,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC;AAErC,KAAK,cAAc,GAAG,OAAO,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,CAAC;CACxD,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,YAAY,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACtC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,aAAa,GAAG,YAAY,CAAC;IACvC,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,CAAC,CAAC;AA6IH,eAAO,MAAM,QAAQ,GAAI,qLAgBtB,aAAa,sBA2Sf,CAAC"}

package/dist/components/display/calendar.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../calendar-PCCZDUIL.js";
+import { t as e } from "../../calendar-DEPkz8sw.js";
 export { e as Calendar };

package/dist/components/display/calendar.jsx

@@ -21,7 +21,6 @@ const variants = {
     exit: dir(-1),
     middle: { x: "0%", opacity: 1 },
 };
-const removeImmediately = { exit: { visibility: "hidden" } };
 const createDays = (month) => {
     const start = startOfWeek(startOfMonth(month));
     return eachDayOfInterval({ start, end: add(start, { days: 41 }) });
@@ -89,7 +88,9 @@ const CalendarBody = (props) => {
                                                 </span>
                                             </span>) : null}
                                         {isSelected && props.stateRange.to?.toISOString() === key ? (<span className="absolute -top-2 left-0 h-full w-full">
-                                                <span className="text-calendar-cell-text text-foreground">{props.labelRange?.to ?? translate.calendarToDate}</span>
+                                                <span className="text-calendar-cell-text text-foreground">
+                                                    {props.labelRange?.to ?? translate.calendarToDate}
+                                                </span>
                                             </span>) : null}
                                     </button>
                                     {props.RenderOnDay ? <props.RenderOnDay date={day}/> : null}
@@ -257,13 +258,15 @@ export const Calendar = ({ RenderOnDay, changeOnlyOnClick = false, labelRange, d
     };
     return (<MotionConfig transition={transition}>
             <div ref={root} data-component="calendar" onTouchEnd={swipe.onTouchEnd} onTouchStart={swipe.onTouchStart} className={css("relative overflow-hidden", Is.function(styles?.calendar) ? styles?.calendar(allDaysOfMonth) : styles?.calendar)}>
-                <div className="rounded-calendar-header-radius flex flex-col justify-center text-center">
+                <div className="flex flex-col justify-center rounded-calendar-header-radius text-center">
                     <AnimatePresence initial={false} mode="popLayout" custom={state.direction} onExitComplete={dispatch.onExitComplete}>
                         <motion.div key={monthString} initial="enter" animate="middle" exit="exit">
-                            <header className="relative flex justify-between">
-                                <motion.button layout type="button" data-focustrap="prev" variants={removeImmediately} onClick={dispatch.previousMonth} title={translations.calendarBackMonth} className="z-calendar rounded-full p-calendar-nav-p hover:bg-primary hover:text-primary-foreground">
-                                    <CaretLeftIcon className="size-calendar-icon-size"/>
-                                </motion.button>
+                            <header className="relative grid grid-cols-7 items-center">
+                                <button type="button" data-focustrap="prev" onClick={dispatch.previousMonth} title={translations.calendarBackMonth} className="z-calendar col-start-1 justify-self-center rounded-full p-calendar-nav-p hover:text-primary">
+                                    <span className="inline-flex size-calendar-icon-size items-center justify-center">
+                                        <CaretLeftIcon aria-hidden="true"/>
+                                    </span>
+                                </button>
                                 <motion.span layout variants={variants} custom={state.direction} className="absolute inset-0 isolate z-normal flex items-center justify-center font-semibold">
                                     <span className="flex w-fit items-center justify-center gap-calendar-nav-gap py-calendar-nav-py">
                                         <select value={monthString} onChange={dispatch.onChangeMonth} aria-label={translations.calendarMonthLabel} style={{ width: `${monthString.length + 1}ch` }} className="cursor-pointer appearance-none bg-transparent capitalize proportional-nums hover:text-primary">
@@ -272,9 +275,11 @@ export const Calendar = ({ RenderOnDay, changeOnlyOnClick = false, labelRange, d
                                         <TheMaskInput mask="int" maxLength={4} placeholder="YYYY" value={state.year} onChange={internalOnChangeYear} style={{ width: `${state.year.length}ch` }} className="w-calendar-year-w cursor-pointer appearance-none bg-transparent hover:text-primary"/>
                                     </span>
                                 </motion.span>
-                                <motion.button layout type="button" data-focustrap="next" variants={removeImmediately} onClick={dispatch.nextMonth} title={translations.calendarNextMonth} className="z-calendar rounded-full p-calendar-nav-p hover:bg-primary hover:text-primary-foreground">
-                                    <CaretRightIcon className="size-calendar-icon-size"/>
-                                </motion.button>
+                                <button type="button" data-focustrap="next" onClick={dispatch.nextMonth} title={translations.calendarNextMonth} className="z-calendar col-start-7 justify-self-center rounded-full p-calendar-nav-p hover:text-primary">
+                                    <span className="inline-flex size-calendar-icon-size items-center justify-center">
+                                        <CaretRightIcon aria-hidden="true"/>
+                                    </span>
+                                </button>
                             </header>
                             <motion.table className="mt-calendar-table-mt table min-w-full table-auto border-0">
                                 <thead>

package/dist/components/display/card.js

@@ -1,7 +1,7 @@
 import { p as e, t } from "../../dom-Bn4wY_Zx.js";
-import { t as n } from "../../polymorph-BLXhrn9n.js";
+import { Polymorph as n } from "../core/polymorph.js";
 import { t as r } from "../../Info.es-Dvln8pws.js";
-import { t as i } from "../../skeleton-CBYEq3lM.js";
+import { Skeleton as i } from "./skeleton.js";
 import "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/display/card.tsx

package/dist/components/display/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAStC,CAAC"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/components/display/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAWtC,CAAC"}

package/dist/components/display/empty.js

@@ -0,0 +1,25 @@
+import { t as e } from "../../File.es-CjNVQ00B.js";
+import { t } from "../../use-translations-BE4PuhLm.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/empty.tsx
+var i = (i) => {
+	let a = i.Icon ?? e, o = t();
+	return /* @__PURE__ */ r("div", {
+		className: "flex w-full flex-col items-center justify-center gap-empty-gap px-empty-px py-empty-py",
+		children: [/* @__PURE__ */ n("span", {
+			className: "text-disabled",
+			children: /* @__PURE__ */ n(a, {
+				size: 64,
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ n("p", {
+			className: "text-disabled",
+			children: i.message ?? o.emptyDataMessage
+		})]
+	});
+};
+//#endregion
+export { i as Empty };
+
+//# sourceMappingURL=empty.js.map

package/dist/components/display/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../../src/components/display/empty.tsx"],"sourcesContent":["import { FileIcon, type Icon } from \"@phosphor-icons/react\";\nimport React from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\n\nexport type EmptyProps = { Icon?: Icon; message?: string };\n\nexport const Empty = (props: EmptyProps) => {\n    const Icon = props.Icon ?? FileIcon;\n    const translate = useTranslations();\n    return (\n        <div className=\"flex w-full flex-col items-center justify-center gap-empty-gap px-empty-px py-empty-py\">\n            <span className=\"text-disabled\">\n                <Icon size={64} aria-hidden=\"true\" />\n            </span>\n            <p className=\"text-disabled\">{props.message ?? translate.emptyDataMessage}</p>\n        </div>\n    );\n};\n"],"mappings":";;;;;AAMA,IAAa,KAAS,MAAsB;CACxC,IAAM,IAAO,EAAM,QAAQ,GACrB,IAAY,EAAgB;CAClC,OACI,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,QAAD;GAAM,WAAU;aACZ,kBAAC,GAAD;IAAM,MAAM;IAAI,eAAY;GAAQ,CAAA;EAClC,CAAA,GACN,kBAAC,KAAD;GAAG,WAAU;aAAiB,EAAM,WAAW,EAAU;EAAoB,CAAA,CAC5E;;AAEb"}

package/dist/components/display/empty.jsx

@@ -5,7 +5,9 @@ export const Empty = (props) => {
     const Icon = props.Icon ?? FileIcon;
     const translate = useTranslations();
     return (<div className="flex w-full flex-col items-center justify-center gap-empty-gap px-empty-px py-empty-py">
-            <Icon size={64} className="text-disabled"/>
+            <span className="text-disabled">
+                <Icon size={64} aria-hidden="true"/>
+            </span>
             <p className="text-disabled">{props.message ?? translate.emptyDataMessage}</p>
         </div>);
 };

package/dist/components/display/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/display/list.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAIF,KAAK,iBAAiB,GAAG,MAAM,CAAC;AA4DhC,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAwEvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAA0C,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/display/list.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,KAAK,iBAAiB,GAAG;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAIF,KAAK,iBAAiB,GAAG,MAAM,CAAC;AAiEhC,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAgFvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAA0C,CAAC"}