@schandlergarcia/sf-web-components 1.4.0 → 1.6.0

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

@@ -1,12 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { Tabs as m } from "@heroui/react";
-import { Tabs as b } from "@heroui/react";
-function f({ variant: r = "primary", ...o }) {
-  return /* @__PURE__ */ t(m, { variant: r, ...o });
+import { jsx as a } from "react/jsx-runtime";
+import { Tabs as s } from "@heroui/react";
+import { Tabs as p } from "@heroui/react";
+function b({ variant: r = "primary", ...o }) {
+  return /* @__PURE__ */ a(s, { variant: r, ...o });
 }
 export {
-  b as Tabs,
-  f as default
+  p as Tabs,
+  b as default
 };
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/library/heroui/Tabs.jsx"],"sourcesContent":["import React from \"react\";\nimport { Tabs } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Tabs — compound component.\n *\n * Sub-components via dot notation on the named `Tabs` export:\n *   Tabs.List, Tabs.ListContainer, Tabs.Tab, Tabs.Panel,\n *   Tabs.Separator, Tabs.Indicator\n *\n * @example\n *   import { Tabs } from \"@/components/library\";\n *   <Tabs>\n *     <Tabs.List aria-label=\"Options\">\n *       <Tabs.Tab id=\"overview\">Overview</Tabs.Tab>\n *       <Tabs.Tab id=\"analytics\">Analytics</Tabs.Tab>\n *     </Tabs.List>\n *     <Tabs.Panel id=\"overview\">…</Tabs.Panel>\n *     <Tabs.Panel id=\"analytics\">…</Tabs.Panel>\n *   </Tabs>\n */\nexport default function HeroUITabs({ variant = \"primary\", ...props }) {\n  return <Tabs variant={variant} {...props} />;\n}\n\nexport { Tabs };\n"],"names":["HeroUITabs","variant","props","jsx","Tabs"],"mappings":";;;;AAqBA,SAAwBA,EAAW,EAAE,SAAAC,IAAU,WAAW,GAAGC,KAAS;AACpE,SAAO,gBAAAC,EAACC,GAAA,EAAK,SAAAH,GAAmB,GAAGC,EAAA,CAAO;AAC5C;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/library/heroui/Tabs.tsx"],"sourcesContent":["import { Tabs } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Tabs — compound component.\n *\n * Sub-components via dot notation on the named `Tabs` export:\n *   Tabs.List, Tabs.ListContainer, Tabs.Tab, Tabs.Panel,\n *   Tabs.Separator, Tabs.Indicator\n *\n * @example\n *   import { Tabs } from \"@/components/library\";\n *   <Tabs>\n *     <Tabs.List aria-label=\"Options\">\n *       <Tabs.Tab id=\"overview\">Overview</Tabs.Tab>\n *       <Tabs.Tab id=\"analytics\">Analytics</Tabs.Tab>\n *     </Tabs.List>\n *     <Tabs.Panel id=\"overview\">…</Tabs.Panel>\n *     <Tabs.Panel id=\"analytics\">…</Tabs.Panel>\n *   </Tabs>\n */\nexport interface HeroUITabsProps {\n  variant?: string;\n  [key: string]: any;\n}\n\nexport default function HeroUITabs({ variant = \"primary\", ...props }: HeroUITabsProps) {\n  const TabsAny = Tabs as any;\n  return <TabsAny variant={variant} {...props} />;\n}\n\nexport { Tabs };\n"],"names":["HeroUITabs","variant","props","jsx","Tabs"],"mappings":";;;AAyBA,SAAwBA,EAAW,EAAE,SAAAC,IAAU,WAAW,GAAGC,KAA0B;AAErF,SAAO,gBAAAC,EADSC,GACR,EAAQ,SAAAH,GAAmB,GAAGC,EAAA,CAAO;AAC/C;"}

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/heroui/Toggle.d.ts

