@g4rcez/components 3.0.0 → 3.0.2

package/dist/circle-check-big-3M5lhTxx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-check-big-3M5lhTxx.js","sources":["../../../node_modules/.pnpm/lucide-react@0.575.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-check-big.js"],"sourcesContent":["/**\n * @license lucide-react v0.575.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n"],"names":["__iconNode","CircleCheckBig","createLucideIcon"],"mappings":";AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,mCAAmC,KAAK,SAAQ,CAAE;AAAA,EAChE,CAAC,QAAQ,EAAE,GAAG,kBAAkB,KAAK,SAAQ,CAAE;AACjD,GACMC,IAAiBC,EAAiB,oBAAoBF,CAAU;","x_google_ignoreList":[0]}

package/dist/components/core/button.js

@@ -0,0 +1,76 @@
+import { jsxs as u } from "react/jsx-runtime";
+import { c as g } from "../../index-DJSMaZR4.js";
+import { forwardRef as c } from "react";
+import { c as p } from "../../dom-Dl8XH0CK.js";
+import { P as l } from "../../polymorph-B5n9fs_K.js";
+const m = {
+  size: {
+    icon: "p-1",
+    big: "h-12 px-6 py-4",
+    default: "h-10 px-4 py-2",
+    min: "h-7 px-3 py-1 text-sm",
+    small: "h-8 px-4 py-2 text-sm",
+    tiny: "h-6 px-2 py-1 text-sm"
+  },
+  rounded: {
+    rough: "rounded-sm",
+    squared: "rounded-none",
+    default: "rounded-button",
+    circle: "rounded-full aspect-square"
+  },
+  theme: {
+    raw: "",
+    disabled: "bg-disabled opacity-70",
+    loading: "animate-pulse bg-disabled",
+    main: "bg-button-primary-bg text-button-primary-text",
+    info: "bg-button-info-bg text-button-info-text",
+    warn: "bg-button-warn-bg text-button-warn-text",
+    muted: "bg-button-muted-bg text-button-muted-text",
+    danger: "bg-button-danger-bg text-button-danger-text",
+    neutral: "bg-transparent border-1 border-card-border",
+    primary: "bg-button-primary-bg text-button-primary-text",
+    success: "bg-button-success-bg text-button-success-text",
+    secondary: "bg-button-secondary-bg text-button-secondary-text",
+    "ghost-info": "bg-transparent hover:bg-info/20 border-0 border-transparent text-info",
+    "ghost-warn": "bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn",
+    "ghost-danger": "bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger",
+    "ghost-primary": "bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary",
+    "ghost-success": "bg-transparent hover:bg-success/20 border-0 border-transparent text-success",
+    "ghost-secondary": "bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary",
+    "ghost-muted": "bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground",
+    "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",
+  {
+    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;
+  return /* @__PURE__ */ u(
+    l,
+    {
+      ...t,
+      ref: i,
+      type: s,
+      "data-theme": n,
+      disabled: e,
+      "data-loading": r,
+      "data-component": "button",
+      "aria-disabled": e,
+      as: t.as ?? "button",
+      "aria-busy": e || r,
+      onClick: e ? void 0 : t.onClick,
+      className: p(x({ size: d, rounded: b, theme: n }), a),
+      children: [
+        o,
+        t.children
+      ]
+    }
+  );
+});
+export {
+  k as Button
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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;"}

package/dist/components/core/tag.d.ts

@@ -28,7 +28,7 @@ type Themes = NonNullable<Variants["theme"]>;
 export type TagProps<T extends React.ElementType = "span"> = PolymorphicProps<CvaVariants<typeof variants> & Partial<{
     icon: Label;
     loading: boolean;
-    indicator: Themes;
+    indicator: Themes | true;
 }>, T>;
 export declare const Tag: <T extends React.ElementType = "span">(_: TagProps<T>) => any;
 export {};

package/dist/components/core/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/core/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBb,CAAC;AAEF,KAAK,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,KAAK,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAyB7C,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,gBAAgB,CACzE,WAAW,CAAC,OAAO,QAAQ,CAAC,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,EAC5F,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAkBnE,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/core/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBb,CAAC;AAEF,KAAK,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,KAAK,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAyB7C,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,gBAAgB,CACzE,WAAW,CAAC,OAAO,QAAQ,CAAC,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,EACnG,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAkBnE,CAAC"}

package/dist/components/core/tag.js

@@ -0,0 +1,67 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { c as r } from "../../index-DJSMaZR4.js";
+import { forwardRef as m } from "react";
+import { c as b } from "../../dom-Dl8XH0CK.js";
+import { P as l } from "../../polymorph-B5n9fs_K.js";
+const u = {
+  size: {
+    icon: "p-1",
+    big: "h-12 px-6 py-4",
+    default: "h-8 px-4 py-2",
+    tiny: "h-5 p-1 px-2 text-xs",
+    small: "h-6 p-2 px-3 text-sm"
+  },
+  theme: {
+    custom: "",
+    info: "bg-tag-info-bg text-tag-info-text",
+    warn: "bg-tag-warn-bg text-tag-warn-text",
+    muted: "bg-tag-muted-bg text-tag-muted-text",
+    danger: "bg-tag-danger-bg text-tag-danger-text",
+    disabled: "bg-disabled duration-700 opacity-70",
+    primary: "bg-tag-primary-bg text-tag-primary-text",
+    success: "bg-tag-success-bg text-tag-success-text",
+    neutral: "bg-transparent border border-card-border",
+    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", {
+  variants: {
+    theme: {
+      info: "bg-info",
+      warn: "bg-warn",
+      muted: "bg-muted",
+      danger: "bg-danger",
+      neutral: "bg-muted",
+      primary: "bg-primary",
+      success: "bg-success",
+      secondary: "bg-secondary"
+    }
+  }
+}), 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",
+  {
+    variants: u,
+    defaultVariants: { theme: "primary", size: "default" }
+  }
+), z = m(function({ className: n, indicator: t = void 0, icon: s, loading: g, theme: a, size: i, ...e }, d) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      ...e,
+      ref: d,
+      "data-theme": a,
+      "data-component": "tag",
+      as: e.as ?? "span",
+      className: b(x({ size: i, theme: g ? "loading" : a }), n),
+      children: [
+        t ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: p({ theme: t === !0 ? a : t }) }) : null,
+        s,
+        e.children
+      ]
+    }
+  );
+});
+export {
+  z as Tag
+};
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +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;"}

