@schandlergarcia/sf-web-components 1.2.0 → 1.2.2

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

@@ -1,22 +1,44 @@
 /**
- * HeroUI v3 Select — compound component.
+ * HeroUI v3 Select wrapper with shadcn compatibility.
  *
- * Sub-components via dot notation on the named `Select` export:
- *   Select.Trigger, Select.Value, Select.Popover,
- *   Select.ListBox, Select.Item, Select.Section
+ * Translates shadcn API to HeroUI:
+ * - onValueChange -> onSelectionChange
+ * - value -> selectedKeys
+ */
+export default function HeroUISelect({ value, onValueChange, children, ...props }: {
+    [x: string]: any;
+    value: any;
+    onValueChange: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * HeroUI v3 Select wrapper with shadcn compatibility.
  *
- * @example
- *   import { Select } from "@/components/library";
- *   <Select>
- *     <Select.Trigger><Select.Value placeholder="Pick one" /></Select.Trigger>
- *     <Select.Popover>
- *       <Select.ListBox>
- *         <Select.Item id="a">Option A</Select.Item>
- *         <Select.Item id="b">Option B</Select.Item>
- *       </Select.ListBox>
- *     </Select.Popover>
- *   </Select>
+ * Translates shadcn API to HeroUI:
+ * - onValueChange -> onSelectionChange
+ * - value -> selectedKeys
  */
-export default function HeroUISelect(props: any): import("react/jsx-runtime").JSX.Element;
-export { Select };
-import { Select } from "@heroui/react";
+export function Select({ value, onValueChange, children, ...props }: {
+    [x: string]: any;
+    value: any;
+    onValueChange: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function SelectTrigger({ children, size, ...props }: {
+    [x: string]: any;
+    children: any;
+    size: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function SelectValue({ placeholder, ...props }: {
+    [x: string]: any;
+    placeholder: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function SelectContent({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function SelectItem({ value, children, ...props }: {
+    [x: string]: any;
+    value: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,23 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-import { Select as t } from "@heroui/react";
-import { Select as l } from "@heroui/react";
-function p(e) {
-  return /* @__PURE__ */ r(t, { ...e });
+import { Select as s } from "@heroui/react";
+function a({ value: e, onValueChange: t, children: o, ...n }) {
+  return /* @__PURE__ */ r(
+    s,
+    {
+      selectedKeys: e ? [e] : [],
+      onSelectionChange: (c) => {
+        const l = Array.from(c)[0];
+        t?.(l || "");
+      },
+      ...n,
+      children: o
+    }
+  );
 }
+const h = a;
 export {
-  l as Select,
-  p as default
+  h as Select,
+  a as default
 };
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/library/heroui/Select.jsx"],"sourcesContent":["import React from \"react\";\nimport { Select } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Select — compound component.\n *\n * Sub-components via dot notation on the named `Select` export:\n *   Select.Trigger, Select.Value, Select.Popover,\n *   Select.ListBox, Select.Item, Select.Section\n *\n * @example\n *   import { Select } from \"@/components/library\";\n *   <Select>\n *     <Select.Trigger><Select.Value placeholder=\"Pick one\" /></Select.Trigger>\n *     <Select.Popover>\n *       <Select.ListBox>\n *         <Select.Item id=\"a\">Option A</Select.Item>\n *         <Select.Item id=\"b\">Option B</Select.Item>\n *       </Select.ListBox>\n *     </Select.Popover>\n *   </Select>\n */\nexport default function HeroUISelect(props) {\n  return <Select {...props} />;\n}\n\nexport { Select };\n"],"names":["HeroUISelect","props","jsx","Select"],"mappings":";;;;AAsBA,SAAwBA,EAAaC,GAAO;AAC1C,SAAO,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,EAAA,CAAO;AAC5B;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/library/heroui/Select.jsx"],"sourcesContent":["import React from \"react\";\nimport { Select as HeroSelect } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Select wrapper with shadcn compatibility.\n *\n * Translates shadcn API to HeroUI:\n * - onValueChange -> onSelectionChange\n * - value -> selectedKeys\n */\nexport default function HeroUISelect({ value, onValueChange, children, ...props }) {\n  // Translate shadcn API to HeroUI API\n  const selectedKeys = value ? [value] : [];\n  const handleSelectionChange = (keys) => {\n    const selected = Array.from(keys)[0];\n    onValueChange?.(selected || \"\");\n  };\n\n  return (\n    <HeroSelect\n      selectedKeys={selectedKeys}\n      onSelectionChange={handleSelectionChange}\n      {...props}\n    >\n      {children}\n    </HeroSelect>\n  );\n}\n\n// For direct HeroUI usage\nexport const Select = HeroUISelect;\n\n// Shadcn-compatible subcomponents that just pass through children\nexport const SelectTrigger = ({ children, size, ...props }) => <>{children}</>;\nexport const SelectValue = ({ placeholder, ...props }) => <span {...props}>{placeholder}</span>;\nexport const SelectContent = ({ children, ...props }) => <>{children}</>;\nexport const SelectItem = ({ value, children, ...props }) => <HeroSelect.Item key={value} {...props}>{children}</HeroSelect.Item>;\n"],"names":["HeroUISelect","value","onValueChange","children","props","jsx","HeroSelect","keys","selected","Select"],"mappings":";;;AAUA,SAAwBA,EAAa,EAAE,OAAAC,GAAO,eAAAC,GAAe,UAAAC,GAAU,GAAGC,KAAS;AAQjF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cARiBL,IAAQ,CAACA,CAAK,IAAI,CAAA;AAAA,MASnC,mBAR0B,CAACM,MAAS;AACtC,cAAMC,IAAW,MAAM,KAAKD,CAAI,EAAE,CAAC;AACnC,QAAAL,IAAgBM,KAAY,EAAE;AAAA,MAChC;AAAA,MAMK,GAAGJ;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAMM,IAAST;"}

package/dist/components/library/index.js

@@ -2,13 +2,13 @@ import a from "react";
 import { default as M, useThemeMode as y } from "./theme/AppThemeProvider.js";
 import "react/jsx-runtime";
 import { Dialog as H, DialogClose as j, DialogContent as z, DialogDescription as F, DialogFooter as G, DialogHeader as K, DialogOverlay as O, DialogPortal as R, DialogTitle as U, DialogTrigger as V, default as $ } from "./heroui/Dialog.js";
-import { Breadcrumbs as A, Kbd as J, Pagination as Q, ScrollShadow as W, Select as X, Separator as Y, Skeleton as Z } from "@heroui/react";
+import { Breadcrumbs as A, Kbd as J, Pagination as Q, ScrollShadow as W, Separator as X, Skeleton as Y } from "@heroui/react";
 import "framer-motion";
 import "@heroicons/react/24/outline";
 import "d3";
-import { default as ee } from "./charts/GeoMap.js";
+import { default as _ } from "./charts/GeoMap.js";
 import "react-dom";
-import { default as ae, useDataMode as re } from "./data/DataModeProvider.js";
+import { default as te, useDataMode as ae } from "./data/DataModeProvider.js";
 import "@heroicons/react/24/solid";
 const g = ({ children: e, ...t }) => a.createElement("nav", { "aria-label": "breadcrumb", ...t }, e), u = ({ children: e, ...t }) => a.createElement("ol", { className: "flex flex-wrap items-center gap-1.5 break-words text-sm text-slate-500 dark:text-slate-400", ...t }, e), x = ({ children: e, ...t }) => a.createElement("li", { className: "inline-flex items-center gap-1.5", ...t }, e), E = ({ href: e, children: t, asChild: r, ...o }) => r ? a.createElement("span", o, t) : a.createElement("a", { href: e, className: "transition-colors hover:text-slate-900 dark:hover:text-slate-50", ...o }, t), b = ({ children: e, ...t }) => a.createElement("span", { role: "link", "aria-disabled": "true", "aria-current": "page", className: "font-normal text-slate-900 dark:text-slate-50", ...t }, e), f = ({ children: e, ...t }) => a.createElement("li", { role: "presentation", "aria-hidden": "true", ...t }, e ?? "/"), D = (e) => a.createElement("span", { role: "presentation", "aria-hidden": "true", ...e }, "..."), P = ({ children: e, ...t }) => a.createElement("ul", { className: "flex flex-row items-center gap-1", ...t }, e), v = ({ children: e, ...t }) => a.createElement("li", t, e), n = ({ href: e, isActive: t, children: r, ...o }) => a.createElement("a", { href: e, "aria-current": t ? "page" : void 0, className: `inline-flex items-center justify-center rounded-md text-sm font-medium h-9 min-w-9 px-4 py-2 ${t ? "bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900" : "hover:bg-slate-100 dark:hover:bg-slate-800"}`, ...o }, r), h = ({ href: e, ...t }) => a.createElement(n, { href: e, ...t }, "Previous"), k = ({ href: e, ...t }) => a.createElement(n, { href: e, ...t }, "Next"), S = (e) => a.createElement("span", { "aria-hidden": !0, ...e }, "..."), B = ({ children: e, size: t, ...r }) => a.createElement("button", r, e), N = ({ placeholder: e, ...t }) => a.createElement("span", t, e), w = ({ children: e, ...t }) => a.createElement("div", t, e), T = ({ children: e, ...t }) => a.createElement("div", t, e);
 export {
@@ -21,7 +21,7 @@ export {
   b as BreadcrumbPage,
   f as BreadcrumbSeparator,
   A as Breadcrumbs,
-  ae as DataModeProvider,
+  te as DataModeProvider,
   H as Dialog,
   j as DialogClose,
   z as DialogContent,
@@ -32,7 +32,7 @@ export {
   R as DialogPortal,
   U as DialogTitle,
   V as DialogTrigger,
-  ee as GeoMap,
+  _ as GeoMap,
   $ as HeroUIDialog,
   J as Kbd,
   Q as Pagination,
@@ -43,14 +43,13 @@ export {
   k as PaginationNext,
   h as PaginationPrevious,
   W as ScrollShadow,
-  X as Select,
   w as SelectContent,
   T as SelectItem,
   B as SelectTrigger,
   N as SelectValue,
-  Y as Separator,
-  Z as Skeleton,
-  re as useDataMode,
+  X as Separator,
+  Y as Skeleton,
+  ae as useDataMode,
   y as useThemeMode
 };
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

package/dist/index.js

@@ -52,37 +52,37 @@ import { default as Kr, Popover as Rr, PopoverContent as Gr, PopoverTrigger as V
 import { default as Nr } from "./components/library/heroui/ProgressBar.js";
 import { default as jr } from "./components/library/heroui/ProgressCircle.js";
 import { default as zr } from "./components/library/heroui/ScrollShadow.js";
-import { default as Qr } from "./components/library/heroui/Select.js";
-import { default as Yr } from "./components/library/heroui/Separator.js";
-import { default as _r } from "./components/library/heroui/Skeleton.js";
-import { default as eo } from "./components/library/heroui/Tabs.js";
-import { default as oo } from "./components/library/heroui/Toast.js";
-import { default as to } from "./components/library/heroui/Toggle.js";
-import { default as fo } from "./components/library/heroui/Tooltip.js";
-import { default as po } from "./components/library/ui/Label.js";
-import { default as uo } from "./components/library/cards/ListCard.js";
-import { default as xo } from "./components/library/cards/MetricCard.js";
-import { default as go } from "./components/library/cards/MetricsStrip.js";
-import { default as co } from "./components/library/layout/PageContainer.js";
-import { default as Uo } from "./components/library/filters/SearchFilter.js";
-import { default as Ho } from "./components/library/cards/SectionCard.js";
-import { default as So } from "./components/library/filters/SelectFilter.js";
-import { default as ho } from "./components/library/ui/Spinner.js";
-import { default as Fo } from "./components/library/cards/StatusCard.js";
-import { default as ko } from "./components/library/cards/TableCard.js";
-import { default as yo } from "./components/library/filters/ToggleFilter.js";
-import { default as vo } from "./components/library/ui/UIButton.js";
-import { Card as wo, CardContent as Eo, CardDescription as Ko, CardFooter as Ro, CardHeader as Go, CardTitle as Vo, default as Wo } from "./components/library/ui/Card.js";
-import { default as Oo } from "./components/library/ui/Chip.js";
-import { default as qo } from "./components/library/ui/Container.js";
-import { default as Jo } from "./components/library/ui/UIInput.js";
-import { default as Xo } from "./components/library/ui/Text.js";
-import { default as Zo } from "./components/library/cards/WidgetCard.js";
-import { default as $o } from "./components/library/chat/useChatState.js";
-import { default as ra } from "./components/library/data/useDataSource.js";
-import { default as aa } from "./components/library/forms/useFormState.js";
-import { default as la } from "./components/library/data/usePageFilters.js";
-import { Breadcrumbs as da, Kbd as sa, Pagination as pa, ScrollShadow as ma, Select as ua, Separator as ia, Skeleton as xa } from "@heroui/react";
+import { default as Qr, Select as Xr } from "./components/library/heroui/Select.js";
+import { default as Zr } from "./components/library/heroui/Separator.js";
+import { default as $r } from "./components/library/heroui/Skeleton.js";
+import { default as ro } from "./components/library/heroui/Tabs.js";
+import { default as ao } from "./components/library/heroui/Toast.js";
+import { default as lo } from "./components/library/heroui/Toggle.js";
+import { default as so } from "./components/library/heroui/Tooltip.js";
+import { default as mo } from "./components/library/ui/Label.js";
+import { default as io } from "./components/library/cards/ListCard.js";
+import { default as no } from "./components/library/cards/MetricCard.js";
+import { default as Co } from "./components/library/cards/MetricsStrip.js";
+import { default as Io } from "./components/library/layout/PageContainer.js";
+import { default as Do } from "./components/library/filters/SearchFilter.js";
+import { default as Po } from "./components/library/cards/SectionCard.js";
+import { default as To } from "./components/library/filters/SelectFilter.js";
+import { default as Bo } from "./components/library/ui/Spinner.js";
+import { default as bo } from "./components/library/cards/StatusCard.js";
+import { default as Mo } from "./components/library/cards/TableCard.js";
+import { default as Ao } from "./components/library/filters/ToggleFilter.js";
+import { default as Lo } from "./components/library/ui/UIButton.js";
+import { Card as Eo, CardContent as Ko, CardDescription as Ro, CardFooter as Go, CardHeader as Vo, CardTitle as Wo, default as No } from "./components/library/ui/Card.js";
+import { default as jo } from "./components/library/ui/Chip.js";
+import { default as zo } from "./components/library/ui/Container.js";
+import { default as Qo } from "./components/library/ui/UIInput.js";
+import { default as Yo } from "./components/library/ui/Text.js";
+import { default as _o } from "./components/library/cards/WidgetCard.js";
+import { default as ea } from "./components/library/chat/useChatState.js";
+import { default as oa } from "./components/library/data/useDataSource.js";
+import { default as ta } from "./components/library/forms/useFormState.js";
+import { default as fa } from "./components/library/data/usePageFilters.js";
+import { Breadcrumbs as sa, Kbd as pa, Pagination as ma, ScrollShadow as ua, Separator as ia, Skeleton as xa } from "@heroui/react";
 import { D3ChartTemplates as ga } from "./components/library/charts/D3ChartTemplates.js";
 import { applyFilters as ca, filterByDateRange as Ia, filterBySearch as Ua, filterByToggle as Da, filterByValue as Ha, sortByKey as Pa } from "./components/library/data/filterUtils.js";
 export {
@@ -102,15 +102,15 @@ export {
   s as BreadcrumbList,
   p as BreadcrumbPage,
   m as BreadcrumbSeparator,
-  da as Breadcrumbs,
+  sa as Breadcrumbs,
   R as CalloutCard,
-  wo as Card,
-  Eo as CardContent,
-  Ko as CardDescription,
-  Ro as CardFooter,
-  Go as CardHeader,
+  Eo as Card,
+  Ko as CardContent,
+  Ro as CardDescription,
+  Go as CardFooter,
+  Vo as CardHeader,
   V as CardSkeleton,
-  Vo as CardTitle,
+  Wo as CardTitle,
   N as ChartCard,
   j as ChatBar,
   z as ChatInput,
@@ -179,19 +179,19 @@ export {
   jr as HeroUIProgressCircle,
   zr as HeroUIScrollShadow,
   Qr as HeroUISelect,
-  Yr as HeroUISeparator,
-  _r as HeroUISkeleton,
-  eo as HeroUITabs,
-  oo as HeroUIToast,
-  to as HeroUIToggle,
-  fo as HeroUITooltip,
-  sa as Kbd,
-  po as Label,
-  uo as ListCard,
-  xo as MetricCard,
-  go as MetricsStrip,
-  co as PageContainer,
-  pa as Pagination,
+  Zr as HeroUISeparator,
+  $r as HeroUISkeleton,
+  ro as HeroUITabs,
+  ao as HeroUIToast,
+  lo as HeroUIToggle,
+  so as HeroUITooltip,
+  pa as Kbd,
+  mo as Label,
+  io as ListCard,
+  no as MetricCard,
+  Co as MetricsStrip,
+  Io as PageContainer,
+  ma as Pagination,
   u as PaginationContent,
   i as PaginationEllipsis,
   x as PaginationItem,
@@ -201,28 +201,28 @@ export {
   Rr as Popover,
   Gr as PopoverContent,
   Vr as PopoverTrigger,
-  ma as ScrollShadow,
-  Uo as SearchFilter,
-  Ho as SectionCard,
-  ua as Select,
+  ua as ScrollShadow,
+  Do as SearchFilter,
+  Po as SectionCard,
+  Xr as Select,
   c as SelectContent,
-  So as SelectFilter,
+  To as SelectFilter,
   I as SelectItem,
   U as SelectTrigger,
   D as SelectValue,
   ia as Separator,
   xa as Skeleton,
-  ho as Spinner,
-  Fo as StatusCard,
-  ko as TableCard,
-  yo as ToggleFilter,
-  vo as UIButton,
-  Wo as UICard,
-  Oo as UIChip,
-  qo as UIContainer,
-  Jo as UIInput,
-  Xo as UIText,
-  Zo as WidgetCard,
+  Bo as Spinner,
+  bo as StatusCard,
+  Mo as TableCard,
+  Ao as ToggleFilter,
+  Lo as UIButton,
+  No as UICard,
+  jo as UIChip,
+  zo as UIContainer,
+  Qo as UIInput,
+  Yo as UIText,
+  _o as WidgetCard,
   ca as applyFilters,
   o as cn,
   Ia as filterByDateRange,
@@ -230,11 +230,11 @@ export {
   Da as filterByToggle,
   Ha as filterByValue,
   Pa as sortByKey,
-  $o as useChatState,
+  ea as useChatState,
   xe as useDataMode,
-  ra as useDataSource,
-  aa as useFormState,
-  la as usePageFilters,
+  oa as useDataSource,
+  ta as useFormState,
+  fa as usePageFilters,
   A as useThemeMode
 };
 //# sourceMappingURL=index.js.map

package/package.json

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

package/src/templates/pages/NotFound.tsx.template

@@ -1,5 +1,5 @@
 import { useNavigate } from "react-router";
-import { Button } from '@schandlergarcia/sf-web-components';
+import { UIButton } from '@schandlergarcia/sf-web-components';
 
 export default function NotFound() {
 	const navigate = useNavigate();
@@ -12,7 +12,7 @@ export default function NotFound() {
 				<p className="text-lg text-slate-600 dark:text-slate-400 mb-8">
 					The page you're looking for doesn't exist.
 				</p>
-				<Button onClick={() => navigate("/")}>Go Home</Button>
+				<UIButton onClick={() => navigate("/")}>Go Home</UIButton>
 			</div>
 		</div>
 	);