@@ -1,4 +1,5 @@
-export default function HeroUIToggle({ label, ...props }: {
-    [x: string]: any;
-    label?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import type { SwitchProps } from "@heroui/react";
+export interface HeroUIToggleProps extends Omit<SwitchProps, 'isSelected' | 'onChange'> {
+    label?: string;
+}
+export default function HeroUIToggle({ label, ...props }: HeroUIToggleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import "react";
 import { Switch as o } from "@heroui/react";
-import { useThemeMode as m } from "../theme/AppThemeProvider.js";
-function f({ label: t = "Dark mode", ...r }) {
-  const { mode: n, toggle: i } = m();
-  return /* @__PURE__ */ e(o, { isSelected: n === "dark", onChange: i, ...r, children: /* @__PURE__ */ e(o.Content, { children: t }) });
+import { useThemeMode as i } from "../theme/AppThemeProvider.js";
+function a({ label: t = "Dark mode", ...r }) {
+  const { mode: n, toggle: d } = i();
+  return /* @__PURE__ */ e(o, { isSelected: n === "dark", onChange: d, ...r, children: /* @__PURE__ */ e(o.Content, { children: t }) });
 }
 export {
-  f as default
+  a as default
 };
 //# sourceMappingURL=Toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../src/components/library/heroui/Toggle.jsx"],"sourcesContent":["import React from \"react\";\nimport { Switch } from \"@heroui/react\";\nimport { useThemeMode } from \"../theme/AppThemeProvider\";\n\nexport default function HeroUIToggle({ label = \"Dark mode\", ...props }) {\n  const { mode, toggle } = useThemeMode();\n  const isSelected = mode === \"dark\";\n\n  return (\n    <Switch isSelected={isSelected} onChange={toggle} {...props}>\n      <Switch.Content>{label}</Switch.Content>\n    </Switch>\n  );\n}\n"],"names":["HeroUIToggle","label","props","mode","toggle","useThemeMode","jsx","Switch"],"mappings":";;;;AAIA,SAAwBA,EAAa,EAAE,OAAAC,IAAQ,aAAa,GAAGC,KAAS;AACtE,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAGzB,SACE,gBAAAC,EAACC,GAAA,EAAO,YAHSJ,MAAS,QAGM,UAAUC,GAAS,GAAGF,GACpD,UAAA,gBAAAI,EAACC,EAAO,SAAP,EAAgB,UAAAN,EAAA,CAAM,GACzB;AAEJ;"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/library/heroui/Toggle.tsx"],"sourcesContent":["import { Switch } from \"@heroui/react\";\nimport type { SwitchProps } from \"@heroui/react\";\nimport { useThemeMode } from \"../theme/AppThemeProvider\";\n\nexport interface HeroUIToggleProps extends Omit<SwitchProps, 'isSelected' | 'onChange'> {\n  label?: string;\n}\n\nexport default function HeroUIToggle({ label = \"Dark mode\", ...props }: HeroUIToggleProps) {\n  const { mode, toggle } = useThemeMode();\n  const isSelected = mode === \"dark\";\n\n  return (\n    <Switch isSelected={isSelected} onChange={toggle} {...props}>\n      <Switch.Content>{label}</Switch.Content>\n    </Switch>\n  );\n}\n"],"names":["HeroUIToggle","label","props","mode","toggle","useThemeMode","jsx","Switch"],"mappings":";;;AAQA,SAAwBA,EAAa,EAAE,OAAAC,IAAQ,aAAa,GAAGC,KAA4B;AACzF,QAAM,EAAE,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AAGzB,SACE,gBAAAC,EAACC,GAAA,EAAO,YAHSJ,MAAS,QAGM,UAAUC,GAAS,GAAGF,GACpD,UAAA,gBAAAI,EAACC,EAAO,SAAP,EAAgB,UAAAN,EAAA,CAAM,GACzB;AAEJ;"}

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

@@ -1,3 +1,5 @@
+import { Tooltip } from "@heroui/react";
+import type { TooltipProps } from "@heroui/react";
 /**
  * HeroUI v3 Tooltip — compound component.
  *
@@ -11,6 +13,8 @@
  *     <Tooltip.Content>Helpful info</Tooltip.Content>
  *   </Tooltip>
  */
-export default function HeroUITooltip(props: any): import("react/jsx-runtime").JSX.Element;
+export interface HeroUITooltipProps extends TooltipProps {
+}
+export default function HeroUITooltip(props: HeroUITooltipProps): import("react/jsx-runtime").JSX.Element;
 export { Tooltip };
-import { Tooltip } from "@heroui/react";
+export type { TooltipProps };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/library/heroui/Tooltip.jsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Tooltip — compound component.\n *\n * Sub-components via dot notation on the named `Tooltip` export:\n *   Tooltip.Trigger, Tooltip.Content, Tooltip.Arrow\n *\n * @example\n *   import { Tooltip } from \"@/components/library\";\n *   <Tooltip>\n *     <Tooltip.Trigger><Button>Hover me</Button></Tooltip.Trigger>\n *     <Tooltip.Content>Helpful info</Tooltip.Content>\n *   </Tooltip>\n */\nexport default function HeroUITooltip(props) {\n  return <Tooltip {...props} />;\n}\n\nexport { Tooltip };\n"],"names":["HeroUITooltip","props","jsx","Tooltip"],"mappings":";;;;AAgBA,SAAwBA,EAAcC,GAAO;AAC3C,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,EAAA,CAAO;AAC7B;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/library/heroui/Tooltip.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport type { TooltipProps } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Tooltip — compound component.\n *\n * Sub-components via dot notation on the named `Tooltip` export:\n *   Tooltip.Trigger, Tooltip.Content, Tooltip.Arrow\n *\n * @example\n *   import { Tooltip } from \"@/components/library\";\n *   <Tooltip>\n *     <Tooltip.Trigger><Button>Hover me</Button></Tooltip.Trigger>\n *     <Tooltip.Content>Helpful info</Tooltip.Content>\n *   </Tooltip>\n */\nexport interface HeroUITooltipProps extends TooltipProps {}\n\nexport default function HeroUITooltip(props: HeroUITooltipProps) {\n  return <Tooltip {...props} />;\n}\n\nexport { Tooltip };\nexport type { TooltipProps };\n"],"names":["HeroUITooltip","props","jsx","Tooltip"],"mappings":";;;AAkBA,SAAwBA,EAAcC,GAA2B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,EAAA,CAAO;AAC7B;"}

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.6.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/Alert.tsx

@@ -0,0 +1,13 @@
+import { Alert } from "@heroui/react";
+
+export interface HeroUIAlertProps {
+  variant?: string;
+  [key: string]: any;
+}
+
+export default function HeroUIAlert({ variant = "default", ...props }: HeroUIAlertProps) {
+  const AlertAny = Alert as any;
+  return <AlertAny variant={variant} {...props} />;
+}
+
+export { Alert };

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

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