package/dist/components/display/alert.js

@@ -0,0 +1,94 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { c as f } from "../../index-DJSMaZR4.js";
+import { forwardRef as g } from "react";
+import { c as n } from "../../dom-Dl8XH0CK.js";
+import { P as h } from "../../polymorph-B5n9fs_K.js";
+import { A as x, m as c } from "../../proxy-BZcQiBrp.js";
+import { X as y } from "../../x-B9bYxG31.js";
+import { C as p } from "../../circle-check-big-3M5lhTxx.js";
+import { I as v } from "../../info-N5jWZg2A.js";
+import { T as w } from "../../triangle-alert-CHMhQ6yd.js";
+const d = {
+  true: { opacity: 1, height: "auto" },
+  false: { opacity: [0.7, 0.3, 0], height: 0 }
+}, N = {
+  type: "tween",
+  duration: 0.7,
+  ease: [0.04, 0.62, 0.23, 0.98]
+}, A = (r) => /* @__PURE__ */ e(
+  c.div,
+  {
+    ...r,
+    layout: !0,
+    layoutRoot: !0,
+    layoutScroll: !0,
+    initial: !1,
+    variants: d,
+    exit: d.false,
+    transition: N,
+    "aria-hidden": !r.open,
+    "data-component": "collapse",
+    animate: r.open.toString(),
+    className: n("aria-hidden:pointer-events-none", r.className),
+    children: r.children
+  }
+), k = {
+  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",
+    info: "bg-alert-info-bg text-alert-info-text border-alert-info-border",
+    success: "bg-alert-success-bg text-alert-success-text border-alert-success-border",
+    secondary: "bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border",
+    warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
+    neutral: "bg-transparent border border-card-border text-alert-primary-text"
+  }
+}, z = f("p-4 w-full block border relative rounded-lg text-sm", {
+  variants: k,
+  defaultVariants: { theme: "neutral" }
+}), _ = g(function({ className: m, theme: l, Icon: i, onClose: o, open: t = !0, ...a }, u) {
+  const b = () => o?.(!1);
+  return /* @__PURE__ */ e(x, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: t ? /* @__PURE__ */ e(
+    c.div,
+    {
+      "data-open": !!t,
+      "aria-hidden": !t,
+      "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(
+        h,
+        {
+          ...a,
+          ref: u,
+          role: "alert",
+          "data-theme": l,
+          as: a.as ?? "div",
+          className: n(z({ theme: l }), m),
+          children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[auto_1fr] gap-base", children: [
+            o !== void 0 && t ? /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: b,
+                className: "absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
+                children: /* @__PURE__ */ e(y, { size: 20 })
+              }
+            ) : null,
+            /* @__PURE__ */ s("div", { className: n("flex items-center gap-2", a.title ? "" : "w-fit"), children: [
+              !i && l === "success" ? /* @__PURE__ */ e(p, { "aria-hidden": "true", size: 20 }) : null,
+              !i && l === "info" ? /* @__PURE__ */ e(v, { "aria-hidden": "true", size: 20 }) : null,
+              !i && l === "danger" ? /* @__PURE__ */ e(w, { "aria-hidden": "true", size: 20 }) : null,
+              i
+            ] }),
+            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 })
+          ] })
+        }
+      ) })
+    }
+  ) : null });
+});
+export {
+  _ as Alert,
+  A as Collapse
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +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, TriangleAlertIcon, XIcon } from \"lucide-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\" ? <TriangleAlertIcon 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","TriangleAlertIcon"],"mappings":"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"}

