@schandlergarcia/sf-web-components 1.9.28 → 1.9.30

package/dist/components/library/ui/{card.js → Card.js}

@@ -1,20 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-function l({ children: e, padding: r = "p-5", className: t = "", ...o }) {
-  return /* @__PURE__ */ a(
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+function d({ children: e, padding: r = "p-5", style: t, className: a = "", ...n }) {
+  return /* @__PURE__ */ o(
     "div",
     {
+      style: t,
       className: [
         "rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900",
         r,
-        t
+        a
       ].filter(Boolean).join(" "),
-      ...o,
+      ...n,
       children: e
     }
   );
 }
-function i({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function s({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: [
@@ -26,8 +28,8 @@ function i({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function d({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function f({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: [
@@ -39,8 +41,8 @@ function d({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function s({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function c({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "h3",
     {
       className: [
@@ -52,8 +54,8 @@ function s({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function f({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function u({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "p",
     {
       className: [
@@ -65,8 +67,8 @@ function f({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function c({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function m({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: [
@@ -78,8 +80,8 @@ function c({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function u({ className: e = "", children: r, ...t }) {
-  return /* @__PURE__ */ a(
+function p({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: [
@@ -92,12 +94,12 @@ function u({ className: e = "", children: r, ...t }) {
   );
 }
 export {
-  i as Card,
-  c as CardContent,
-  f as CardDescription,
-  u as CardFooter,
-  d as CardHeader,
-  s as CardTitle,
-  l as default
+  s as Card,
+  m as CardContent,
+  u as CardDescription,
+  p as CardFooter,
+  f as CardHeader,
+  c as CardTitle,
+  d as default
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/library/ui/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/library/ui/Card.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function UICard({ children, padding = \"p-5\", style, className = \"\", ...rest }) {\n  return (\n    <div\n      style={style}\n      className={[\n        \"rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900\",\n        padding,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n// shadcn-compatible Card components\nexport function Card({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardHeader({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex flex-col space-y-1.5 p-6\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardTitle({ className = \"\", children, ...rest }) {\n  return (\n    <h3\n      className={[\n        \"text-2xl font-semibold leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h3>\n  );\n}\n\nexport function CardDescription({ className = \"\", children, ...rest }) {\n  return (\n    <p\n      className={[\n        \"text-sm text-slate-500 dark:text-slate-400\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport function CardContent({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"p-6 pt-0\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardFooter({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex items-center p-6 pt-0\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n"],"names":["UICard","children","padding","style","className","rest","jsx","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAEA,SAAwBA,EAAO,EAAE,UAAAC,GAAU,SAAAC,IAAU,OAAO,OAAAC,GAAO,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC5F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAE;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASM,EAAK,EAAE,WAAAH,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASO,EAAW,EAAE,WAAAJ,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASQ,EAAU,EAAE,WAAAL,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAC/D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAgB,EAAE,WAAAN,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AACjE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAW,EAAE,WAAAR,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/Checkbox.d.ts

@@ -0,0 +1,4 @@
+export default function Checkbox({ className, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{checkbox.js → Checkbox.js}

@@ -1,6 +1,7 @@
-import { jsx as a } from "react/jsx-runtime";
-function t({ className: r = "", ...e }) {
-  return /* @__PURE__ */ a(
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+function n({ className: r = "", ...e }) {
+  return /* @__PURE__ */ o(
     "input",
     {
       type: "checkbox",
@@ -14,6 +15,6 @@ function t({ className: r = "", ...e }) {
   );
 }
 export {
-  t as default
+  n as default
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/library/ui/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/library/ui/Checkbox.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Checkbox({ className = \"\", ...rest }) {\n  return (\n    <input\n      type=\"checkbox\"\n      className={[\n        \"h-4 w-4 rounded border-slate-300 text-brand-600 focus:ring-brand-500\",\n        \"dark:border-slate-600 dark:bg-slate-800 dark:focus:ring-brand-400\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n}\n"],"names":["Checkbox","className","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAS,EAAE,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/ui/Chip.d.ts

@@ -1,18 +1,7 @@
-import * as React from "react";
-declare const TONE_STYLES: {
-    readonly neutral: "border-slate-200/80 bg-white/60 text-slate-700 ring-black/5 hover:bg-white/80 dark:border-slate-800/80 dark:bg-slate-950/30 dark:text-slate-200 dark:ring-white/10 dark:hover:bg-slate-900/50";
-    readonly primary: "border-brand-200/80 bg-brand-50/70 text-brand-800 ring-brand-900/5 hover:bg-brand-50 dark:border-brand-900/40 dark:bg-brand-950/25 dark:text-brand-200 dark:ring-brand-300/10 dark:hover:bg-brand-950/35";
-    readonly success: "border-emerald-200/80 bg-emerald-50/70 text-emerald-800 ring-emerald-900/5 hover:bg-emerald-50 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200 dark:ring-emerald-300/10 dark:hover:bg-emerald-950/30";
-    readonly warning: "border-amber-200/80 bg-amber-50/70 text-amber-900 ring-amber-900/5 hover:bg-amber-50 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200 dark:ring-amber-300/10 dark:hover:bg-amber-950/30";
-    readonly danger: "border-rose-200/80 bg-rose-50/70 text-rose-900 ring-rose-900/5 hover:bg-rose-50 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200 dark:ring-rose-300/10 dark:hover:bg-rose-950/30";
-};
-declare const SIZE_STYLES: {
-    readonly xs: "px-2 py-0.5 text-[11px]";
-    readonly sm: "px-2.5 py-1 text-xs";
-};
-export interface UIChipProps extends React.HTMLAttributes<HTMLSpanElement> {
-    tone?: keyof typeof TONE_STYLES;
-    size?: keyof typeof SIZE_STYLES;
-}
-export default function UIChip({ tone, size, className, children, ...rest }: UIChipProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function UIChip({ tone, size, className, children, ...rest }: {
+    [x: string]: any;
+    tone?: string | undefined;
+    size?: string | undefined;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Chip.js

@@ -1,30 +1,31 @@
-import { jsx as t } from "react/jsx-runtime";
-const o = {
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+const r = {
   neutral: "border-slate-200/80 bg-white/60 text-slate-700 ring-black/5 hover:bg-white/80 dark:border-slate-800/80 dark:bg-slate-950/30 dark:text-slate-200 dark:ring-white/10 dark:hover:bg-slate-900/50",
   primary: "border-brand-200/80 bg-brand-50/70 text-brand-800 ring-brand-900/5 hover:bg-brand-50 dark:border-brand-900/40 dark:bg-brand-950/25 dark:text-brand-200 dark:ring-brand-300/10 dark:hover:bg-brand-950/35",
   success: "border-emerald-200/80 bg-emerald-50/70 text-emerald-800 ring-emerald-900/5 hover:bg-emerald-50 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200 dark:ring-emerald-300/10 dark:hover:bg-emerald-950/30",
   warning: "border-amber-200/80 bg-amber-50/70 text-amber-900 ring-amber-900/5 hover:bg-amber-50 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200 dark:ring-amber-300/10 dark:hover:bg-amber-950/30",
   danger: "border-rose-200/80 bg-rose-50/70 text-rose-900 ring-rose-900/5 hover:bg-rose-50 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200 dark:ring-rose-300/10 dark:hover:bg-rose-950/30"
-}, n = {
+}, e = {
   xs: "px-2 py-0.5 text-[11px]",
   sm: "px-2.5 py-1 text-xs"
 };
-function g({ tone: r = "neutral", size: e = "xs", className: a = "", children: d, ...b }) {
-  return /* @__PURE__ */ t(
+function l({ tone: a = "neutral", size: d = "xs", className: b = "", children: t, ...o }) {
+  return /* @__PURE__ */ n(
     "span",
     {
       className: [
         "inline-flex items-center gap-1 rounded-full border font-semibold shadow-sm ring-1 transition",
-        n[e],
-        o[r],
-        a
+        e[d] ?? e.xs,
+        r[a] ?? r.neutral,
+        b
       ].filter(Boolean).join(" "),
-      ...b,
-      children: d
+      ...o,
+      children: t
     }
   );
 }
 export {
-  g as default
+  l as default
 };
 //# sourceMappingURL=Chip.js.map

package/dist/components/library/ui/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/library/ui/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst TONE_STYLES = {\n  neutral:\n    \"border-slate-200/80 bg-white/60 text-slate-700 ring-black/5 hover:bg-white/80 dark:border-slate-800/80 dark:bg-slate-950/30 dark:text-slate-200 dark:ring-white/10 dark:hover:bg-slate-900/50\",\n  primary:\n    \"border-brand-200/80 bg-brand-50/70 text-brand-800 ring-brand-900/5 hover:bg-brand-50 dark:border-brand-900/40 dark:bg-brand-950/25 dark:text-brand-200 dark:ring-brand-300/10 dark:hover:bg-brand-950/35\",\n  success:\n    \"border-emerald-200/80 bg-emerald-50/70 text-emerald-800 ring-emerald-900/5 hover:bg-emerald-50 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200 dark:ring-emerald-300/10 dark:hover:bg-emerald-950/30\",\n  warning:\n    \"border-amber-200/80 bg-amber-50/70 text-amber-900 ring-amber-900/5 hover:bg-amber-50 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200 dark:ring-amber-300/10 dark:hover:bg-amber-950/30\",\n  danger:\n    \"border-rose-200/80 bg-rose-50/70 text-rose-900 ring-rose-900/5 hover:bg-rose-50 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200 dark:ring-rose-300/10 dark:hover:bg-rose-950/30\"\n} as const;\n\nconst SIZE_STYLES = {\n  xs: \"px-2 py-0.5 text-[11px]\",\n  sm: \"px-2.5 py-1 text-xs\"\n} as const;\n\nexport interface UIChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: keyof typeof TONE_STYLES;\n  size?: keyof typeof SIZE_STYLES;\n}\n\nexport default function UIChip({ tone = \"neutral\", size = \"xs\", className = \"\", children, ...rest }: UIChipProps) {\n  return (\n    <span\n      className={[\n        \"inline-flex items-center gap-1 rounded-full border font-semibold shadow-sm ring-1 transition\",\n        SIZE_STYLES[size],\n        TONE_STYLES[tone],\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["TONE_STYLES","SIZE_STYLES","UIChip","tone","size","className","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAc;AAAA,EAClB,SACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AACJ,GAEMC,IAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AACN;AAOA,SAAwBC,EAAO,EAAE,MAAAC,IAAO,WAAW,MAAAC,IAAO,MAAM,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAqB;AAChH,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAP,EAAYG,CAAI;AAAA,QAChBJ,EAAYG,CAAI;AAAA,QAChBE;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/library/ui/Chip.jsx"],"sourcesContent":["import React from \"react\";\n\nconst TONE_STYLES = {\n  neutral:\n    \"border-slate-200/80 bg-white/60 text-slate-700 ring-black/5 hover:bg-white/80 dark:border-slate-800/80 dark:bg-slate-950/30 dark:text-slate-200 dark:ring-white/10 dark:hover:bg-slate-900/50\",\n  primary:\n    \"border-brand-200/80 bg-brand-50/70 text-brand-800 ring-brand-900/5 hover:bg-brand-50 dark:border-brand-900/40 dark:bg-brand-950/25 dark:text-brand-200 dark:ring-brand-300/10 dark:hover:bg-brand-950/35\",\n  success:\n    \"border-emerald-200/80 bg-emerald-50/70 text-emerald-800 ring-emerald-900/5 hover:bg-emerald-50 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200 dark:ring-emerald-300/10 dark:hover:bg-emerald-950/30\",\n  warning:\n    \"border-amber-200/80 bg-amber-50/70 text-amber-900 ring-amber-900/5 hover:bg-amber-50 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200 dark:ring-amber-300/10 dark:hover:bg-amber-950/30\",\n  danger:\n    \"border-rose-200/80 bg-rose-50/70 text-rose-900 ring-rose-900/5 hover:bg-rose-50 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200 dark:ring-rose-300/10 dark:hover:bg-rose-950/30\"\n};\n\nconst SIZE_STYLES = {\n  xs: \"px-2 py-0.5 text-[11px]\",\n  sm: \"px-2.5 py-1 text-xs\"\n};\n\nexport default function UIChip({ tone = \"neutral\", size = \"xs\", className = \"\", children, ...rest }) {\n  return (\n    <span\n      className={[\n        \"inline-flex items-center gap-1 rounded-full border font-semibold shadow-sm ring-1 transition\",\n        SIZE_STYLES[size] ?? SIZE_STYLES.xs,\n        TONE_STYLES[tone] ?? TONE_STYLES.neutral,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\n"],"names":["TONE_STYLES","SIZE_STYLES","UIChip","tone","size","className","children","rest","jsx"],"mappings":";;AAEA,MAAMA,IAAc;AAAA,EAClB,SACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AACJ,GAEMC,IAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAwBC,EAAO,EAAE,MAAAC,IAAO,WAAW,MAAAC,IAAO,MAAM,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACnG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAP,EAAYG,CAAI,KAAKH,EAAY;AAAA,QACjCD,EAAYG,CAAI,KAAKH,EAAY;AAAA,QACjCK;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/{collapsible.d.ts → Collapsible.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Container.d.ts

@@ -1,12 +1,13 @@
-import * as React from "react";
-export interface UIContainerProps extends React.HTMLAttributes<HTMLElement> {
-    title?: string;
-    subtitle?: string;
-    description?: string;
-    actions?: React.ReactNode;
-    empty?: boolean;
-    emptyText?: string;
-    emptyIcon?: React.ReactNode;
-    emptyHeight?: number;
-}
-export default function UIContainer({ title, subtitle, description, actions, empty, emptyText, emptyIcon, emptyHeight, className, style, children }: UIContainerProps): import("react/jsx-runtime").JSX.Element;
+export default function UIContainer({ title, subtitle, description, actions, empty, emptyText, emptyIcon, emptyHeight, className, style, children }: {
+    title: any;
+    subtitle: any;
+    description: any;
+    actions: any;
+    empty?: boolean | undefined;
+    emptyText?: string | undefined;
+    emptyIcon: any;
+    emptyHeight?: number | undefined;
+    className?: string | undefined;
+    style: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Container.js

@@ -1,41 +1,42 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import d from "./Text.js";
-function g({
+import "react";
+import i from "./Text.js";
+function N({
   title: r,
   subtitle: a,
-  description: n,
+  description: m,
   actions: l,
-  empty: m = !1,
+  empty: n = !1,
   emptyText: c = "Nothing here yet.",
-  emptyIcon: i,
-  emptyHeight: h = 160,
-  className: o = "",
+  emptyIcon: d,
+  emptyHeight: o = 160,
+  className: h = "",
   style: f,
   children: u
 }) {
-  const t = a ?? n;
-  return /* @__PURE__ */ s("section", { className: o, style: f, children: [
+  const t = a ?? m;
+  return /* @__PURE__ */ s("section", { className: h, style: f, children: [
     (r || t || l) && /* @__PURE__ */ s("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between", children: [
       /* @__PURE__ */ s("div", { className: "min-w-0", children: [
-        r && /* @__PURE__ */ e(d, { as: "h2", size: "lg", weight: "bold", className: "truncate", children: r }),
-        t && /* @__PURE__ */ e(d, { as: "p", size: "sm", muted: !0, className: "mt-1", children: t })
+        r && /* @__PURE__ */ e(i, { as: "h2", size: "lg", weight: "bold", className: "truncate", children: r }),
+        t && /* @__PURE__ */ e(i, { as: "p", size: "sm", muted: !0, className: "mt-1", children: t })
       ] }),
       l && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: l })
     ] }),
-    m ? /* @__PURE__ */ s(
+    n ? /* @__PURE__ */ s(
       "div",
       {
         className: "flex w-full flex-col items-center justify-center rounded-2xl border border-dashed border-slate-300 bg-slate-50 px-6 text-center dark:border-slate-700 dark:bg-slate-900/40",
-        style: { minHeight: h },
+        style: { minHeight: o },
         children: [
-          i ? /* @__PURE__ */ e("div", { className: "mb-2", children: i }) : null,
-          /* @__PURE__ */ e(d, { size: "sm", muted: !0, children: c })
+          d ? /* @__PURE__ */ e("div", { className: "mb-2", children: d }) : null,
+          /* @__PURE__ */ e(i, { size: "sm", muted: !0, children: c })
         ]
       }
     ) : u
   ] });
 }
 export {
-  g as default
+  N as default
 };
 //# sourceMappingURL=Container.js.map

package/dist/components/library/ui/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../src/components/library/ui/Container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport UIText from \"./Text\";\n\nexport interface UIContainerProps extends React.HTMLAttributes<HTMLElement> {\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  actions?: React.ReactNode;\n  empty?: boolean;\n  emptyText?: string;\n  emptyIcon?: React.ReactNode;\n  emptyHeight?: number;\n}\n\nexport default function UIContainer({\n  title,\n  subtitle,\n  description,\n  actions,\n  empty = false,\n  emptyText = \"Nothing here yet.\",\n  emptyIcon,\n  emptyHeight = 160,\n  className = \"\",\n  style,\n  children\n}: UIContainerProps) {\n  const sub = subtitle ?? description;\n\n  return (\n    <section className={className} style={style}>\n      {(title || sub || actions) && (\n        <div className=\"mb-4 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between\">\n          <div className=\"min-w-0\">\n            {title && (\n              <UIText as=\"h2\" size=\"lg\" weight=\"bold\" className=\"truncate\">\n                {title}\n              </UIText>\n            )}\n            {sub && (\n              <UIText as=\"p\" size=\"sm\" muted className=\"mt-1\">\n                {sub}\n              </UIText>\n            )}\n          </div>\n          {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n        </div>\n      )}\n\n      {empty ? (\n        <div\n          className=\"flex w-full flex-col items-center justify-center rounded-2xl border border-dashed border-slate-300 bg-slate-50 px-6 text-center dark:border-slate-700 dark:bg-slate-900/40\"\n          style={{ minHeight: emptyHeight }}\n        >\n          {emptyIcon ? <div className=\"mb-2\">{emptyIcon}</div> : null}\n          <UIText size=\"sm\" muted>\n            {emptyText}\n          </UIText>\n        </div>\n      ) : (\n        children\n      )}\n    </section>\n  );\n}\n"],"names":["UIContainer","title","subtitle","description","actions","empty","emptyText","emptyIcon","emptyHeight","className","style","children","sub","jsxs","jsx","UIText"],"mappings":";;AAcA,SAAwBA,EAAY;AAAA,EAClC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AACF,GAAqB;AACnB,QAAMC,IAAMV,KAAYC;AAExB,SACE,gBAAAU,EAAC,WAAA,EAAQ,WAAAJ,GAAsB,OAAAC,GAC3B,UAAA;AAAA,KAAAT,KAASW,KAAOR,MAChB,gBAAAS,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,QAAAZ,KACC,gBAAAa,EAACC,GAAA,EAAO,IAAG,MAAK,MAAK,MAAK,QAAO,QAAO,WAAU,YAC/C,UAAAd,EAAA,CACH;AAAA,QAEDW,KACC,gBAAAE,EAACC,GAAA,EAAO,IAAG,KAAI,MAAK,MAAK,OAAK,IAAC,WAAU,QACtC,UAAAH,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACCR,KAAW,gBAAAU,EAAC,OAAA,EAAI,WAAU,oCAAoC,UAAAV,EAAA,CAAQ;AAAA,IAAA,GACzE;AAAA,IAGDC,IACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAWL,EAAA;AAAA,QAEnB,UAAA;AAAA,UAAAD,IAAY,gBAAAO,EAAC,OAAA,EAAI,WAAU,QAAQ,aAAU,IAAS;AAAA,4BACtDC,GAAA,EAAO,MAAK,MAAK,OAAK,IACpB,UAAAT,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGFK;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Container.js","sources":["../../../../src/components/library/ui/Container.jsx"],"sourcesContent":["import React from \"react\";\nimport UIText from \"./Text\";\n\nexport default function UIContainer({\n  title,\n  subtitle,\n  description,\n  actions,\n  empty = false,\n  emptyText = \"Nothing here yet.\",\n  emptyIcon,\n  emptyHeight = 160,\n  className = \"\",\n  style,\n  children\n}) {\n  const sub = subtitle ?? description;\n\n  return (\n    <section className={className} style={style}>\n      {(title || sub || actions) && (\n        <div className=\"mb-4 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between\">\n          <div className=\"min-w-0\">\n            {title && (\n              <UIText as=\"h2\" size=\"lg\" weight=\"bold\" className=\"truncate\">\n                {title}\n              </UIText>\n            )}\n            {sub && (\n              <UIText as=\"p\" size=\"sm\" muted className=\"mt-1\">\n                {sub}\n              </UIText>\n            )}\n          </div>\n          {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n        </div>\n      )}\n\n      {empty ? (\n        <div\n          className=\"flex w-full flex-col items-center justify-center rounded-2xl border border-dashed border-slate-300 bg-slate-50 px-6 text-center dark:border-slate-700 dark:bg-slate-900/40\"\n          style={{ minHeight: emptyHeight }}\n        >\n          {emptyIcon ? <div className=\"mb-2\">{emptyIcon}</div> : null}\n          <UIText size=\"sm\" muted>\n            {emptyText}\n          </UIText>\n        </div>\n      ) : (\n        children\n      )}\n    </section>\n  );\n}\n\n\n"],"names":["UIContainer","title","subtitle","description","actions","empty","emptyText","emptyIcon","emptyHeight","className","style","children","sub","jsxs","jsx","UIText"],"mappings":";;;AAGA,SAAwBA,EAAY;AAAA,EAClC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMC,IAAMV,KAAYC;AAExB,SACE,gBAAAU,EAAC,WAAA,EAAQ,WAAAJ,GAAsB,OAAAC,GAC3B,UAAA;AAAA,KAAAT,KAASW,KAAOR,MAChB,gBAAAS,EAAC,OAAA,EAAI,WAAU,wEACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,QAAAZ,KACC,gBAAAa,EAACC,GAAA,EAAO,IAAG,MAAK,MAAK,MAAK,QAAO,QAAO,WAAU,YAC/C,UAAAd,EAAA,CACH;AAAA,QAEDW,KACC,gBAAAE,EAACC,GAAA,EAAO,IAAG,KAAI,MAAK,MAAK,OAAK,IAAC,WAAU,QACtC,UAAAH,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACCR,KAAW,gBAAAU,EAAC,OAAA,EAAI,WAAU,oCAAoC,UAAAV,EAAA,CAAQ;AAAA,IAAA,GACzE;AAAA,IAGDC,IACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAWL,EAAA;AAAA,QAEnB,UAAA;AAAA,UAAAD,IAAY,gBAAAO,EAAC,OAAA,EAAI,WAAU,QAAQ,aAAU,IAAS;AAAA,4BACtDC,GAAA,EAAO,MAAK,MAAK,OAAK,IACpB,UAAAT,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGFK;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/library/ui/{dialog.d.ts → Dialog.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Dialog as DialogPrimitive } from "radix-ui";
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/EmptyState.d.ts

@@ -1,37 +1,10 @@
-import * as React from "react";
-declare const SIZES: {
-    readonly sm: {
-        readonly icon: "h-8 w-8";
-        readonly heading: "text-sm";
-        readonly body: "text-xs";
-        readonly gap: "gap-2";
-        readonly pad: "py-6";
-    };
-    readonly md: {
-        readonly icon: "h-10 w-10";
-        readonly heading: "text-base";
-        readonly body: "text-sm";
-        readonly gap: "gap-3";
-        readonly pad: "py-10";
-    };
-    readonly lg: {
-        readonly icon: "h-14 w-14";
-        readonly heading: "text-lg";
-        readonly body: "text-sm";
-        readonly gap: "gap-4";
-        readonly pad: "py-16";
-    };
-};
-export interface EmptyStateProps {
-    icon?: React.ReactNode;
-    heading?: string;
-    body?: string;
-    action?: React.ReactNode;
-    size?: keyof typeof SIZES;
-    className?: string;
-}
 /**
  * Empty state placeholder — shows when a list, table, or section has no content.
+ *
+ * @param {ReactNode}  icon      Optional icon element
+ * @param {string}     heading   Primary message
+ * @param {string}     body      Secondary description
+ * @param {ReactNode}  action    Optional CTA (button, link, etc.)
+ * @param {"sm"|"md"|"lg"} size  Visual density
  */
-export default function EmptyState({ icon, heading, body, action, size, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function EmptyState({ icon, heading, body, action, size, className, }: ReactNode): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/EmptyState.js

@@ -1,18 +1,19 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
-const c = {
+import "react";
+const i = {
   sm: { icon: "h-8 w-8", heading: "text-sm", body: "text-xs", gap: "gap-2", pad: "py-6" },
   md: { icon: "h-10 w-10", heading: "text-base", body: "text-sm", gap: "gap-3", pad: "py-10" },
   lg: { icon: "h-14 w-14", heading: "text-lg", body: "text-sm", gap: "gap-4", pad: "py-16" }
 };
-function p({
+function r({
   icon: a,
   heading: l = "Nothing here yet",
   body: s,
   action: d,
-  size: i = "md",
+  size: m = "md",
   className: n = ""
 }) {
-  const e = c[i];
+  const e = i[m] ?? i.md;
   return /* @__PURE__ */ x("div", { className: `flex flex-col items-center justify-center text-center ${e.pad} ${e.gap} ${n}`, children: [
     a && /* @__PURE__ */ t("div", { className: `${e.icon} text-slate-300 dark:text-slate-600`, children: a }),
     /* @__PURE__ */ t("div", { className: `${e.heading} font-semibold text-slate-700 dark:text-slate-200`, children: l }),
@@ -21,6 +22,6 @@ function p({
   ] });
 }
 export {
-  p as default
+  r as default
 };
 //# sourceMappingURL=EmptyState.js.map

package/dist/components/library/ui/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/library/ui/EmptyState.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst SIZES = {\n  sm: { icon: \"h-8 w-8\", heading: \"text-sm\", body: \"text-xs\", gap: \"gap-2\", pad: \"py-6\" },\n  md: { icon: \"h-10 w-10\", heading: \"text-base\", body: \"text-sm\", gap: \"gap-3\", pad: \"py-10\" },\n  lg: { icon: \"h-14 w-14\", heading: \"text-lg\", body: \"text-sm\", gap: \"gap-4\", pad: \"py-16\" },\n} as const;\n\nexport interface EmptyStateProps {\n  icon?: React.ReactNode;\n  heading?: string;\n  body?: string;\n  action?: React.ReactNode;\n  size?: keyof typeof SIZES;\n  className?: string;\n}\n\n/**\n * Empty state placeholder — shows when a list, table, or section has no content.\n */\nexport default function EmptyState({\n  icon,\n  heading = \"Nothing here yet\",\n  body,\n  action,\n  size = \"md\",\n  className = \"\",\n}: EmptyStateProps) {\n  const s = SIZES[size];\n\n  return (\n    <div className={`flex flex-col items-center justify-center text-center ${s.pad} ${s.gap} ${className}`}>\n      {icon && (\n        <div className={`${s.icon} text-slate-300 dark:text-slate-600`}>\n          {icon}\n        </div>\n      )}\n      <div className={`${s.heading} font-semibold text-slate-700 dark:text-slate-200`}>\n        {heading}\n      </div>\n      {body && (\n        <div className={`${s.body} max-w-sm text-slate-500 dark:text-slate-400`}>\n          {body}\n        </div>\n      )}\n      {action && <div className=\"mt-1\">{action}</div>}\n    </div>\n  );\n}\n"],"names":["SIZES","EmptyState","icon","heading","body","action","size","className","s","jsxs","jsx"],"mappings":";AAEA,MAAMA,IAAQ;AAAA,EACZ,IAAI,EAAE,MAAM,WAAW,SAAS,WAAW,MAAM,WAAW,KAAK,SAAS,KAAK,OAAA;AAAA,EAC/E,IAAI,EAAE,MAAM,aAAa,SAAS,aAAa,MAAM,WAAW,KAAK,SAAS,KAAK,QAAA;AAAA,EACnF,IAAI,EAAE,MAAM,aAAa,SAAS,WAAW,MAAM,WAAW,KAAK,SAAS,KAAK,QAAA;AACnF;AAcA,SAAwBC,EAAW;AAAA,EACjC,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AACd,GAAoB;AAClB,QAAMC,IAAIR,EAAMM,CAAI;AAEpB,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAW,yDAAyDD,EAAE,GAAG,IAAIA,EAAE,GAAG,IAAID,CAAS,IACjG,UAAA;AAAA,IAAAL,uBACE,OAAA,EAAI,WAAW,GAAGM,EAAE,IAAI,uCACtB,UAAAN,EAAA,CACH;AAAA,sBAED,OAAA,EAAI,WAAW,GAAGM,EAAE,OAAO,qDACzB,UAAAL,GACH;AAAA,IACCC,uBACE,OAAA,EAAI,WAAW,GAAGI,EAAE,IAAI,gDACtB,UAAAJ,EAAA,CACH;AAAA,IAEDC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAL,EAAA,CAAO;AAAA,EAAA,GAC3C;AAEJ;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/library/ui/EmptyState.jsx"],"sourcesContent":["import React from \"react\";\n\nconst SIZES = {\n  sm: { icon: \"h-8 w-8\", heading: \"text-sm\", body: \"text-xs\", gap: \"gap-2\", pad: \"py-6\" },\n  md: { icon: \"h-10 w-10\", heading: \"text-base\", body: \"text-sm\", gap: \"gap-3\", pad: \"py-10\" },\n  lg: { icon: \"h-14 w-14\", heading: \"text-lg\", body: \"text-sm\", gap: \"gap-4\", pad: \"py-16\" },\n};\n\n/**\n * Empty state placeholder — shows when a list, table, or section has no content.\n *\n * @param {ReactNode}  icon      Optional icon element\n * @param {string}     heading   Primary message\n * @param {string}     body      Secondary description\n * @param {ReactNode}  action    Optional CTA (button, link, etc.)\n * @param {\"sm\"|\"md\"|\"lg\"} size  Visual density\n */\nexport default function EmptyState({\n  icon,\n  heading = \"Nothing here yet\",\n  body,\n  action,\n  size = \"md\",\n  className = \"\",\n}) {\n  const s = SIZES[size] ?? SIZES.md;\n\n  return (\n    <div className={`flex flex-col items-center justify-center text-center ${s.pad} ${s.gap} ${className}`}>\n      {icon && (\n        <div className={`${s.icon} text-slate-300 dark:text-slate-600`}>\n          {icon}\n        </div>\n      )}\n      <div className={`${s.heading} font-semibold text-slate-700 dark:text-slate-200`}>\n        {heading}\n      </div>\n      {body && (\n        <div className={`${s.body} max-w-sm text-slate-500 dark:text-slate-400`}>\n          {body}\n        </div>\n      )}\n      {action && <div className=\"mt-1\">{action}</div>}\n    </div>\n  );\n}\n"],"names":["SIZES","EmptyState","icon","heading","body","action","size","className","s","jsxs","jsx"],"mappings":";;AAEA,MAAMA,IAAQ;AAAA,EACZ,IAAI,EAAE,MAAM,WAAW,SAAS,WAAW,MAAM,WAAW,KAAK,SAAS,KAAK,OAAA;AAAA,EAC/E,IAAI,EAAE,MAAM,aAAa,SAAS,aAAa,MAAM,WAAW,KAAK,SAAS,KAAK,QAAA;AAAA,EACnF,IAAI,EAAE,MAAM,aAAa,SAAS,WAAW,MAAM,WAAW,KAAK,SAAS,KAAK,QAAA;AACnF;AAWA,SAAwBC,EAAW;AAAA,EACjC,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AACd,GAAG;AACD,QAAMC,IAAIR,EAAMM,CAAI,KAAKN,EAAM;AAE/B,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAW,yDAAyDD,EAAE,GAAG,IAAIA,EAAE,GAAG,IAAID,CAAS,IACjG,UAAA;AAAA,IAAAL,uBACE,OAAA,EAAI,WAAW,GAAGM,EAAE,IAAI,uCACtB,UAAAN,EAAA,CACH;AAAA,sBAED,OAAA,EAAI,WAAW,GAAGM,EAAE,OAAO,qDACzB,UAAAL,GACH;AAAA,IACCC,uBACE,OAAA,EAAI,WAAW,GAAGI,EAAE,IAAI,gDACtB,UAAAJ,EAAA,CACH;AAAA,IAEDC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAL,EAAA,CAAO;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/components/library/ui/FieldGroup.d.ts

@@ -1,4 +1,5 @@
-import * as React from "react";
-export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export default function FieldGroup({ className, children, ...rest }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;
+export default function FieldGroup({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/FieldGroup.js

@@ -1,18 +1,19 @@
 import { jsx as r } from "react/jsx-runtime";
-function f({ className: e = "", children: o, ...l }) {
+import "react";
+function a({ className: o = "", children: e, ...l }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: [
         "flex flex-col gap-1.5",
-        e
+        o
       ].filter(Boolean).join(" "),
       ...l,
-      children: o
+      children: e
     }
   );
 }
 export {
-  f as default
+  a as default
 };
 //# sourceMappingURL=FieldGroup.js.map

package/dist/components/library/ui/FieldGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/library/ui/FieldGroup.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport default function FieldGroup({ className = \"\", children, ...rest }: FieldGroupProps) {\n  return (\n    <div\n      className={[\n        \"flex flex-col gap-1.5\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["FieldGroup","className","children","rest","jsx"],"mappings":";AAIA,SAAwBA,EAAW,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAyB;AACzF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/library/ui/FieldGroup.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function FieldGroup({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex flex-col gap-1.5\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["FieldGroup","className","children","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAW,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/Input.d.ts

@@ -1,3 +1,5 @@
-import * as React from 'react';
-declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
-export { Input };
+export default function UIInput({ style, className, ...rest }: {
+    [x: string]: any;
+    style?: undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{UIInput.js → Input.js}

@@ -1,21 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
-function a({ className: e = "", ...t }) {
+import "react";
+function l({ style: e = void 0, className: t = "", ...r }) {
   return /* @__PURE__ */ o(
     "input",
     {
+      style: e,
       className: [
         "h-10 w-full rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-900 shadow-sm",
         "placeholder:text-slate-400",
         "focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:focus:ring-offset-slate-950",
         "dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:placeholder:text-slate-500",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        e
+        t
       ].filter(Boolean).join(" "),
-      ...t
+      ...r
     }
   );
 }
 export {
-  a as default
+  l as default
 };
-//# sourceMappingURL=UIInput.js.map
+//# sourceMappingURL=Input.js.map

package/dist/components/library/ui/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../src/components/library/ui/Input.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function UIInput({ style = undefined, className = \"\", ...rest }) {\n  return (\n    <input\n      style={style}\n      className={[\n        \"h-10 w-full rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-900 shadow-sm\",\n        \"placeholder:text-slate-400\",\n        \"focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 dark:focus:ring-offset-slate-950\",\n        \"dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 dark:placeholder:text-slate-500\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n}\n\n\n"],"names":["UIInput","style","className","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAQ,EAAE,OAAAC,IAAQ,QAAW,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC9E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/ui/Label.d.ts

@@ -0,0 +1,7 @@
+export default function Label({ children, htmlFor, required, className, ...rest }: {
+    [x: string]: any;
+    children: any;
+    htmlFor: any;
+    required: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Label.js

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "react";
+function m({ children: a, htmlFor: e, required: s, className: l = "", ...t }) {
+  const n = e ? "label" : "div", o = e ? { htmlFor: e, ...t } : t;
+  return /* @__PURE__ */ i(
+    n,
+    {
+      ...o,
+      className: [
+        "text-sm font-medium text-slate-700 dark:text-slate-200",
+        l
+      ].filter(Boolean).join(" "),
+      children: [
+        a,
+        s && /* @__PURE__ */ r("span", { className: "ml-0.5 text-red-500", children: "*" })
+      ]
+    }
+  );
+}
+export {
+  m as default
+};
+//# sourceMappingURL=Label.js.map

package/dist/components/library/ui/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../src/components/library/ui/Label.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Label({ children, htmlFor, required, className = \"\", ...rest }) {\n  // If no htmlFor provided, render as div for compatibility\n  const Tag = htmlFor ? 'label' : 'div';\n  const props = htmlFor ? { htmlFor, ...rest } : rest;\n\n  return (\n    <Tag\n      {...props}\n      className={[\n        \"text-sm font-medium text-slate-700 dark:text-slate-200\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {children}\n      {required && <span className=\"ml-0.5 text-red-500\">*</span>}\n    </Tag>\n  );\n}\n"],"names":["Label","children","htmlFor","required","className","rest","Tag","props","jsxs","jsx"],"mappings":";;AAEA,SAAwBA,EAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAEtF,QAAMC,IAAMJ,IAAU,UAAU,OAC1BK,IAAQL,IAAU,EAAE,SAAAA,GAAS,GAAGG,MAASA;AAE/C,SACE,gBAAAG;AAAA,IAACF;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEV,UAAA;AAAA,QAAAH;AAAA,QACAE,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAU,uBAAsB,UAAA,IAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1D;"}

package/dist/components/library/ui/PaginationExtras.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
+import { Link } from "react-router-dom";
 declare function PaginationContent({ className, children, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationItem({ className, children, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationLink({ className, isActive, size, href, ...props }: React.ComponentProps<"a"> & {
+declare function PaginationLink({ className, isActive, size, ...props }: React.ComponentProps<typeof Link> & {
     isActive?: boolean;
     size?: "default" | "sm" | "lg";
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{popover.d.ts → Popover.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Popover as PopoverPrimitive } from "radix-ui";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{select.d.ts → Select.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select as SelectPrimitive } from "radix-ui";
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;