@g4rcez/components 4.0.2 → 4.1.1

package/dist/components/core/button.js

@@ -1,7 +1,7 @@
 import { jsxs as u } from "react/jsx-runtime";
-import { c as g } from "../../index-DJSMaZR4.js";
+import { c as g } from "../../index-DlJ_2RBL.js";
 import { forwardRef as c } from "react";
-import { c as p } from "../../dom-Dl8XH0CK.js";
+import { c as p } from "../../dom-CyQHY7ID.js";
 import { P as l } from "../../polymorph-B5n9fs_K.js";
 const m = {
   size: {
@@ -41,13 +41,13 @@ const m = {
     "ghost-neutral": "bg-transparent border-0 border-card-border"
   }
 }, x = g(
-  "relative overflow-hidden inline-flex duration-300 enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 data-[loading=true]:opacity-30 data-[loading=true]:animate-pulse gap-1.5 items-center justify-center align-middle cursor-pointer whitespace-nowrap font-medium transition-colors ease-linear disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring",
+  "relative inline-flex cursor-pointer items-center justify-center gap-1.5 overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30",
   {
     variants: m,
     defaultVariants: { theme: "main", size: "default", rounded: "default" }
   }
-), k = c(function({ className: a, icon: o, loading: r, theme: n, type: s = "button", size: d, rounded: b, ...t }, i) {
-  const e = r || t.disabled;
+), k = c(function({ className: a, icon: o, loading: e, theme: n, type: s = "button", size: d, rounded: b, ...t }, i) {
+  const r = e || t.disabled;
   return /* @__PURE__ */ u(
     l,
     {
@@ -55,13 +55,13 @@ const m = {
       ref: i,
       type: s,
       "data-theme": n,
-      disabled: e,
-      "data-loading": r,
+      disabled: r,
+      "data-loading": e,
       "data-component": "button",
-      "aria-disabled": e,
+      "aria-disabled": r,
       as: t.as ?? "button",
-      "aria-busy": e || r,
-      onClick: e ? void 0 : t.onClick,
+      "aria-busy": e,
+      onClick: r ? void 0 : t.onClick,
       className: p(x({ size: d, rounded: b, theme: n }), a),
       children: [
         o,

package/dist/components/core/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/core/button.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, type Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-10 px-4 py-2\",\n        min: \"h-7 px-3 py-1 text-sm\",\n        small: \"h-8 px-4 py-2 text-sm\",\n        tiny: \"h-6 px-2 py-1 text-sm\",\n    },\n    rounded: {\n        rough: \"rounded-sm\",\n        squared: \"rounded-none\",\n        default: \"rounded-button\",\n        circle: \"rounded-full aspect-square\",\n    },\n    theme: {\n        raw: \"\",\n        disabled: \"bg-disabled opacity-70\",\n        loading: \"animate-pulse bg-disabled\",\n        main: \"bg-button-primary-bg text-button-primary-text\",\n        info: \"bg-button-info-bg text-button-info-text\",\n        warn: \"bg-button-warn-bg text-button-warn-text\",\n        muted: \"bg-button-muted-bg text-button-muted-text\",\n        danger: \"bg-button-danger-bg text-button-danger-text\",\n        neutral: \"bg-transparent border-1 border-card-border\",\n        primary: \"bg-button-primary-bg text-button-primary-text\",\n        success: \"bg-button-success-bg text-button-success-text\",\n        secondary: \"bg-button-secondary-bg text-button-secondary-text\",\n\n        \"ghost-info\": \"bg-transparent hover:bg-info/20 border-0 border-transparent text-info\",\n        \"ghost-warn\": \"bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn\",\n        \"ghost-danger\": \"bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger\",\n        \"ghost-primary\": \"bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary\",\n        \"ghost-success\": \"bg-transparent hover:bg-success/20 border-0 border-transparent text-success\",\n        \"ghost-secondary\": \"bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary\",\n        \"ghost-muted\": \"bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground\",\n        \"ghost-neutral\": \"bg-transparent border-0 border-card-border\",\n    },\n};\n\nconst buttonVariants = cva(\n    \"relative overflow-hidden inline-flex duration-300 enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 data-[loading=true]:opacity-30 data-[loading=true]:animate-pulse gap-1.5 items-center justify-center align-middle cursor-pointer whitespace-nowrap font-medium transition-colors ease-linear disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring\",\n    {\n        variants,\n        defaultVariants: { theme: \"main\", size: \"default\", rounded: \"default\" },\n    }\n);\n\ntype Variants = CvaVariants<typeof variants>;\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> = PropsWithChildren<\n    PolymorphicProps<\n        Variants &\n            Partial<{\n                /** Icon to display in the button */\n                icon: Label;\n                /** Whether the button is in a loading state */\n                loading: boolean;\n            }>,\n        T\n    >\n>;\n\n/**\n * A versatile button component with multiple variants, sizes, and states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With variants\n * <Button theme=\"primary\" size=\"big\">Primary Button</Button>\n *\n * // Loading state\n * <Button loading>Saving...</Button>\n *\n * // With icon\n * <Button icon={<Icon name=\"plus\" />}>Add Item</Button>\n *\n * // As different element\n * <Button as=\"a\" href=\"/link\">Link Button</Button>\n * ```\n *\n * @template T - The HTML element type to render as\n * @param props - Button props including theme, size, loading state, etc.\n * @param ref - Forwarded ref to the button element\n * @returns A styled button component\n */\nexport const Button: <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode = forwardRef(function Button(\n    { className, icon, loading, theme, type = \"button\", size, rounded, ...props }: ButtonProps,\n    ref: React.Ref<\"button\">\n) {\n    const disabled = loading || props.disabled;\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            type={type}\n            data-theme={theme}\n            disabled={disabled}\n            data-loading={loading}\n            data-component=\"button\"\n            aria-disabled={disabled}\n            as={props.as ?? \"button\"}\n            aria-busy={disabled || loading}\n            onClick={disabled ? undefined : props.onClick}\n            className={css(buttonVariants({ size, rounded, theme }), className)}\n        >\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as any;\n"],"names":["variants","buttonVariants","cva","Button","forwardRef","className","icon","loading","theme","type","size","rounded","props","ref","disabled","jsxs","Polymorph","css"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACH,KAAK;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IAEX,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,iBAAiB;AAAA,EAAA;AAEzB,GAEMC,IAAiBC;AAAA,EACnB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,QAAQ,MAAM,WAAW,SAAS,UAAA;AAAA,EAAU;AAE9E,GA2CaG,IAAyFC,EAAW,SAC7G,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,UAAU,MAAAC,GAAM,SAAAC,GAAS,GAAGC,EAAA,GACtEC,GACF;AACE,QAAMC,IAAWP,KAAWK,EAAM;AAClC,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAJ;AAAA,MACA,cAAYD;AAAA,MACZ,UAAAM;AAAA,MACA,gBAAcP;AAAA,MACd,kBAAe;AAAA,MACf,iBAAeO;AAAA,MACf,IAAIF,EAAM,MAAM;AAAA,MAChB,aAAWE,KAAYP;AAAA,MACvB,SAASO,IAAW,SAAYF,EAAM;AAAA,MACtC,WAAWK,EAAIhB,EAAe,EAAE,MAAAS,GAAM,SAAAC,GAAS,OAAAH,EAAA,CAAO,GAAGH,CAAS;AAAA,MAEjE,UAAA;AAAA,QAAAC;AAAA,QACAM,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}
+{"version":3,"file":"button.js","sources":["../../../src/components/core/button.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, type Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-10 px-4 py-2\",\n        min: \"h-7 px-3 py-1 text-sm\",\n        small: \"h-8 px-4 py-2 text-sm\",\n        tiny: \"h-6 px-2 py-1 text-sm\",\n    },\n    rounded: {\n        rough: \"rounded-sm\",\n        squared: \"rounded-none\",\n        default: \"rounded-button\",\n        circle: \"rounded-full aspect-square\",\n    },\n    theme: {\n        raw: \"\",\n        disabled: \"bg-disabled opacity-70\",\n        loading: \"animate-pulse bg-disabled\",\n        main: \"bg-button-primary-bg text-button-primary-text\",\n        info: \"bg-button-info-bg text-button-info-text\",\n        warn: \"bg-button-warn-bg text-button-warn-text\",\n        muted: \"bg-button-muted-bg text-button-muted-text\",\n        danger: \"bg-button-danger-bg text-button-danger-text\",\n        neutral: \"bg-transparent border-1 border-card-border\",\n        primary: \"bg-button-primary-bg text-button-primary-text\",\n        success: \"bg-button-success-bg text-button-success-text\",\n        secondary: \"bg-button-secondary-bg text-button-secondary-text\",\n\n        \"ghost-info\": \"bg-transparent hover:bg-info/20 border-0 border-transparent text-info\",\n        \"ghost-warn\": \"bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn\",\n        \"ghost-danger\": \"bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger\",\n        \"ghost-primary\": \"bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary\",\n        \"ghost-success\": \"bg-transparent hover:bg-success/20 border-0 border-transparent text-success\",\n        \"ghost-secondary\": \"bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary\",\n        \"ghost-muted\": \"bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground\",\n        \"ghost-neutral\": \"bg-transparent border-0 border-card-border\",\n    },\n};\n\nconst buttonVariants = cva(\n    \"relative inline-flex cursor-pointer items-center justify-center gap-1.5 overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30\",\n    {\n        variants,\n        defaultVariants: { theme: \"main\", size: \"default\", rounded: \"default\" },\n    }\n);\n\ntype Variants = CvaVariants<typeof variants>;\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> = PropsWithChildren<\n    PolymorphicProps<\n        Variants &\n            Partial<{\n                /** Icon to display in the button */\n                icon: Label;\n                /** Whether the button is in a loading state */\n                loading: boolean;\n            }>,\n        T\n    >\n>;\n\n/**\n * A versatile button component with multiple variants, sizes, and states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With variants\n * <Button theme=\"primary\" size=\"big\">Primary Button</Button>\n *\n * // Loading state\n * <Button loading>Saving...</Button>\n *\n * // With icon\n * <Button icon={<Icon name=\"plus\" />}>Add Item</Button>\n *\n * // As different element\n * <Button as=\"a\" href=\"/link\">Link Button</Button>\n * ```\n *\n * @template T - The HTML element type to render as\n * @param props - Button props including theme, size, loading state, etc.\n * @param ref - Forwarded ref to the button element\n * @returns A styled button component\n */\nexport const Button: <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode = forwardRef(function Button(\n    { className, icon, loading, theme, type = \"button\", size, rounded, ...props }: ButtonProps,\n    ref: React.Ref<\"button\">\n) {\n    const disabled = loading || props.disabled;\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            type={type}\n            data-theme={theme}\n            disabled={disabled}\n            data-loading={loading}\n            data-component=\"button\"\n            aria-disabled={disabled}\n            as={props.as ?? \"button\"}\n            aria-busy={loading}\n            onClick={disabled ? undefined : props.onClick}\n            className={css(buttonVariants({ size, rounded, theme }), className)}\n        >\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode;\n"],"names":["variants","buttonVariants","cva","Button","forwardRef","className","icon","loading","theme","type","size","rounded","props","ref","disabled","jsxs","Polymorph","css"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACH,KAAK;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IAEX,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,iBAAiB;AAAA,EAAA;AAEzB,GAEMC,IAAiBC;AAAA,EACnB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,QAAQ,MAAM,WAAW,SAAS,UAAA;AAAA,EAAU;AAE9E,GA2CaG,IAAyFC,EAAW,SAC7G,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,UAAU,MAAAC,GAAM,SAAAC,GAAS,GAAGC,EAAA,GACtEC,GACF;AACE,QAAMC,IAAWP,KAAWK,EAAM;AAClC,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAJ;AAAA,MACA,cAAYD;AAAA,MACZ,UAAAM;AAAA,MACA,gBAAcP;AAAA,MACd,kBAAe;AAAA,MACf,iBAAeO;AAAA,MACf,IAAIF,EAAM,MAAM;AAAA,MAChB,aAAWL;AAAA,MACX,SAASO,IAAW,SAAYF,EAAM;AAAA,MACtC,WAAWK,EAAIhB,EAAe,EAAE,MAAAS,GAAM,SAAAC,GAAS,OAAAH,EAAA,CAAO,GAAGH,CAAS;AAAA,MAEjE,UAAA;AAAA,QAAAC;AAAA,QACAM,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}

package/dist/components/core/tag.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../index-DJSMaZR4.js";
+import { c as r } from "../../index-DlJ_2RBL.js";
 import { forwardRef as m } from "react";
-import { c as b } from "../../dom-Dl8XH0CK.js";
+import { c as b } from "../../dom-CyQHY7ID.js";
 import { P as l } from "../../polymorph-B5n9fs_K.js";
 const u = {
   size: {
@@ -24,7 +24,7 @@ const u = {
     secondary: "bg-tag-secondary-bg text-tag-secondary-text",
     loading: "animate-pulse bg-disabled duration-700 opacity-70"
   }
-}, p = r("size-2 aspect-square rounded-full border-0", {
+}, p = r("aspect-square size-2 rounded-full border-0", {
   variants: {
     theme: {
       info: "bg-info",
@@ -38,7 +38,7 @@ const u = {
     }
   }
 }), x = r(
-  "inline-flex rounded-pill gap-1.5 border-0 items-center justify-center align-middle whitespace-nowrap ease-linear duration-300 transition-all",
+  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-pill border-0 align-middle transition-all duration-300 ease-linear",
   {
     variants: u,
     defaultVariants: { theme: "primary", size: "default" }

package/dist/components/core/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../src/components/core/tag.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-8 px-4 py-2\",\n        tiny: \"h-5 p-1 px-2 text-xs\",\n        small: \"h-6 p-2 px-3 text-sm\",\n    },\n    theme: {\n        custom: \"\",\n        info: \"bg-tag-info-bg text-tag-info-text\",\n        warn: \"bg-tag-warn-bg text-tag-warn-text\",\n        muted: \"bg-tag-muted-bg text-tag-muted-text\",\n        danger: \"bg-tag-danger-bg text-tag-danger-text\",\n        disabled: \"bg-disabled duration-700 opacity-70\",\n        primary: \"bg-tag-primary-bg text-tag-primary-text\",\n        success: \"bg-tag-success-bg text-tag-success-text\",\n        neutral: \"bg-transparent border border-card-border\",\n        secondary: \"bg-tag-secondary-bg text-tag-secondary-text\",\n        loading: \"animate-pulse bg-disabled duration-700 opacity-70\",\n    },\n};\n\ntype Variants = CvaVariants<typeof variants>;\n\ntype Themes = NonNullable<Variants[\"theme\"]>;\n\nconst indicatorVariant = cva(\"size-2 aspect-square rounded-full border-0\", {\n    variants: {\n        theme: {\n            info: \"bg-info\",\n            warn: \"bg-warn\",\n            muted: \"bg-muted\",\n            danger: \"bg-danger\",\n            neutral: \"bg-muted\",\n            primary: \"bg-primary\",\n            success: \"bg-success\",\n            secondary: \"bg-secondary\",\n        } as Record<Themes, string>,\n    },\n});\n\nconst tagVariants = cva(\n    \"inline-flex rounded-pill gap-1.5 border-0 items-center justify-center align-middle whitespace-nowrap ease-linear duration-300 transition-all\",\n    {\n        variants,\n        defaultVariants: { theme: \"primary\", size: \"default\" },\n    }\n);\n\nexport type TagProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    CvaVariants<typeof variants> & Partial<{ icon: Label; loading: boolean; indicator: Themes | true }>,\n    T\n>;\n\nexport const Tag: <T extends React.ElementType = \"span\">(_: TagProps<T>) => any = forwardRef(function Tag(\n    { className, indicator = undefined, icon, loading, theme, size, ...props }: TagProps,\n    ref: React.Ref<any>\n) {\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            data-theme={theme}\n            data-component=\"tag\"\n            as={props.as ?? \"span\"}\n            className={css(tagVariants({ size, theme: loading ? \"loading\" : theme }), className)}\n        >\n            {indicator ? <span aria-hidden=\"true\" className={indicatorVariant({ theme: indicator === true ? theme : indicator })} /> : null}\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as any;\n"],"names":["variants","indicatorVariant","cva","tagVariants","Tag","forwardRef","className","indicator","icon","loading","theme","size","props","ref","jsxs","Polymorph","css","jsx"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAEjB,GAMMC,IAAmBC,EAAI,8CAA8C;AAAA,EACvE,UAAU;AAAA,IACN,OAAO;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACf;AAER,CAAC,GAEKC,IAAcD;AAAA,EAChB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,WAAW,MAAM,UAAA;AAAA,EAAU;AAE7D,GAOaI,IAAqEC,EAAW,SACzF,EAAE,WAAAC,GAAW,WAAAC,IAAY,QAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,EAAA,GACnEC,GACF;AACE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,cAAYH;AAAA,MACZ,kBAAe;AAAA,MACf,IAAIE,EAAM,MAAM;AAAA,MAChB,WAAWI,EAAIb,EAAY,EAAE,MAAAQ,GAAM,OAAOF,IAAU,YAAYC,GAAO,GAAGJ,CAAS;AAAA,MAElF,UAAA;AAAA,QAAAC,IAAY,gBAAAU,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWhB,EAAiB,EAAE,OAAOM,MAAc,KAAOG,IAAQH,EAAA,CAAW,GAAG,IAAK;AAAA,QAC1HC;AAAA,QACAI,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}
+{"version":3,"file":"tag.js","sources":["../../../src/components/core/tag.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-8 px-4 py-2\",\n        tiny: \"h-5 p-1 px-2 text-xs\",\n        small: \"h-6 p-2 px-3 text-sm\",\n    },\n    theme: {\n        custom: \"\",\n        info: \"bg-tag-info-bg text-tag-info-text\",\n        warn: \"bg-tag-warn-bg text-tag-warn-text\",\n        muted: \"bg-tag-muted-bg text-tag-muted-text\",\n        danger: \"bg-tag-danger-bg text-tag-danger-text\",\n        disabled: \"bg-disabled duration-700 opacity-70\",\n        primary: \"bg-tag-primary-bg text-tag-primary-text\",\n        success: \"bg-tag-success-bg text-tag-success-text\",\n        neutral: \"bg-transparent border border-card-border\",\n        secondary: \"bg-tag-secondary-bg text-tag-secondary-text\",\n        loading: \"animate-pulse bg-disabled duration-700 opacity-70\",\n    },\n};\n\ntype Variants = CvaVariants<typeof variants>;\n\ntype Themes = NonNullable<Variants[\"theme\"]>;\n\nconst indicatorVariant = cva(\"aspect-square size-2 rounded-full border-0\", {\n    variants: {\n        theme: {\n            info: \"bg-info\",\n            warn: \"bg-warn\",\n            muted: \"bg-muted\",\n            danger: \"bg-danger\",\n            neutral: \"bg-muted\",\n            primary: \"bg-primary\",\n            success: \"bg-success\",\n            secondary: \"bg-secondary\",\n        } as Record<Themes, string>,\n    },\n});\n\nconst tagVariants = cva(\n    \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-pill border-0 align-middle transition-all duration-300 ease-linear\",\n    {\n        variants,\n        defaultVariants: { theme: \"primary\", size: \"default\" },\n    }\n);\n\nexport type TagProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    CvaVariants<typeof variants> & Partial<{ icon: Label; loading: boolean; indicator: Themes | true }>,\n    T\n>;\n\nexport const Tag: <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode = forwardRef(function Tag<\n    T extends React.ElementType = \"span\",\n>({ className, indicator = undefined, icon, loading, theme, size, ...props }: TagProps<T>, ref: React.Ref<HTMLElement>) {\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            data-theme={theme}\n            data-component=\"tag\"\n            as={props.as ?? \"span\"}\n            className={css(tagVariants({ size, theme: loading ? \"loading\" : theme }), className)}\n        >\n            {indicator ? <span aria-hidden=\"true\" className={indicatorVariant({ theme: indicator === true ? theme : indicator })} /> : null}\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode;\n"],"names":["variants","indicatorVariant","cva","tagVariants","Tag","forwardRef","className","indicator","icon","loading","theme","size","props","ref","jsxs","Polymorph","css","jsx"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAEjB,GAMMC,IAAmBC,EAAI,8CAA8C;AAAA,EACvE,UAAU;AAAA,IACN,OAAO;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACf;AAER,CAAC,GAEKC,IAAcD;AAAA,EAChB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,WAAW,MAAM,UAAA;AAAA,EAAU;AAE7D,GAOaI,IAAiFC,EAAW,SAEvG,EAAE,WAAAC,GAAW,WAAAC,IAAY,QAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,EAAA,GAAsBC,GAA6B;AACpH,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,cAAYH;AAAA,MACZ,kBAAe;AAAA,MACf,IAAIE,EAAM,MAAM;AAAA,MAChB,WAAWI,EAAIb,EAAY,EAAE,MAAAQ,GAAM,OAAOF,IAAU,YAAYC,GAAO,GAAGJ,CAAS;AAAA,MAElF,UAAA;AAAA,QAAAC,IAAY,gBAAAU,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWhB,EAAiB,EAAE,OAAOM,MAAc,KAAOG,IAAQH,EAAA,CAAW,GAAG,IAAK;AAAA,QAC1HC;AAAA,QACAI,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}

package/dist/components/display/alert.js

@@ -1,38 +1,39 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { c as f } from "../../index-DJSMaZR4.js";
-import { c as g } from "../../CheckCircle.es-C6QWLfk_.js";
-import { e as h } from "../../Info.es-CrZKs4q4.js";
-import { r as x } from "../../Warning.es-D_eI6tLe.js";
-import { e as y } from "../../X.es-BJ1O93El.js";
-import { forwardRef as p } from "react";
-import { c as n } from "../../dom-Dl8XH0CK.js";
-import { P as v } from "../../polymorph-B5n9fs_K.js";
-import { A as w, m as c } from "../../proxy-BZcQiBrp.js";
+import { c as h } from "../../index-DlJ_2RBL.js";
+import { c as x } from "../../CheckCircle.es-C6QWLfk_.js";
+import { e as y } from "../../Info.es-CrZKs4q4.js";
+import { r as p } from "../../Warning.es-D_eI6tLe.js";
+import { e as v } from "../../X.es-BJ1O93El.js";
+import { forwardRef as w } from "react";
+import { u as N } from "../../use-translations-DSltA7H_.js";
+import { c as o } from "../../dom-CyQHY7ID.js";
+import { P as A } from "../../polymorph-B5n9fs_K.js";
+import { A as z, m as c } from "../../proxy-BZcQiBrp.js";
 const d = {
   true: { opacity: 1, height: "auto" },
   false: { opacity: [0.7, 0.3, 0], height: 0 }
-}, N = {
+}, k = {
   type: "tween",
   duration: 0.7,
   ease: [0.04, 0.62, 0.23, 0.98]
-}, A = (r) => /* @__PURE__ */ e(
+}, P = (a) => /* @__PURE__ */ e(
   c.div,
   {
-    ...r,
+    ...a,
     layout: !0,
     layoutRoot: !0,
     layoutScroll: !0,
     initial: !1,
     variants: d,
     exit: d.false,
-    transition: N,
-    "aria-hidden": !r.open,
+    transition: k,
+    "aria-hidden": !a.open,
     "data-component": "collapse",
-    animate: r.open.toString(),
-    className: n("aria-hidden:pointer-events-none", r.className),
-    children: r.children
+    animate: a.open.toString(),
+    className: o("aria-hidden:pointer-events-none", a.className),
+    children: a.children
   }
-), z = {
+), R = {
   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",
@@ -42,45 +43,46 @@ const d = {
     warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
     neutral: "bg-transparent border border-card-border text-alert-primary-text"
   }
-}, k = f("p-4 w-full block border relative rounded-lg text-sm", {
-  variants: z,
+}, V = h("relative block w-full rounded-lg border p-4 text-sm", {
+  variants: R,
   defaultVariants: { theme: "neutral" }
-}), B = p(function({ className: m, theme: l, Icon: i, onClose: o, open: t = !0, ...a }, u) {
-  const b = () => o?.(!1);
-  return /* @__PURE__ */ e(w, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: t ? /* @__PURE__ */ e(
+}), F = w(function({ className: u, theme: t, Icon: n, onClose: i, open: r = !0, ...l }, m) {
+  const b = N(), f = () => i?.(!1), g = t === "danger" || t === "warn" ? "alert" : "status";
+  return /* @__PURE__ */ e(z, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: r ? /* @__PURE__ */ e(
     c.div,
     {
-      "data-open": !!t,
-      "aria-hidden": !t,
+      "data-open": !!r,
+      "aria-hidden": !r,
       "data-component": "alert",
-      className: n("isolate w-full", t ? "pointer-events-auto" : "pointer-events-none"),
-      children: /* @__PURE__ */ e(A, { "data-open": !!t, open: !!t, children: /* @__PURE__ */ e(
-        v,
+      className: o("isolate w-full", r ? "pointer-events-auto" : "pointer-events-none"),
+      children: /* @__PURE__ */ e(P, { "data-open": !!r, open: !!r, children: /* @__PURE__ */ e(
+        A,
         {
-          ...a,
-          ref: u,
-          role: "alert",
-          "data-theme": l,
-          as: a.as ?? "div",
-          className: n(k({ theme: l }), m),
+          ...l,
+          ref: m,
+          role: g,
+          "data-theme": t,
+          as: l.as || "div",
+          className: o(V({ theme: t }), u),
           children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[auto_1fr] gap-base", children: [
-            o !== void 0 && t ? /* @__PURE__ */ e(
+            i !== void 0 && r ? /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: b,
+                onClick: f,
+                "aria-label": b.closeButton,
                 className: "absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
-                children: /* @__PURE__ */ e(y, { size: 20 })
+                children: /* @__PURE__ */ e(v, { size: 20, "aria-hidden": "true" })
               }
             ) : null,
-            /* @__PURE__ */ s("div", { className: n("flex items-center gap-2", a.title ? "" : "w-fit"), children: [
-              !i && l === "success" ? /* @__PURE__ */ e(g, { "aria-hidden": "true", size: 20 }) : null,
-              !i && l === "info" ? /* @__PURE__ */ e(h, { "aria-hidden": "true", size: 20 }) : null,
-              !i && l === "danger" ? /* @__PURE__ */ e(x, { "aria-hidden": "true", size: 20 }) : null,
-              i
+            /* @__PURE__ */ s("div", { className: o("flex items-center gap-2", l.title ? "" : "w-fit"), children: [
+              !n && t === "success" ? /* @__PURE__ */ e(x, { "aria-hidden": "true", size: 20 }) : null,
+              !n && t === "info" ? /* @__PURE__ */ e(y, { "aria-hidden": "true", size: 20 }) : null,
+              !n && t === "danger" ? /* @__PURE__ */ e(p, { "aria-hidden": "true", size: 20 }) : null,
+              n
             ] }),
-            a.title ? /* @__PURE__ */ e("h4", { className: "tracking-3 col-start-2 text-balance text-lg font-semibold", children: a.title }) : null,
-            /* @__PURE__ */ e("div", { className: "col-start-2 w-full", children: a.children })
+            l.title ? /* @__PURE__ */ e("h4", { className: "tracking-3 col-start-2 text-balance text-lg font-semibold", children: l.title }) : null,
+            /* @__PURE__ */ e("div", { className: "col-start-2 w-full", children: l.children })
           ] })
         }
       ) })
@@ -88,7 +90,7 @@ const d = {
   ) : null });
 });
 export {
-  B as Alert,
-  A as Collapse
+  F as Alert,
+  P as Collapse
 };
 //# sourceMappingURL=alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../src/components/display/alert.tsx"],"sourcesContent":["\"use client\";\nimport { cva } from \"class-variance-authority\";\nimport { AnimatePresence, HTMLMotionProps, motion } from \"motion/react\";\nimport { CheckCircleIcon, InfoIcon, WarningIcon, XIcon } from \"@phosphor-icons/react\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\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};\n\nconst 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 any)}\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(\"p-4 w-full block border relative rounded-lg text-sm\", {\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>) => any = forwardRef(function Alert(\n    { className, theme, Icon, onClose, open = true, ...props }: AlertProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n) {\n    const close = () => onClose?.(false);\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=\"alert\"\n                            data-theme={theme}\n                            as={props.as ?? \"div\"}\n                            className={css(alertVariants({ theme }), className)}\n                        >\n                            <div className=\"grid grid-cols-[auto_1fr] gap-base\">\n                                {onClose !== undefined && open ? (\n                                    <button\n                                        type=\"button\"\n                                        onClick={close}\n                                        className=\"absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger\"\n                                    >\n                                        <XIcon size={20} />\n                                    </button>\n                                ) : null}\n                                <div className={css(\"flex items-center gap-2\", props.title ? \"\" : \"w-fit\")}>\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                                </div>\n                                {props.title ? <h4 className=\"tracking-3 col-start-2 text-balance text-lg font-semibold\">{props.title}</h4> : null}\n                                <div className=\"col-start-2 w-full\">{props.children}</div>\n                            </div>\n                        </Polymorph>\n                    </Collapse>\n                </motion.div>\n            ) : null}\n        </AnimatePresence>\n    );\n}) as never;\n"],"names":["variants","transition","Collapse","props","jsx","motion","css","themeVariants","alertVariants","cva","Alert","forwardRef","className","theme","Icon","onClose","open","ref","close","AnimatePresence","Polymorph","jsxs","XIcon","CheckCircleIcon","InfoIcon","WarningIcon"],"mappings":"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"}
+{"version":3,"file":"alert.js","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(\"relative block w-full rounded-lg border p-4 text-sm\", {\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=\"grid grid-cols-[auto_1fr] gap-base\">\n                                {onClose !== undefined && open ? (\n                                    <button\n                                        type=\"button\"\n                                        onClick={close}\n                                        aria-label={t.closeButton}\n                                        className=\"absolute right-3 top-3 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={css(\"flex items-center gap-2\", props.title ? \"\" : \"w-fit\")}>\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                                </div>\n                                {props.title ? <h4 className=\"tracking-3 col-start-2 text-balance text-lg font-semibold\">{props.title}</h4> : null}\n                                <div className=\"col-start-2 w-full\">{props.children}</div>\n                            </div>\n                        </Polymorph>\n                    </Collapse>\n                </motion.div>\n            ) : null}\n        </AnimatePresence>\n    );\n}) as never;\n"],"names":["variants","transition","Collapse","props","jsx","motion","css","themeVariants","alertVariants","cva","Alert","forwardRef","className","theme","Icon","onClose","open","ref","t","useTranslations","close","liveRole","AnimatePresence","Polymorph","jsxs","XIcon","CheckCircleIcon","InfoIcon","WarningIcon"],"mappings":"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"}

package/dist/components/display/calendar.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import { C as n } from "../../calendar-B5lSd0ID.js";
+import { C as n } from "../../calendar-BJMHRoy2.js";
 import "../../CaretRight.es-0-M8D9y8.js";
 import "react";
-import "../../dom-Dl8XH0CK.js";
-import "../../input-CrGrSnUt.js";
-import "../../index-Z-fZHxfJ.js";
-import "../../use-translations-BwLKTrZv.js";
-import "../../fns-D2eyJKd5.js";
+import "../../dom-CyQHY7ID.js";
+import "../../input-_MVxmIpu.js";
+import "../../index-BJ1ayTam.js";
+import "../../use-translations-DSltA7H_.js";
+import "../../fns-C7Dt27Qd.js";
 import "../../proxy-BZcQiBrp.js";
 import "../../index-0YMC-_Lt.js";
 export {

package/dist/components/display/card.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { e as x } from "../../Info.es-CrZKs4q4.js";
-import { c, I as u } from "../../dom-Dl8XH0CK.js";
+import { c, I as u } from "../../dom-CyQHY7ID.js";
 import { P as h } from "../../polymorph-B5n9fs_K.js";
-import { a as s } from "../../skeleton-D75GFBV6.js";
+import { a as s } from "../../skeleton-BjJobYYf.js";
 const f = ({
   title: a,
   loading: t,

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Skeleton } from \"./skeleton\";\n\nexport type CardProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    {\n        title?: Label;\n        loading?: boolean;\n        container?: string;\n        titleClassName?: string;\n        header?: React.ReactElement | null;\n    },\n    T\n>;\n\nexport const Card = <T extends React.ElementType = \"div\">({\n    title,\n    loading,\n    children,\n    as,\n    header = null,\n    container = \"\",\n    titleClassName = \"\",\n    ...props\n}: PropsWithChildren<CardProps<T>>) => (\n    <Polymorph\n        {...props}\n        as={as || \"div\"}\n        data-component=\"card\"\n        className={css(\"flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card\", container)}\n    >\n        {title ? (\n            <header\n                data-component=\"card-title\"\n                className={css(\"mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium\", titleClassName)}\n            >\n                {title}\n            </header>\n        ) : (\n            header\n        )}\n        <div data-component=\"card-body\" className={css(\"min-w-full px-6\", props.className)}>\n            {loading ? (\n                <div className=\"flex flex-col gap-4\">\n                    <Skeleton className=\"w-full\" />\n                    <Skeleton className=\"w-8/12\" />\n                    <Skeleton className=\"w-10/12\" />\n                    <Skeleton className=\"w-1/2\" />\n                </div>\n            ) : (\n                children\n            )}\n        </div>\n    </Polymorph>\n);\n\nexport type CardHeaderTitleProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    {\n        navTag?: React.ElementType;\n        titleTag?: React.ElementType;\n        title: React.ReactElement | string;\n    },\n    T\n>;\n\nCard.Title = ({ as, titleTag, navTag, children, ...props }: PropsWithChildren<CardHeaderTitleProps>) => {\n    const Component = (as || \"div\") as any;\n    const Title = (titleTag || \"h2\") as any;\n    const Nav = (navTag || \"nav\") as any;\n    return (\n        <Component\n            {...props}\n            title={Is.string(props.title) ? props.title : undefined}\n            className={css(\"flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center\", props.className)}\n        >\n            <Title className=\"font-semibold\">{props.title}</Title>\n            {children ? (\n                <Nav className=\"gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end\">{children}</Nav>\n            ) : null}\n        </Component>\n    );\n};\n\nexport type StatsCardProps = CardProps<React.ElementType> & {\n    Icon?: Icon;\n    title: string;\n    value: Label;\n    mark?: string;\n    interactive?: boolean;\n};\n\nexport const StatsCard = (props: StatsCardProps) => {\n    const interactive = props.interactive ?? true;\n    const Icon = props.Icon ?? InfoIcon;\n    return (\n        <Card {...props} title={null} loading={undefined} container=\"px-0 py-0\" className=\"flex items-center gap-4 px-0\">\n            <div\n                className={`flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${interactive ? \"transition-colors duration-300 ease-linear hover:bg-primary-hover/10\" : \"\"}`}\n            >\n                <div\n                    className={css(\n                        \"flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground\",\n                        props.mark\n                    )}\n                >\n                    {<Icon size={48} />}\n                </div>\n                <div className=\"flex flex-col justify-center gap-2 py-2\">\n                    <p className=\"text-lg\">{props.title}</p>\n                    {props.loading ? <Skeleton className=\"h-10\" /> : <p className=\"text-4xl font-bold tracking-wide\">{props.value}</p>}\n                </div>\n            </div>\n        </Card>\n    );\n};\n"],"names":["Card","title","loading","children","as","header","container","titleClassName","props","jsxs","Polymorph","css","jsx","Skeleton","titleTag","navTag","Component","Title","Nav","Is","StatsCard","interactive","Icon","InfoIcon"],"mappings":";;;;;AAmBO,MAAMA,IAAO,CAAsC;AAAA,EACtD,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,IAAIJ,KAAM;AAAA,IACV,kBAAe;AAAA,IACf,WAAWO,EAAI,gHAAgHL,CAAS;AAAA,IAEvI,UAAA;AAAA,MAAAL,IACG,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,kBAAe;AAAA,UACf,WAAWD,EAAI,yEAAyEJ,CAAc;AAAA,UAErG,UAAAN;AAAA,QAAA;AAAA,MAAA,IAGLI;AAAA,MAEJ,gBAAAO,EAAC,OAAA,EAAI,kBAAe,aAAY,WAAWD,EAAI,mBAAmBH,EAAM,SAAS,GAC5E,UAAAN,IACG,gBAAAO,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAA,EAAS,WAAU,SAAA,CAAS;AAAA,QAC7B,gBAAAD,EAACC,GAAA,EAAS,WAAU,SAAA,CAAS;AAAA,QAC7B,gBAAAD,EAACC,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAC9B,gBAAAD,EAACC,GAAA,EAAS,WAAU,QAAA,CAAQ;AAAA,MAAA,EAAA,CAChC,IAEAV,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AACJ;AAYJH,EAAK,QAAQ,CAAC,EAAE,IAAAI,GAAI,UAAAU,GAAU,QAAAC,GAAQ,UAAAZ,GAAU,GAAGK,QAAqD;AACpG,QAAMQ,IAAaZ,KAAM,OACnBa,IAASH,KAAY,MACrBI,IAAOH,KAAU;AACvB,SACI,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,OAAOW,EAAG,OAAOX,EAAM,KAAK,IAAIA,EAAM,QAAQ;AAAA,MAC9C,WAAWG,EAAI,mGAAmGH,EAAM,SAAS;AAAA,MAEjI,UAAA;AAAA,QAAA,gBAAAI,EAACK,GAAA,EAAM,WAAU,iBAAiB,UAAAT,EAAM,OAAM;AAAA,QAC7CL,IACG,gBAAAS,EAACM,GAAA,EAAI,WAAU,+FAA+F,UAAAf,GAAS,IACvH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhB;AAUO,MAAMiB,IAAY,CAACZ,MAA0B;AAChD,QAAMa,IAAcb,EAAM,eAAe,IACnCc,IAAOd,EAAM,QAAQe;AAC3B,SACI,gBAAAX,EAACZ,GAAA,EAAM,GAAGQ,GAAO,OAAO,MAAM,SAAS,QAAW,WAAU,aAAY,WAAU,gCAC9E,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,4DAA4DY,IAAc,yEAAyE,EAAE;AAAA,MAEhK,UAAA;AAAA,QAAA,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACAH,EAAM;AAAA,YAAA;AAAA,YAGT,UAAA,gBAAAI,EAACU,GAAA,EAAK,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAErB,gBAAAb,EAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,UAAA,gBAAAG,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAJ,EAAM,OAAM;AAAA,UACnCA,EAAM,UAAU,gBAAAI,EAACC,GAAA,EAAS,WAAU,OAAA,CAAO,IAAK,gBAAAD,EAAC,KAAA,EAAE,WAAU,oCAAoC,UAAAJ,EAAM,MAAA,CAAM;AAAA,QAAA,EAAA,CAClH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { Is } from \"sidekicker\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"../core/polymorph\";\nimport { Skeleton } from \"./skeleton\";\n\nexport type CardProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    {\n        title?: Label;\n        loading?: boolean;\n        container?: string;\n        titleClassName?: string;\n        header?: React.ReactElement | null;\n    },\n    T\n>;\n\nexport const Card = <T extends React.ElementType = \"div\">({\n    title,\n    loading,\n    children,\n    as,\n    header = null,\n    container = \"\",\n    titleClassName = \"\",\n    ...props\n}: PropsWithChildren<CardProps<T>>) => (\n    <Polymorph\n        {...props}\n        as={as || \"div\"}\n        data-component=\"card\"\n        className={css(\"flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card\", container)}\n    >\n        {title ? (\n            <header\n                data-component=\"card-title\"\n                className={css(\"mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium\", titleClassName)}\n            >\n                {title}\n            </header>\n        ) : (\n            header\n        )}\n        <div data-component=\"card-body\" className={css(\"min-w-full px-6\", props.className)}>\n            {loading ? (\n                <div className=\"flex flex-col gap-4\">\n                    <Skeleton className=\"w-full\" />\n                    <Skeleton className=\"w-8/12\" />\n                    <Skeleton className=\"w-10/12\" />\n                    <Skeleton className=\"w-1/2\" />\n                </div>\n            ) : (\n                children\n            )}\n        </div>\n    </Polymorph>\n);\n\nexport type CardHeaderTitleProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    {\n        navTag?: React.ElementType;\n        titleTag?: React.ElementType;\n        title: React.ReactElement | string;\n    },\n    T\n>;\n\nCard.Title = ({ as, titleTag, navTag, children, ...props }: PropsWithChildren<CardHeaderTitleProps>) => {\n    const Component = (as || \"div\") as React.ElementType;\n    const Title = (titleTag || \"h2\") as React.ElementType;\n    const Nav = (navTag || \"nav\") as React.ElementType;\n    return (\n        <Component\n            {...props}\n            title={Is.string(props.title) ? props.title : undefined}\n            className={css(\"flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center\", props.className)}\n        >\n            <Title className=\"font-semibold\">{props.title}</Title>\n            {children ? (\n                <Nav className=\"gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end\">{children}</Nav>\n            ) : null}\n        </Component>\n    );\n};\n\nexport type StatsCardProps = CardProps<React.ElementType> & {\n    Icon?: Icon;\n    title: string;\n    value: Label;\n    mark?: string;\n    interactive?: boolean;\n};\n\nexport const StatsCard = (props: StatsCardProps) => {\n    const interactive = props.interactive ?? true;\n    const Icon = props.Icon ?? InfoIcon;\n    return (\n        <Card {...props} title={null} loading={undefined} container=\"px-0 py-0\" className=\"flex items-center gap-4 px-0\">\n            <div\n                className={`flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${interactive ? \"transition-colors duration-300 ease-linear hover:bg-primary-hover/10\" : \"\"}`}\n            >\n                <div\n                    className={css(\n                        \"flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground\",\n                        props.mark\n                    )}\n                >\n                    {<Icon size={48} />}\n                </div>\n                <div className=\"flex flex-col justify-center gap-2 py-2\">\n                    <p className=\"text-lg\">{props.title}</p>\n                    {props.loading ? <Skeleton className=\"h-10\" /> : <p className=\"text-4xl font-bold tracking-wide\">{props.value}</p>}\n                </div>\n            </div>\n        </Card>\n    );\n};\n"],"names":["Card","title","loading","children","as","header","container","titleClassName","props","jsxs","Polymorph","css","jsx","Skeleton","titleTag","navTag","Component","Title","Nav","Is","StatsCard","interactive","Icon","InfoIcon"],"mappings":"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"}

package/dist/components/display/list.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { u as w, n as F, d as k, i as C, c as I, F as j, k as A, l as O } from "../../floating-ui.react-QNHG9W4N.js";
+import { u as w, n as F, d as k, j as C, c as I, F as j, l as A, m as O } from "../../floating-ui.react-M2PGXLDp.js";
 import { e as P } from "../../X.es-BJ1O93El.js";
 import $, { useState as L, useId as M, useCallback as z, Fragment as m } from "react";
 import { m as s, A as S } from "../../proxy-BZcQiBrp.js";

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n    FloatingContext,\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n    title: Label;\n    description: Label;\n    children: Label;\n    avatar?: Label;\n    leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n    setter: () => void;\n    context: FloatingContext;\n    item: IdAnimatedItem | null;\n    refs: { setFloating: any };\n    get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n    <FloatingPortal>\n        <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n            <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n                {item ? (\n                    <motion.div\n                        key=\"overlay\"\n                        exit={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        initial={{ opacity: 0 }}\n                        transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n                        className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n                    />\n                ) : null}\n                {item ? (\n                    <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div\n                                layout\n                                layoutId={`item-${item.id}`}\n                                initial={{ opacity: 0.6, scale: 0.98 }}\n                                animate={{ opacity: 1, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.98 }}\n                                className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n                                ref={refs.setFloating}\n                                {...get()}\n                            >\n                                <nav className=\"absolute right-4 top-1 lg:right-2\">\n                                    <button\n                                        type=\"button\"\n                                        onClick={setter}\n                                        className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                    >\n                                        <XIcon />\n                                    </button>\n                                </nav>\n                                <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n                                    <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n                                    <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n                                </motion.header>\n                                <motion.div layout>{item.children}</motion.div>\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingOverlay>\n                ) : null}\n            </AnimatePresence>\n        </MotionConfig>\n    </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n    const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n    const id = useId();\n    const { context, refs } = useFloating({\n        open: selected !== null,\n        transform: true,\n        onOpenChange: (open) => (open ? undefined : setSelected(null)),\n    });\n    const click = useClick(context);\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n    const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n    const clear = useCallback(() => {\n        setSelected(null);\n    }, []);\n\n    const items = React.Children.toArray(props.children);\n\n    return (\n        <Fragment>\n            <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n            <ul role=\"list\">\n                {items.map((x, index) => {\n                    const item: AnimatedItemProps = (x as any).props;\n                    const innerId = `${id}-${index}`;\n                    const setter = () => setSelected({ ...item, id: innerId });\n                    const Leading = item.leading;\n                    return (\n                        <motion.li\n                            layout\n                            key={innerId}\n                            layoutId={`item-${innerId}`}\n                            className={`border-b border-card-border py-2 last:border-transparent`}\n                        >\n                            <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n                                <div className=\"relative flex items-start space-x-3\">\n                                    <Fragment>\n                                        {item.avatar ? (\n                                            <div>\n                                                <div className=\"relative px-1\">\n                                                    <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n                                                        {item.avatar}\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        ) : null}\n                                        <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n                                            <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n                                                <button\n                                                    onClick={setter}\n                                                    className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n                                                >\n                                                    <h3>{item.title}</h3>\n                                                    <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n                                                </button>\n                                                {Leading ? <Leading open={setter} /> : null}\n                                            </div>\n                                        </div>\n                                    </Fragment>\n                                </div>\n                            </motion.div>\n                        </motion.li>\n                    );\n                })}\n            </ul>\n        </Fragment>\n    );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":"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"}
+{"version":3,"file":"list.js","sources":["../../../src/components/display/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n    FloatingContext,\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    useClick,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion, MotionConfig } from \"motion/react\";\nimport { XIcon } from \"@phosphor-icons/react\";\nimport React, { Fragment, PropsWithChildren, useCallback, useId, useState } from \"react\";\nimport { Label } from \"../../types\";\n\ntype AnimatedItemProps = {\n    title: Label;\n    description: Label;\n    children: Label;\n    avatar?: Label;\n    leading?: React.FC<{ open: () => void }>;\n};\n\ntype IdAnimatedItem = AnimatedItemProps & { id: string };\n\ntype AnimatedListProps = object;\n\ntype FloatItemProps = {\n    setter: () => void;\n    context: FloatingContext;\n    item: IdAnimatedItem | null;\n    refs: { setFloating: (node: HTMLElement | null) => void };\n    get: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n};\n\nconst FloatItem = ({ item, context, setter, get, refs }: FloatItemProps) => (\n    <FloatingPortal>\n        <MotionConfig reducedMotion=\"user\" transition={{ type: \"spring\", damping: 30, stiffness: 350 }}>\n            <AnimatePresence mode=\"wait\" presenceAffectsLayout>\n                {item ? (\n                    <motion.div\n                        key=\"overlay\"\n                        exit={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        initial={{ opacity: 0 }}\n                        transition={{ type: \"tween\", duration: 0.15, ease: \"easeOut\" }}\n                        className=\"pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70\"\n                    />\n                ) : null}\n                {item ? (\n                    <FloatingOverlay key=\"card\" lockScroll className=\"absolute inset-0 z-floating flex items-center justify-center\">\n                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>\n                            <motion.div\n                                layout\n                                layoutId={`item-${item.id}`}\n                                initial={{ opacity: 0.6, scale: 0.98 }}\n                                animate={{ opacity: 1, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.98 }}\n                                className=\"relative flex h-min w-min min-w-xs flex-col gap-4 rounded-card border border-card-border bg-card-background p-6 py-4 pb-8 shadow-shadow-card\"\n                                ref={refs.setFloating}\n                                {...get()}\n                            >\n                                <nav className=\"absolute right-4 top-1 lg:right-2\">\n                                    <button\n                                        type=\"button\"\n                                        onClick={setter}\n                                        className=\"p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger\"\n                                    >\n                                        <XIcon />\n                                    </button>\n                                </nav>\n                                <motion.header layout className=\"flex w-full flex-wrap items-center justify-between gap-2\">\n                                    <h3 className=\"min-w-full text-balance text-2xl font-medium\">{item.title}</h3>\n                                    <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n                                </motion.header>\n                                <motion.div layout>{item.children}</motion.div>\n                            </motion.div>\n                        </FloatingFocusManager>\n                    </FloatingOverlay>\n                ) : null}\n            </AnimatePresence>\n        </MotionConfig>\n    </FloatingPortal>\n);\n\nexport const AnimatedList = (props: PropsWithChildren<AnimatedListProps>) => {\n    const [selected, setSelected] = useState<IdAnimatedItem | null>(null);\n    const id = useId();\n    const { context, refs } = useFloating({\n        open: selected !== null,\n        transform: true,\n        onOpenChange: (open) => (open ? undefined : setSelected(null)),\n    });\n    const click = useClick(context);\n    const role = useRole(context, { role: \"dialog\" });\n    const dismiss = useDismiss(context, { escapeKey: true, referencePress: true, outsidePress: true });\n    const { getFloatingProps } = useInteractions([click, role, dismiss]);\n\n    const clear = useCallback(() => {\n        setSelected(null);\n    }, []);\n\n    const items = React.Children.toArray(props.children);\n\n    return (\n        <Fragment>\n            <FloatItem refs={refs} context={context} get={getFloatingProps} item={selected} setter={clear} />\n            <ul role=\"list\">\n                {items.map((x, index) => {\n                    const item = (x as React.ReactElement<AnimatedItemProps>).props;\n                    const innerId = `${id}-${index}`;\n                    const setter = () => setSelected({ ...item, id: innerId });\n                    const Leading = item.leading;\n                    return (\n                        <motion.li\n                            layout\n                            key={innerId}\n                            layoutId={`item-${innerId}`}\n                            className={`border-b border-card-border py-2 last:border-transparent`}\n                        >\n                            <motion.div layoutId={`toast-${innerId}`} className=\"relative\">\n                                <div className=\"relative flex items-start space-x-3\">\n                                    <Fragment>\n                                        {item.avatar ? (\n                                            <div>\n                                                <div className=\"relative px-1\">\n                                                    <button onClick={setter} className=\"flex size-10 items-center justify-center ring-primary\">\n                                                        {item.avatar}\n                                                    </button>\n                                                </div>\n                                            </div>\n                                        ) : null}\n                                        <div className=\"min-w-0 flex-1 py-1 text-foreground\">\n                                            <div className=\"flex flex-row flex-nowrap justify-between gap-4\">\n                                                <button\n                                                    onClick={setter}\n                                                    className=\"cursor-pointer text-left transition-all ease-out hover:text-primary\"\n                                                >\n                                                    <h3>{item.title}</h3>\n                                                    <p className=\"text-sm leading-snug text-secondary\">{item.description}</p>\n                                                </button>\n                                                {Leading ? <Leading open={setter} /> : null}\n                                            </div>\n                                        </div>\n                                    </Fragment>\n                                </div>\n                            </motion.div>\n                        </motion.li>\n                    );\n                })}\n            </ul>\n        </Fragment>\n    );\n};\n\nexport const AnimatedListItem = (props: PropsWithChildren<AnimatedItemProps>) => <Fragment>{props.children}</Fragment>;\n"],"names":["FloatItem","item","context","setter","get","refs","jsx","FloatingPortal","MotionConfig","jsxs","AnimatePresence","motion","FloatingOverlay","FloatingFocusManager","XIcon","AnimatedList","props","selected","setSelected","useState","id","useId","useFloating","open","click","useClick","role","useRole","dismiss","useDismiss","getFloatingProps","useInteractions","clear","useCallback","items","React","Fragment","x","index","innerId","Leading","AnimatedListItem"],"mappings":"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"}

package/dist/components/display/notifications.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import "../../index-DJSMaZR4.js";
+import "../../index-DlJ_2RBL.js";
 import "../../CheckCircle.es-C6QWLfk_.js";
-import { w as n, s as N } from "../../notifications-cUdVPs-B.js";
+import { w as n, s as N } from "../../notifications-Dp0ydKJS.js";
 import "../../Info.es-CrZKs4q4.js";
 import "../../Warning.es-D_eI6tLe.js";
 import "../../X.es-BJ1O93El.js";
 import "react";
-import "../../dom-Dl8XH0CK.js";
+import "../../dom-CyQHY7ID.js";
 import "../../proxy-BZcQiBrp.js";
 export {
   n as Notifications,

package/dist/components/display/stats.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { c as d } from "../../dom-Dl8XH0CK.js";
+import { c as d } from "../../dom-CyQHY7ID.js";
 const i = (r) => /* @__PURE__ */ a("div", { className: "divide-y divide-card-border rounded-card border border-card-border bg-card-background shadow-shadow-card", children: [
   /* @__PURE__ */ a("header", { className: "flex items-start gap-4 p-6", children: [
     /* @__PURE__ */ e("div", { className: d("flex aspect-square size-10 items-center justify-center rounded-card bg-primary p-8", r.iconContainer), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(r.Icon, { className: "aspect-square size-10 text-primary-foreground" }) }) }),

package/dist/components/display/tabs.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../dom-Dl8XH0CK.js";
-import { a as T, T as b } from "../../tabs-S00a8qq8.js";
+import "../../dom-CyQHY7ID.js";
+import { a as T, T as b } from "../../tabs-B0g7YtQv.js";
 import "../../use-stable-ref-CYh-YkID.js";
 import "../../polymorph-B5n9fs_K.js";
 import "./card.js";

package/dist/components/display/timeline.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { c as n } from "../../dom-Dl8XH0CK.js";
+import { c as n } from "../../dom-CyQHY7ID.js";
 import { P as r } from "../../polymorph-B5n9fs_K.js";
 const l = (t) => /* @__PURE__ */ a("li", { "data-component": "timeline-item", className: "relative pb-12", role: "listitem", children: [
   /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "absolute left-6 top-8 -ml-px h-full w-0.5 bg-card-border" }),

package/dist/components/floating/dropdown.js

@@ -1,51 +1,59 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { o as v, f as x, s as y, a as R, u as p, b as D, n as N, v as P, i as C, d as I, c as M, F as O, l as S, e as j } from "../../floating-ui.react-QNHG9W4N.js";
+import { o as v, f as x, s as y, a as R, u as D, b as N, n as P, v as j, j as p, d as C, c as I, F as M, m as O, e as S } from "../../floating-ui.react-M2PGXLDp.js";
 import { useId as A, useState as E, useEffect as H, useRef as T, useMemo as z, Fragment as U } from "react";
 const B = (e) => {
-  const r = A(), [a, n] = E(e.open);
+  const a = A(), [o, n] = E(e.open);
   H(() => n(e.open), [e.open]);
-  const l = T(null), u = z(
+  const i = T(null), u = z(
     () => [
       v(10),
       x({ fallbackAxisSideDirection: "end" }),
       y(),
       R({
         padding: 5,
-        element: l
+        element: i
       })
     ],
     [e.arrow]
-  ), { refs: i, floatingStyles: f, context: t } = p({
-    open: a,
+  ), { refs: l, floatingStyles: f, context: t } = D({
+    open: o,
     middleware: u,
     transform: !0,
-    whileElementsMounted: D,
-    onOpenChange: (o, k) => {
+    whileElementsMounted: N,
+    onOpenChange: (r, k) => {
       const d = k?.relatedTarget;
-      d && d.dataset.floating === "true" && !o || (n(o), e.onChange?.(o));
+      d && d.dataset.floating === "true" && !r || (n(r), e.onChange?.(r));
     }
-  }), g = N(t), m = P(t, { enabled: e.hover ?? !1 }), h = C(t), b = I(t, { role: "tooltip" }), { getReferenceProps: F, getFloatingProps: w } = M([g, h, b, m]);
+  }), g = P(t), m = j(t, { enabled: e.hover ?? !1 }), h = p(t), b = C(t, { role: "dialog" }), { getReferenceProps: F, getFloatingProps: w } = I([g, h, b, m]);
   return /* @__PURE__ */ c(U, { children: [
-    /* @__PURE__ */ s("button", { ref: i.setReference, ...F(e.buttonProps), type: "button", children: e.trigger }),
-    a && /* @__PURE__ */ s(O, { preserveTabOrder: !0, id: `${r}-portal`, children: /* @__PURE__ */ s(S, { guards: !0, restoreFocus: !0, returnFocus: !0, visuallyHiddenDismiss: !0, context: t, modal: !1, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ s(
+      "button",
+      {
+        ref: l.setReference,
+        ...F(e.buttonProps),
+        type: "button",
+        children: e.trigger
+      }
+    ),
+    o && /* @__PURE__ */ s(M, { preserveTabOrder: !0, id: `${a}-portal`, children: /* @__PURE__ */ s(O, { guards: !0, restoreFocus: !0, returnFocus: !0, visuallyHiddenDismiss: !0, context: t, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
         className: "relative isolate z-floating rounded-lg border border-floating-border bg-floating-background p-4 shadow-shadow-floating",
-        ref: i.setFloating,
-        "aria-labelledby": r,
+        ref: l.setFloating,
+        "aria-labelledby": a,
         style: f,
         ...w(),
         children: [
           /* @__PURE__ */ s(
-            j,
+            S,
             {
-              ref: l,
+              ref: i,
               context: t,
               strokeWidth: 0.1,
               className: "fill-floating-background stroke-floating-border"
             }
           ),
-          /* @__PURE__ */ s("header", { className: "mb-2", children: /* @__PURE__ */ s("h3", { className: "text-left text-2xl font-medium leading-snug tracking-wide", children: e.title }) }),
+          /* @__PURE__ */ s("header", { className: "mb-2", children: /* @__PURE__ */ s("h3", { id: a, className: "text-left text-2xl font-medium leading-snug tracking-wide", children: e.title }) }),
           e.children
         ]
       }