package/dist/components/display/calendar.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "react";
+import "../../dom-Dl8XH0CK.js";
+import "../../input-CoJoHIhd.js";
+import "../../index-BJ1ayTam.js";
+import { h as n } from "../../calendar-BswV66Nx.js";
+import "../../use-translations-BwLKTrZv.js";
+import "../../fns-D2eyJKd5.js";
+import "../../proxy-BZcQiBrp.js";
+import "../../chevron-right-DvXGOiS_.js";
+import "../../index-0YMC-_Lt.js";
+export {
+  n as Calendar
+};
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/display/card.js

@@ -0,0 +1,84 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c, I as x } from "../../dom-Dl8XH0CK.js";
+import { P as u } from "../../polymorph-B5n9fs_K.js";
+import { a as s } from "../../skeleton-D75GFBV6.js";
+import { I as h } from "../../info-N5jWZg2A.js";
+const f = ({
+  title: a,
+  loading: t,
+  children: r,
+  as: n,
+  header: l = null,
+  container: o = "",
+  titleClassName: m = "",
+  ...d
+}) => /* @__PURE__ */ i(
+  u,
+  {
+    ...d,
+    as: n || "div",
+    "data-component": "card",
+    className: c("flex w-full flex-col gap-4 rounded-card border border-card-border bg-card-background py-3 shadow-shadow-card", o),
+    children: [
+      a ? /* @__PURE__ */ e(
+        "header",
+        {
+          "data-component": "card-title",
+          className: c("mb-2 w-full border-b border-card-border px-6 pb-2 text-xl font-medium", m),
+          children: a
+        }
+      ) : l,
+      /* @__PURE__ */ e("div", { "data-component": "card-body", className: c("min-w-full px-6", d.className), children: t ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ e(s, { className: "w-full" }),
+        /* @__PURE__ */ e(s, { className: "w-8/12" }),
+        /* @__PURE__ */ e(s, { className: "w-10/12" }),
+        /* @__PURE__ */ e(s, { className: "w-1/2" })
+      ] }) : r })
+    ]
+  }
+);
+f.Title = ({ as: a, titleTag: t, navTag: r, children: n, ...l }) => {
+  const o = a || "div", m = t || "h2", d = r || "nav";
+  return /* @__PURE__ */ i(
+    o,
+    {
+      ...l,
+      title: x.string(l.title) ? l.title : void 0,
+      className: c("flex w-full flex-col flex-wrap items-start justify-between gap-base sm:flex-row sm:items-center", l.className),
+      children: [
+        /* @__PURE__ */ e(m, { className: "font-semibold", children: l.title }),
+        n ? /* @__PURE__ */ e(d, { className: "gap-kilo flex flex-col items-start justify-start sm:flex-row sm:items-center sm:justify-end", children: n }) : null
+      ]
+    }
+  );
+};
+const p = (a) => {
+  const t = a.interactive ?? !0, r = a.Icon ?? h;
+  return /* @__PURE__ */ e(f, { ...a, title: null, loading: void 0, container: "px-0 py-0", className: "flex items-center gap-4 px-0", children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: `flex w-full items-center gap-4 rounded-card px-0 lg:px-0 ${t ? "transition-colors duration-300 ease-linear hover:bg-primary-hover/10" : ""}`,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: c(
+              "flex aspect-square h-[stretch] w-20 items-center justify-center rounded-l-card bg-primary p-4 text-primary-foreground",
+              a.mark
+            ),
+            children: /* @__PURE__ */ e(r, { size: 48 })
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex flex-col justify-center gap-2 py-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-lg", children: a.title }),
+          a.loading ? /* @__PURE__ */ e(s, { className: "h-10" }) : /* @__PURE__ */ e("p", { className: "text-4xl font-bold tracking-wide", children: a.value })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  f as Card,
+  p as StatsCard
+};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/components/display/card.tsx"],"sourcesContent":["import { InfoIcon, LucideIcon } from \"lucide-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?: LucideIcon;\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.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;AAuDhC,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAoEvE,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;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,sBAoEvE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,sBAA0C,CAAC"}

package/dist/components/display/list.js

@@ -0,0 +1,93 @@
+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-DycKASR0.js";
+import P, { useState as $, useId as L, useCallback as M, Fragment as m } from "react";
+import { m as s, A as z } from "../../proxy-BZcQiBrp.js";
+import { M as S } from "../../index-0YMC-_Lt.js";
+import { X as D } from "../../x-B9bYxG31.js";
+const R = ({ item: t, context: l, setter: i, get: c, refs: a }) => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(S, { reducedMotion: "user", transition: { type: "spring", damping: 30, stiffness: 350 }, children: /* @__PURE__ */ r(z, { mode: "wait", presenceAffectsLayout: !0, children: [
+  t ? /* @__PURE__ */ e(
+    s.div,
+    {
+      exit: { opacity: 0 },
+      animate: { opacity: 1 },
+      initial: { opacity: 0 },
+      transition: { type: "tween", duration: 0.15, ease: "easeOut" },
+      className: "pointer-events-none fixed inset-0 top-0 z-overlay h-screen w-screen bg-floating-overlay/70"
+    },
+    "overlay"
+  ) : null,
+  t ? /* @__PURE__ */ e(A, { lockScroll: !0, className: "absolute inset-0 z-floating flex items-center justify-center", children: /* @__PURE__ */ e(O, { visuallyHiddenDismiss: !0, modal: !0, closeOnFocusOut: !0, context: l, children: /* @__PURE__ */ r(
+    s.div,
+    {
+      layout: !0,
+      layoutId: `item-${t.id}`,
+      initial: { opacity: 0.6, scale: 0.98 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.98 },
+      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",
+      ref: a.setFloating,
+      ...c(),
+      children: [
+        /* @__PURE__ */ e("nav", { className: "absolute right-4 top-1 lg:right-2", children: /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: i,
+            className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
+            children: /* @__PURE__ */ e(D, {})
+          }
+        ) }),
+        /* @__PURE__ */ r(s.header, { layout: !0, className: "flex w-full flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ e("h3", { className: "min-w-full text-balance text-2xl font-medium", children: t.title }),
+          /* @__PURE__ */ e("p", { className: "text-sm leading-snug text-secondary", children: t.description })
+        ] }),
+        /* @__PURE__ */ e(s.div, { layout: !0, children: t.children })
+      ]
+    }
+  ) }) }, "card") : null
+] }) }) }), E = (t) => {
+  const [l, i] = $(null), c = L(), { context: a, refs: h } = w({
+    open: l !== null,
+    transform: !0,
+    onOpenChange: (d) => d ? void 0 : i(null)
+  }), f = F(a), y = k(a, { role: "dialog" }), g = C(a, { escapeKey: !0, referencePress: !0, outsidePress: !0 }), { getFloatingProps: x } = I([f, y, g]), v = M(() => {
+    i(null);
+  }, []), b = P.Children.toArray(t.children);
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(R, { refs: h, context: a, get: x, item: l, setter: v }),
+    /* @__PURE__ */ e("ul", { role: "list", children: b.map((d, N) => {
+      const n = d.props, o = `${c}-${N}`, u = () => i({ ...n, id: o }), p = n.leading;
+      return /* @__PURE__ */ e(
+        s.li,
+        {
+          layout: !0,
+          layoutId: `item-${o}`,
+          className: "border-b border-card-border py-2 last:border-transparent",
+          children: /* @__PURE__ */ e(s.div, { layoutId: `toast-${o}`, className: "relative", children: /* @__PURE__ */ e("div", { className: "relative flex items-start space-x-3", children: /* @__PURE__ */ r(m, { children: [
+            n.avatar ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "relative px-1", children: /* @__PURE__ */ e("button", { onClick: u, className: "flex size-10 items-center justify-center ring-primary", children: n.avatar }) }) }) : null,
+            /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 py-1 text-foreground", children: /* @__PURE__ */ r("div", { className: "flex flex-row flex-nowrap justify-between gap-4", children: [
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: u,
+                  className: "cursor-pointer text-left transition-all ease-out hover:text-primary",
+                  children: [
+                    /* @__PURE__ */ e("h3", { children: n.title }),
+                    /* @__PURE__ */ e("p", { className: "text-sm leading-snug text-secondary", children: n.description })
+                  ]
+                }
+              ),
+              p ? /* @__PURE__ */ e(p, { open: u }) : null
+            ] }) })
+          ] }) }) })
+        },
+        o
+      );
+    }) })
+  ] });
+}, G = (t) => /* @__PURE__ */ e(m, { children: t.children });
+export {
+  E as AnimatedList,
+  G as AnimatedListItem
+};
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +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 \"lucide-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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"}

