@schandlergarcia/sf-web-components 1.3.1 → 1.5.0

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

@@ -1,10 +1,37 @@
+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, }: ReactNode): import("react/jsx-runtime").JSX.Element;
+export default function EmptyState({ icon, heading, body, action, size, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,19 +1,18 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import "react";
-const i = {
+const c = {
   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 r({
+function p({
   icon: a,
   heading: l = "Nothing here yet",
   body: s,
   action: d,
-  size: m = "md",
+  size: i = "md",
   className: n = ""
 }) {
-  const e = i[m] ?? i.md;
+  const e = c[i];
   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 }),
@@ -22,6 +21,6 @@ function r({
   ] });
 }
 export {
-  r as default
+  p 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.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;"}
+{"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;"}

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

@@ -1,5 +1,4 @@
-export default function FieldGroup({ className, children, ...rest }: {
-    [x: string]: any;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+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;

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

@@ -1,19 +1,18 @@
 import { jsx as r } from "react/jsx-runtime";
-import "react";
-function a({ className: o = "", children: e, ...l }) {
+function f({ className: e = "", children: o, ...l }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: [
         "flex flex-col gap-1.5",
-        o
+        e
       ].filter(Boolean).join(" "),
       ...l,
-      children: e
+      children: o
     }
   );
 }
 export {
-  a as default
+  f 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.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;"}
+{"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;"}

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

@@ -1,8 +1,24 @@
+import * as React from "react";
+declare const SIZE_CLASSES: {
+    readonly xs: "h-3 w-3";
+    readonly sm: "h-4 w-4";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+    readonly xl: "h-8 w-8";
+};
+declare const TONE_CLASSES: {
+    readonly brand: "text-brand-500";
+    readonly white: "text-white";
+    readonly muted: "text-slate-400 dark:text-slate-500";
+    readonly current: "text-current";
+};
+export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
+    size?: keyof typeof SIZE_CLASSES;
+    tone?: keyof typeof TONE_CLASSES;
+    label?: string;
+}
 /**
  * Animated spinner.
- *
- * @param {"xs"|"sm"|"md"|"lg"|"xl"} size
- * @param {"brand"|"white"|"muted"|"current"} tone
- * @param {string} label — screen-reader label
  */
-export default function Spinner({ size, tone, label, className, ...rest }: "xs" | "sm" | "md" | "lg" | "xl"): import("react/jsx-runtime").JSX.Element;
+export default function Spinner({ size, tone, label, className, ...rest }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,10 +1,24 @@
-export default function UIText({ as: Comp, size, weight, muted, style, className, children, ...rest }: {
-    [x: string]: any;
-    as?: string | undefined;
-    size?: string | undefined;
-    weight?: string | undefined;
-    muted?: boolean | undefined;
-    style: any;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const SIZE_CLASSES: {
+    readonly xs: "text-xs";
+    readonly sm: "text-sm";
+    readonly md: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl";
+    readonly xxl: "text-2xl";
+};
+declare const WEIGHT_CLASSES: {
+    readonly regular: "font-normal";
+    readonly medium: "font-medium";
+    readonly bold: "font-semibold";
+};
+export interface UITextProps<T extends React.ElementType = "span"> {
+    as?: T;
+    size?: keyof typeof SIZE_CLASSES;
+    weight?: keyof typeof WEIGHT_CLASSES;
+    muted?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export default function UIText<T extends React.ElementType = "span">({ as, size, weight, muted, className, children, ...rest }: UITextProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof UITextProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,43 +1,40 @@
-import { jsx as d } from "react/jsx-runtime";
-import "react";
-const t = {
+import { jsx as m } from "react/jsx-runtime";
+const n = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg",
   xl: "text-xl",
   xxl: "text-2xl"
-}, e = {
+}, r = {
   regular: "font-normal",
   medium: "font-medium",
   bold: "font-semibold"
 };
-function u({
-  as: l = "span",
-  size: x = "md",
-  weight: a = "regular",
-  muted: s = !1,
-  style: o,
-  className: r = "",
-  children: m,
-  ...n
+function i({
+  as: t,
+  size: e = "md",
+  weight: l = "regular",
+  muted: x = !1,
+  className: s = "",
+  children: o,
+  ...a
 }) {
-  return /* @__PURE__ */ d(
-    l,
+  return /* @__PURE__ */ m(
+    t || "span",
     {
-      style: o,
       className: [
-        t[x] ?? t.md,
-        e[a] ?? e.regular,
-        s ? "text-slate-600 dark:text-slate-300" : "text-slate-900 dark:text-slate-50",
-        r
+        n[e],
+        r[l],
+        x ? "text-slate-600 dark:text-slate-300" : "text-slate-900 dark:text-slate-50",
+        s
       ].filter(Boolean).join(" "),
-      ...n,
-      children: m
+      ...a,
+      children: o
     }
   );
 }
 export {
-  u as default
+  i as default
 };
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/library/ui/Text.jsx"],"sourcesContent":["import React from \"react\";\n\nconst SIZE_CLASSES = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  xxl: \"text-2xl\"\n};\n\nconst WEIGHT_CLASSES = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  bold: \"font-semibold\"\n};\n\nexport default function UIText({\n  as: Comp = \"span\",\n  size = \"md\",\n  weight = \"regular\",\n  muted = false,\n  style,\n  className = \"\",\n  children,\n  ...rest\n}) {\n  return (\n    <Comp\n      style={style}\n      className={[\n        SIZE_CLASSES[size] ?? SIZE_CLASSES.md,\n        WEIGHT_CLASSES[weight] ?? WEIGHT_CLASSES.regular,\n        muted ? \"text-slate-600 dark:text-slate-300\" : \"text-slate-900 dark:text-slate-50\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </Comp>\n  );\n}\n\n\n"],"names":["SIZE_CLASSES","WEIGHT_CLASSES","UIText","Comp","size","weight","muted","style","className","children","rest","jsx"],"mappings":";;AAEA,MAAMA,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEMC,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAEA,SAAwBC,EAAO;AAAA,EAC7B,IAAIC,IAAO;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,SACE,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,OAAAI;AAAA,MACA,WAAW;AAAA,QACTP,EAAaI,CAAI,KAAKJ,EAAa;AAAA,QACnCC,EAAeI,CAAM,KAAKJ,EAAe;AAAA,QACzCK,IAAQ,uCAAuC;AAAA,QAC/CE;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/library/ui/Text.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst SIZE_CLASSES = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-xl\",\n  xxl: \"text-2xl\"\n} as const;\n\nconst WEIGHT_CLASSES = {\n  regular: \"font-normal\",\n  medium: \"font-medium\",\n  bold: \"font-semibold\"\n} as const;\n\nexport interface UITextProps<T extends React.ElementType = \"span\"> {\n  as?: T;\n  size?: keyof typeof SIZE_CLASSES;\n  weight?: keyof typeof WEIGHT_CLASSES;\n  muted?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport default function UIText<T extends React.ElementType = \"span\">({\n  as,\n  size = \"md\",\n  weight = \"regular\",\n  muted = false,\n  className = \"\",\n  children,\n  ...rest\n}: UITextProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof UITextProps<T>>) {\n  const Comp = as || \"span\";\n\n  return (\n    <Comp\n      className={[\n        SIZE_CLASSES[size],\n        WEIGHT_CLASSES[weight],\n        muted ? \"text-slate-600 dark:text-slate-300\" : \"text-slate-900 dark:text-slate-50\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </Comp>\n  );\n}\n"],"names":["SIZE_CLASSES","WEIGHT_CLASSES","UIText","as","size","weight","muted","className","children","rest","jsx"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEMC,IAAiB;AAAA,EACrB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAWA,SAAwBC,EAA6C;AAAA,EACnE,IAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GAAmF;AAGjF,SACE,gBAAAC;AAAA,IAHWP,KAAM;AAAA,IAGhB;AAAA,MACC,WAAW;AAAA,QACTH,EAAaI,CAAI;AAAA,QACjBH,EAAeI,CAAM;AAAA,QACrBC,IAAQ,uCAAuC;AAAA,QAC/CC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

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

@@ -1,22 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import "react";
-function l({ style: e = void 0, className: t = "", ...r }) {
+function a({ className: e = "", ...t }) {
   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",
-        t
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        e
       ].filter(Boolean).join(" "),
-      ...r
+      ...t
     }
   );
 }
 export {
-  l as default
+  a as default
 };
 //# sourceMappingURL=UIInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UIInput.js","sources":["../../../../src/components/library/ui/UIInput.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;"}
+{"version":3,"file":"UIInput.js","sources":["../../../../src/components/library/ui/UIInput.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface UIInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport default function UIInput({ className = \"\", ...rest }: UIInputProps) {\n  return (\n    <input\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        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n}\n"],"names":["UIInput","className","rest","jsx"],"mappings":";AAIA,SAAwBA,EAAQ,EAAE,WAAAC,IAAY,IAAI,GAAGC,KAAsB;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;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/alert.d.ts

@@ -1,21 +1,23 @@
-export default function Alert({ variant, className, children, ...rest }: {
-    [x: string]: any;
-    variant?: string | undefined;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export function AlertTitle({ className, children, ...rest }: {
-    [x: string]: any;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export function AlertDescription({ className, children, ...rest }: {
-    [x: string]: any;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export function AlertAction({ className, children, ...rest }: {
-    [x: string]: any;
-    className?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+declare const VARIANT_CLASSES: {
+    readonly default: "bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50";
+    readonly info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50";
+    readonly success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50";
+    readonly warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50";
+    readonly error: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50";
+    readonly destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50";
+};
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: keyof typeof VARIANT_CLASSES;
+}
+export default function Alert({ variant, className, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+export declare function AlertTitle({ className, children, ...rest }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AlertDescription({ className, children, ...rest }: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface AlertActionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AlertAction({ className, children, ...rest }: AlertActionProps): import("react/jsx-runtime").JSX.Element;
+export { Alert };

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

@@ -1,6 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import "react";
-const l = {
+const a = {
   default: "bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50",
   info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50",
   success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50",
@@ -8,23 +7,23 @@ const l = {
   error: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50",
   destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50"
 };
-function i({ variant: e = "default", className: r = "", children: t, ...o }) {
-  const a = l[e] || l.default;
+function b({ variant: e = "default", className: r = "", children: t, ...l }) {
+  const o = a[e];
   return /* @__PURE__ */ d(
     "div",
     {
       role: "alert",
       className: [
         "rounded-lg border p-4",
-        a,
+        o,
         r
       ].filter(Boolean).join(" "),
-      ...o,
+      ...l,
       children: t
     }
   );
 }
-function s({ className: e = "", children: r, ...t }) {
+function i({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "h5",
     {
@@ -37,7 +36,7 @@ function s({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function g({ className: e = "", children: r, ...t }) {
+function s({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -50,7 +49,7 @@ function g({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function u({ className: e = "", children: r, ...t }) {
+function g({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -64,10 +63,10 @@ function u({ className: e = "", children: r, ...t }) {
   );
 }
 export {
-  i as Alert,
-  u as AlertAction,
-  g as AlertDescription,
-  s as AlertTitle,
-  i as default
+  b as Alert,
+  g as AlertAction,
+  s as AlertDescription,
+  i as AlertTitle,
+  b as default
 };
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/library/ui/Alert.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n  default: \"bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50\",\n  info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50\",\n  success: \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50\",\n  warning: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50\",\n  error: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\",\n  destructive: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\"\n};\n\nexport default function Alert({ variant = \"default\", className = \"\", children, ...rest }) {\n  const variantClasses = VARIANT_CLASSES[variant] || VARIANT_CLASSES.default;\n\n  return (\n    <div\n      role=\"alert\"\n      className={[\n        \"rounded-lg border p-4\",\n        variantClasses,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertTitle({ className = \"\", children, ...rest }) {\n  return (\n    <h5\n      className={[\n        \"mb-1 font-medium leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h5>\n  );\n}\n\nexport function AlertDescription({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"text-sm opacity-90\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertAction({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"mt-3\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Alert };\n"],"names":["VARIANT_CLASSES","Alert","variant","className","children","rest","variantClasses","jsx","AlertTitle","AlertDescription","AlertAction"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,SAAwBC,EAAM,EAAE,SAAAC,IAAU,WAAW,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxF,QAAMC,IAAiBN,EAAgBE,CAAO,KAAKF,EAAgB;AAEnE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAW,EAAE,WAAAL,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AAChE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAiB,EAAE,WAAAN,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACtE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACjE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/library/ui/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst VARIANT_CLASSES = {\n  default: \"bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50\",\n  info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50\",\n  success: \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50\",\n  warning: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50\",\n  error: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\",\n  destructive: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\"\n} as const;\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: keyof typeof VARIANT_CLASSES;\n}\n\nexport default function Alert({ variant = \"default\", className = \"\", children, ...rest }: AlertProps) {\n  const variantClasses = VARIANT_CLASSES[variant];\n\n  return (\n    <div\n      role=\"alert\"\n      className={[\n        \"rounded-lg border p-4\",\n        variantClasses,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport function AlertTitle({ className = \"\", children, ...rest }: AlertTitleProps) {\n  return (\n    <h5\n      className={[\n        \"mb-1 font-medium leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h5>\n  );\n}\n\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function AlertDescription({ className = \"\", children, ...rest }: AlertDescriptionProps) {\n  return (\n    <div\n      className={[\n        \"text-sm opacity-90\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface AlertActionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function AlertAction({ className = \"\", children, ...rest }: AlertActionProps) {\n  return (\n    <div\n      className={[\n        \"mt-3\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Alert };\n"],"names":["VARIANT_CLASSES","Alert","variant","className","children","rest","variantClasses","jsx","AlertTitle","AlertDescription","AlertAction"],"mappings":";AAEA,MAAMA,IAAkB;AAAA,EACtB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAMA,SAAwBC,EAAM,EAAE,SAAAC,IAAU,WAAW,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAoB;AACpG,QAAMC,IAAiBN,EAAgBE,CAAO;AAE9C,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASI,EAAW,EAAE,WAAAL,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAyB;AACjF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASK,EAAiB,EAAE,WAAAN,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAA+B;AAC7F,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASM,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAA0B;AACnF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/library/ui/Card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface UICardProps extends React.HTMLAttributes<HTMLDivElement> {\n  padding?: string;\n}\n\nexport default function UICard({ children, padding = \"p-5\", className = \"\", ...rest }: UICardProps) {\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        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 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function Card({ className = \"\", children, ...rest }: CardProps) {\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 interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function CardHeader({ className = \"\", children, ...rest }: CardHeaderProps) {\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 interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport function CardTitle({ className = \"\", children, ...rest }: CardTitleProps) {\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 interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport function CardDescription({ className = \"\", children, ...rest }: CardDescriptionProps) {\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 interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function CardContent({ className = \"\", children, ...rest }: CardContentProps) {\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 interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function CardFooter({ className = \"\", children, ...rest }: CardFooterProps) {\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"],"names":["UICard","children","padding","className","rest","jsx","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";AAMA,SAAwBA,EAAO,EAAE,UAAAC,GAAU,SAAAC,IAAU,OAAO,WAAAC,IAAY,IAAI,GAAGC,KAAqB;AAClG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,QACAC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAKO,SAASK,EAAK,EAAE,WAAAH,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAAmB;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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASM,EAAW,EAAE,WAAAJ,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAAyB;AACjF,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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASO,EAAU,EAAE,WAAAL,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAAwB;AAC/E,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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASQ,EAAgB,EAAE,WAAAN,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAA8B;AAC3F,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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASS,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAA0B;AACnF,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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;AAIO,SAASU,EAAW,EAAE,WAAAR,IAAY,IAAI,UAAAF,GAAU,GAAGG,KAAyB;AACjF,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,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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