@schandlergarcia/sf-web-components 1.4.0 → 1.5.0

package/README.md

@@ -2,6 +2,8 @@
 
 Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui components.
 
+**🎯 TypeScript Migration in Progress** (v1.4.0): Core UI components now have full TypeScript support with exported prop interfaces. See `docs/TYPESCRIPT_MIGRATION.md` for status and contribution guide.
+
 ## Installation
 
 ```bash

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

@@ -1 +1,5 @@
-export default function HeroUIInput(props: any): import("react/jsx-runtime").JSX.Element;
+import type { InputProps } from "@heroui/react";
+export interface HeroUIInputProps extends InputProps {
+}
+export default function HeroUIInput(props: HeroUIInputProps): import("react/jsx-runtime").JSX.Element;
+export type { InputProps };

package/dist/components/library/heroui/Input.js

@@ -1,5 +1,4 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
 import { Input as o } from "@heroui/react";
 function u(r) {
   return /* @__PURE__ */ t(o, { ...r });

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/library/heroui/Input.jsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"@heroui/react\";\n\nexport default function HeroUIInput(props) {\n  return <Input {...props} />;\n}\n"],"names":["HeroUIInput","props","jsx","Input"],"mappings":";;;AAGA,SAAwBA,EAAYC,GAAO;AACzC,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/library/heroui/Input.tsx"],"sourcesContent":["import { Input } from \"@heroui/react\";\nimport type { InputProps } from \"@heroui/react\";\n\nexport interface HeroUIInputProps extends InputProps {}\n\nexport default function HeroUIInput(props: HeroUIInputProps) {\n  return <Input {...props} />;\n}\n\nexport type { InputProps };\n"],"names":["HeroUIInput","props","jsx","Input"],"mappings":";;AAKA,SAAwBA,EAAYC,GAAyB;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;"}

package/dist/components/library/heroui/Kbd.d.ts

@@ -1,6 +1,7 @@
-export default function HeroUIKbd({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export { Kbd };
 import { Kbd } from "@heroui/react";
+import type { KbdProps } from "@heroui/react";
+export interface HeroUIKbdProps extends KbdProps {
+}
+export default function HeroUIKbd({ children, ...props }: HeroUIKbdProps): import("react/jsx-runtime").JSX.Element;
+export { Kbd };
+export type { KbdProps };

package/dist/components/library/heroui/Kbd.js

@@ -1,12 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { Kbd as m } from "@heroui/react";
-import { Kbd as n } from "@heroui/react";
+import { Kbd as e } from "@heroui/react";
+import { Kbd as i } from "@heroui/react";
 function d({ children: r, ...o }) {
-  return /* @__PURE__ */ t(m, { ...o, children: r });
+  return /* @__PURE__ */ t(e, { ...o, children: r });
 }
 export {
-  n as Kbd,
+  i as Kbd,
   d as default
 };
 //# sourceMappingURL=Kbd.js.map

package/dist/components/library/heroui/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../../../src/components/library/heroui/Kbd.jsx"],"sourcesContent":["import React from \"react\";\nimport { Kbd } from \"@heroui/react\";\n\nexport default function HeroUIKbd({ children, ...props }) {\n  return <Kbd {...props}>{children}</Kbd>;\n}\n\nexport { Kbd };\n"],"names":["HeroUIKbd","children","props","jsx","Kbd"],"mappings":";;;;AAGA,SAAwBA,EAAU,EAAE,UAAAC,GAAU,GAAGC,KAAS;AACxD,SAAO,gBAAAC,EAACC,GAAA,EAAK,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACnC;"}
+{"version":3,"file":"Kbd.js","sources":["../../../../src/components/library/heroui/Kbd.tsx"],"sourcesContent":["import { Kbd } from \"@heroui/react\";\nimport type { KbdProps } from \"@heroui/react\";\n\nexport interface HeroUIKbdProps extends KbdProps {}\n\nexport default function HeroUIKbd({ children, ...props }: HeroUIKbdProps) {\n  return <Kbd {...props}>{children}</Kbd>;\n}\n\nexport { Kbd };\nexport type { KbdProps };\n"],"names":["HeroUIKbd","children","props","jsx","Kbd"],"mappings":";;;AAKA,SAAwBA,EAAU,EAAE,UAAAC,GAAU,GAAGC,KAAyB;AACxE,SAAO,gBAAAC,EAACC,GAAA,EAAK,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACnC;"}

package/dist/components/library/heroui/Skeleton.d.ts

@@ -1,6 +1,9 @@
-export default function HeroUISkeleton({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export { Skeleton };
+import type { ReactNode } from "react";
 import { Skeleton } from "@heroui/react";
+import type { SkeletonProps } from "@heroui/react";
+export interface HeroUISkeletonProps extends SkeletonProps {
+    children?: ReactNode;
+}
+export default function HeroUISkeleton({ children, ...props }: HeroUISkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+export type { SkeletonProps };

package/dist/components/library/heroui/Skeleton.js

@@ -1,12 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import "react";
 import { Skeleton as t } from "@heroui/react";
-import { Skeleton as k } from "@heroui/react";
-function p({ children: o, ...e }) {
+import { Skeleton as i } from "@heroui/react";
+function m({ children: o, ...e }) {
   return /* @__PURE__ */ r(t, { ...e, children: o });
 }
 export {
-  k as Skeleton,
-  p as default
+  i as Skeleton,
+  m as default
 };
 //# sourceMappingURL=Skeleton.js.map

package/dist/components/library/heroui/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/library/heroui/Skeleton.jsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton } from \"@heroui/react\";\n\nexport default function HeroUISkeleton({ children, ...props }) {\n  return <Skeleton {...props}>{children}</Skeleton>;\n}\n\nexport { Skeleton };\n"],"names":["HeroUISkeleton","children","props","jsx","Skeleton"],"mappings":";;;;AAGA,SAAwBA,EAAe,EAAE,UAAAC,GAAU,GAAGC,KAAS;AAC7D,SAAO,gBAAAC,EAACC,GAAA,EAAU,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACxC;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/library/heroui/Skeleton.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Skeleton } from \"@heroui/react\";\nimport type { SkeletonProps } from \"@heroui/react\";\n\nexport interface HeroUISkeletonProps extends SkeletonProps {\n  children?: ReactNode;\n}\n\nexport default function HeroUISkeleton({ children, ...props }: HeroUISkeletonProps) {\n  return <Skeleton {...props}>{children}</Skeleton>;\n}\n\nexport { Skeleton };\nexport type { SkeletonProps };\n"],"names":["HeroUISkeleton","children","props","jsx","Skeleton"],"mappings":";;;AAQA,SAAwBA,EAAe,EAAE,UAAAC,GAAU,GAAGC,KAA8B;AAClF,SAAO,gBAAAC,EAACC,GAAA,EAAU,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACxC;"}

package/dist/components/library/heroui/Toast.d.ts

@@ -1,3 +1,5 @@
+import { Toast, toast } from "@heroui/react";
+import type { ToastProps } from "@heroui/react";
 /**
  * HeroUI v3 Toast — notification system.
  *
@@ -15,7 +17,8 @@
  *   Toast.Title, Toast.Description, Toast.ActionButton,
  *   Toast.CloseButton
  */
-export default function HeroUIToast(props: any): import("react/jsx-runtime").JSX.Element;
-import { Toast } from "@heroui/react";
-import { toast } from "@heroui/react";
+export interface HeroUIToastProps extends ToastProps {
+}
+export default function HeroUIToast(props: HeroUIToastProps): import("react/jsx-runtime").JSX.Element;
 export { Toast, toast };
+export type { ToastProps };

package/dist/components/library/heroui/Toast.js

@@ -1,13 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
-import "react";
 import { Toast as r } from "@heroui/react";
-import { Toast as i, toast as n } from "@heroui/react";
+import { Toast as p, toast as i } from "@heroui/react";
 function e(o) {
   return /* @__PURE__ */ t(r, { ...o });
 }
 export {
-  i as Toast,
+  p as Toast,
   e as default,
-  n as toast
+  i as toast
 };
 //# sourceMappingURL=Toast.js.map

package/dist/components/library/heroui/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/library/heroui/Toast.jsx"],"sourcesContent":["import React from \"react\";\nimport { Toast, toast } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Toast — notification system.\n *\n * SETUP: Add <Toast.Provider /> to your app root (_app.js).\n *\n * Then call the `toast` function from anywhere:\n *   toast(\"Event created\");\n *   toast.success(\"Saved!\");\n *   toast.warning(\"Check settings\");\n *   toast.danger(\"Something failed\");\n *   toast.promise(asyncFn(), { loading: \"…\", success: \"Done\", error: \"Failed\" });\n *\n * Sub-components via dot notation on the named `Toast` export:\n *   Toast.Provider, Toast.Indicator, Toast.Content,\n *   Toast.Title, Toast.Description, Toast.ActionButton,\n *   Toast.CloseButton\n */\nexport default function HeroUIToast(props) {\n  return <Toast {...props} />;\n}\n\nexport { Toast, toast };\n"],"names":["HeroUIToast","props","jsx","Toast"],"mappings":";;;;AAoBA,SAAwBA,EAAYC,GAAO;AACzC,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/library/heroui/Toast.tsx"],"sourcesContent":["import { Toast, toast } from \"@heroui/react\";\nimport type { ToastProps } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Toast — notification system.\n *\n * SETUP: Add <Toast.Provider /> to your app root (_app.js).\n *\n * Then call the `toast` function from anywhere:\n *   toast(\"Event created\");\n *   toast.success(\"Saved!\");\n *   toast.warning(\"Check settings\");\n *   toast.danger(\"Something failed\");\n *   toast.promise(asyncFn(), { loading: \"…\", success: \"Done\", error: \"Failed\" });\n *\n * Sub-components via dot notation on the named `Toast` export:\n *   Toast.Provider, Toast.Indicator, Toast.Content,\n *   Toast.Title, Toast.Description, Toast.ActionButton,\n *   Toast.CloseButton\n */\nexport interface HeroUIToastProps extends ToastProps {}\n\nexport default function HeroUIToast(props: HeroUIToastProps) {\n  return <Toast {...props} />;\n}\n\nexport { Toast, toast };\nexport type { ToastProps };\n"],"names":["HeroUIToast","props","jsx","Toast"],"mappings":";;;AAsBA,SAAwBA,EAAYC,GAAyB;AAC3D,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;"}

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

@@ -1,7 +1,18 @@
-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;
+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 {};

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

@@ -1,31 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import "react";
-const r = {
+import { jsx as t } from "react/jsx-runtime";
+const o = {
   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"
-}, e = {
+}, n = {
   xs: "px-2 py-0.5 text-[11px]",
   sm: "px-2.5 py-1 text-xs"
 };
-function l({ tone: a = "neutral", size: d = "xs", className: b = "", children: t, ...o }) {
-  return /* @__PURE__ */ n(
+function g({ tone: r = "neutral", size: e = "xs", className: a = "", children: d, ...b }) {
+  return /* @__PURE__ */ t(
     "span",
     {
       className: [
         "inline-flex items-center gap-1 rounded-full border font-semibold shadow-sm ring-1 transition",
-        e[d] ?? e.xs,
-        r[a] ?? r.neutral,
-        b
+        n[e],
+        o[r],
+        a
       ].filter(Boolean).join(" "),
-      ...o,
-      children: t
+      ...b,
+      children: d
     }
   );
 }
 export {
-  l as default
+  g 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.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;"}
+{"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;"}

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

@@ -1,13 +1,12 @@
-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;
+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;

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

@@ -1,42 +1,41 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "react";
-import i from "./Text.js";
-function N({
+import d from "./Text.js";
+function g({
   title: r,
   subtitle: a,
-  description: m,
+  description: n,
   actions: l,
-  empty: n = !1,
+  empty: m = !1,
   emptyText: c = "Nothing here yet.",
-  emptyIcon: d,
-  emptyHeight: o = 160,
-  className: h = "",
+  emptyIcon: i,
+  emptyHeight: h = 160,
+  className: o = "",
   style: f,
   children: u
 }) {
-  const t = a ?? m;
-  return /* @__PURE__ */ s("section", { className: h, style: f, children: [
+  const t = a ?? n;
+  return /* @__PURE__ */ s("section", { className: o, 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(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 })
+        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 })
       ] }),
       l && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: l })
     ] }),
-    n ? /* @__PURE__ */ s(
+    m ? /* @__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: o },
+        style: { minHeight: h },
         children: [
-          d ? /* @__PURE__ */ e("div", { className: "mb-2", children: d }) : null,
-          /* @__PURE__ */ e(i, { size: "sm", muted: !0, children: c })
+          i ? /* @__PURE__ */ e("div", { className: "mb-2", children: i }) : null,
+          /* @__PURE__ */ e(d, { size: "sm", muted: !0, children: c })
         ]
       }
     ) : u
   ] });
 }
 export {
-  N as default
+  g 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.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;"}
+{"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;"}

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/library/heroui/Input.tsx

@@ -0,0 +1,10 @@
+import { Input } from "@heroui/react";
+import type { InputProps } from "@heroui/react";
+
+export interface HeroUIInputProps extends InputProps {}
+
+export default function HeroUIInput(props: HeroUIInputProps) {
+  return <Input {...props} />;
+}
+
+export type { InputProps };

package/src/components/library/heroui/Kbd.tsx

@@ -0,0 +1,11 @@
+import { Kbd } from "@heroui/react";
+import type { KbdProps } from "@heroui/react";
+
+export interface HeroUIKbdProps extends KbdProps {}
+
+export default function HeroUIKbd({ children, ...props }: HeroUIKbdProps) {
+  return <Kbd {...props}>{children}</Kbd>;
+}
+
+export { Kbd };
+export type { KbdProps };

package/src/components/library/heroui/Skeleton.tsx

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+import { Skeleton } from "@heroui/react";
+import type { SkeletonProps } from "@heroui/react";
+
+export interface HeroUISkeletonProps extends SkeletonProps {
+  children?: ReactNode;
+}
+
+export default function HeroUISkeleton({ children, ...props }: HeroUISkeletonProps) {
+  return <Skeleton {...props}>{children}</Skeleton>;
+}
+
+export { Skeleton };
+export type { SkeletonProps };

package/src/components/library/heroui/{Toast.jsx → Toast.tsx}

@@ -1,5 +1,5 @@
-import React from "react";
 import { Toast, toast } from "@heroui/react";
+import type { ToastProps } from "@heroui/react";
 
 /**
  * HeroUI v3 Toast — notification system.
@@ -18,8 +18,11 @@ import { Toast, toast } from "@heroui/react";
  *   Toast.Title, Toast.Description, Toast.ActionButton,
  *   Toast.CloseButton
  */
-export default function HeroUIToast(props) {
+export interface HeroUIToastProps extends ToastProps {}
+
+export default function HeroUIToast(props: HeroUIToastProps) {
   return <Toast {...props} />;
 }
 
 export { Toast, toast };
+export type { ToastProps };

package/src/components/library/ui/{Chip.jsx → Chip.tsx}

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 const TONE_STYLES = {
   neutral:
@@ -11,20 +11,25 @@ const TONE_STYLES = {
     "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"
-};
+} as const;
 
 const SIZE_STYLES = {
   xs: "px-2 py-0.5 text-[11px]",
   sm: "px-2.5 py-1 text-xs"
-};
+} as const;
 
-export default function UIChip({ tone = "neutral", size = "xs", className = "", children, ...rest }) {
+export interface UIChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+  tone?: keyof typeof TONE_STYLES;
+  size?: keyof typeof SIZE_STYLES;
+}
+
+export default function UIChip({ tone = "neutral", size = "xs", className = "", children, ...rest }: UIChipProps) {
   return (
     <span
       className={[
         "inline-flex items-center gap-1 rounded-full border font-semibold shadow-sm ring-1 transition",
-        SIZE_STYLES[size] ?? SIZE_STYLES.xs,
-        TONE_STYLES[tone] ?? TONE_STYLES.neutral,
+        SIZE_STYLES[size],
+        TONE_STYLES[tone],
         className
       ]
         .filter(Boolean)
@@ -35,4 +40,3 @@ export default function UIChip({ tone = "neutral", size = "xs", className = "",
     </span>
   );
 }
-

package/src/components/library/ui/{Container.jsx → Container.tsx}

@@ -1,6 +1,17 @@
-import React from "react";
+import * as React from "react";
 import UIText from "./Text";
 
+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,
@@ -13,7 +24,7 @@ export default function UIContainer({
   className = "",
   style,
   children
-}) {
+}: UIContainerProps) {
   const sub = subtitle ?? description;
 
   return (
@@ -52,5 +63,3 @@ export default function UIContainer({
     </section>
   );
 }
-
-

package/src/components/library/ui/{FieldGroup.jsx → FieldGroup.tsx}

@@ -1,6 +1,8 @@
-import React from "react";
+import * as React from "react";
 
-export default function FieldGroup({ className = "", children, ...rest }) {
+export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {}
+
+export default function FieldGroup({ className = "", children, ...rest }: FieldGroupProps) {
   return (
     <div
       className={[

package/src/components/library/ui/{Text.jsx → Text.tsx}

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 const SIZE_CLASSES = {
   xs: "text-xs",
@@ -7,30 +7,39 @@ const SIZE_CLASSES = {
   lg: "text-lg",
   xl: "text-xl",
   xxl: "text-2xl"
-};
+} as const;
 
 const WEIGHT_CLASSES = {
   regular: "font-normal",
   medium: "font-medium",
   bold: "font-semibold"
-};
+} as const;
 
-export default function UIText({
-  as: Comp = "span",
+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 = "md",
   weight = "regular",
   muted = false,
-  style,
   className = "",
   children,
   ...rest
-}) {
+}: UITextProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof UITextProps<T>>) {
+  const Comp = as || "span";
+
   return (
     <Comp
-      style={style}
       className={[
-        SIZE_CLASSES[size] ?? SIZE_CLASSES.md,
-        WEIGHT_CLASSES[weight] ?? WEIGHT_CLASSES.regular,
+        SIZE_CLASSES[size],
+        WEIGHT_CLASSES[weight],
         muted ? "text-slate-600 dark:text-slate-300" : "text-slate-900 dark:text-slate-50",
         className
       ]
@@ -42,5 +51,3 @@ export default function UIText({
     </Comp>
   );
 }
-
-

package/src/components/library/heroui/Input.jsx

@@ -1,6 +0,0 @@
-import React from "react";
-import { Input } from "@heroui/react";
-
-export default function HeroUIInput(props) {
-  return <Input {...props} />;
-}

package/src/components/library/heroui/Kbd.jsx

@@ -1,8 +0,0 @@
-import React from "react";
-import { Kbd } from "@heroui/react";
-
-export default function HeroUIKbd({ children, ...props }) {
-  return <Kbd {...props}>{children}</Kbd>;
-}
-
-export { Kbd };

package/src/components/library/heroui/Skeleton.jsx

@@ -1,8 +0,0 @@
-import React from "react";
-import { Skeleton } from "@heroui/react";
-
-export default function HeroUISkeleton({ children, ...props }) {
-  return <Skeleton {...props}>{children}</Skeleton>;
-}
-
-export { Skeleton };