package/dist/components/display/notifications.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "../../index-DJSMaZR4.js";
+import "react";
+import { w as n, s as N } from "../../notifications-NPuFDsBp.js";
+import "../../dom-Dl8XH0CK.js";
+import "../../proxy-BZcQiBrp.js";
+import "../../info-N5jWZg2A.js";
+import "../../circle-check-big-3M5lhTxx.js";
+import "../../triangle-alert-CHMhQ6yd.js";
+import "../../x-B9bYxG31.js";
+export {
+  n as Notifications,
+  N as useNotification
+};
+//# sourceMappingURL=notifications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/display/stats.js

@@ -0,0 +1,16 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { c as d } from "../../dom-Dl8XH0CK.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" }) }) }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ e("header", { children: /* @__PURE__ */ e("h3", { className: "text-base leading-none", children: r.title }) }),
+      /* @__PURE__ */ e("p", { className: "text-4xl font-semibold", children: r.children })
+    ] })
+  ] }),
+  r.footer ? /* @__PURE__ */ e("footer", { className: "px-6 py-2", children: r.footer }) : null
+] });
+export {
+  i as Stats
+};
+//# sourceMappingURL=stats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stats.js","sources":["../../../src/components/display/stats.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { Label } from \"../../types\";\n\nexport type StatsProps = {\n    title: Label;\n    iconContainer?: string;\n    footer?: React.ReactElement;\n    Icon: React.FC<{ className: string }>;\n};\n\nexport const Stats = (props: React.PropsWithChildren<StatsProps>) => {\n    return (\n        <div className=\"divide-y divide-card-border rounded-card border border-card-border bg-card-background shadow-shadow-card\">\n            <header className=\"flex items-start gap-4 p-6\">\n                <div className={css(\"flex aspect-square size-10 items-center justify-center rounded-card bg-primary p-8\", props.iconContainer)}>\n                    <div>\n                        <props.Icon className=\"aspect-square size-10 text-primary-foreground\" />\n                    </div>\n                </div>\n                <div className=\"flex flex-col gap-1\">\n                    <header>\n                        <h3 className=\"text-base leading-none\">{props.title}</h3>\n                    </header>\n                    <p className=\"text-4xl font-semibold\">{props.children}</p>\n                </div>\n            </header>\n            {props.footer ? <footer className=\"px-6 py-2\">{props.footer}</footer> : null}\n        </div>\n    );\n};\n"],"names":["Stats","props","jsxs","jsx","css"],"mappings":";;AAWO,MAAMA,IAAQ,CAACC,MAEd,gBAAAC,EAAC,OAAA,EAAI,WAAU,4GACX,UAAA;AAAA,EAAA,gBAAAA,EAAC,UAAA,EAAO,WAAU,8BACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAI,sFAAsFH,EAAM,aAAa,GACzH,UAAA,gBAAAE,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACF,EAAM,MAAN,EAAW,WAAU,gDAAA,CAAgD,GAC1E,GACJ;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,MAAA,gBAAAC,EAAC,YACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAF,EAAM,OAAM,EAAA,CACxD;AAAA,MACA,gBAAAE,EAAC,KAAA,EAAE,WAAU,0BAA0B,YAAM,SAAA,CAAS;AAAA,IAAA,EAAA,CAC1D;AAAA,EAAA,GACJ;AAAA,EACCF,EAAM,SAAS,gBAAAE,EAAC,UAAA,EAAO,WAAU,aAAa,UAAAF,EAAM,QAAO,IAAY;AAAA,GAC5E;"}

package/dist/components/display/tabs.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../../dom-Dl8XH0CK.js";
+import { a as T, T as b } from "../../tabs-ccIA7vMo.js";
+import "../../use-stable-ref-CYh-YkID.js";
+import "../../polymorph-B5n9fs_K.js";
+import "./card.js";
+export {
+  T as Tab,
+  b as Tabs
+};
+//# sourceMappingURL=tabs.js.map