@schandlergarcia/sf-web-components 1.5.0 → 1.7.0

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

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

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

@@ -1,5 +1,4 @@
 import { jsx as e } from "react/jsx-runtime";
-import "react";
 import { ProgressCircle as s } from "@heroui/react";
 import { ProgressCircle as l } from "@heroui/react";
 function f({ children: r, ...o }) {

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/library/heroui/ProgressCircle.jsx"],"sourcesContent":["import React from \"react\";\nimport { ProgressCircle } from \"@heroui/react\";\n\nexport default function HeroUIProgressCircle({ children, ...props }) {\n  return <ProgressCircle {...props}>{children}</ProgressCircle>;\n}\n\nexport { ProgressCircle };\n"],"names":["HeroUIProgressCircle","children","props","jsx","ProgressCircle"],"mappings":";;;;AAGA,SAAwBA,EAAqB,EAAE,UAAAC,GAAU,GAAGC,KAAS;AACnE,SAAO,gBAAAC,EAACC,GAAA,EAAgB,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AAC9C;"}
+{"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/library/heroui/ProgressCircle.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ProgressCircle } from \"@heroui/react\";\nimport type { ProgressCircleProps } from \"@heroui/react\";\n\nexport interface HeroUIProgressCircleProps extends ProgressCircleProps {\n  children?: ReactNode;\n}\n\nexport default function HeroUIProgressCircle({ children, ...props }: HeroUIProgressCircleProps) {\n  return <ProgressCircle {...props}>{children}</ProgressCircle>;\n}\n\nexport { ProgressCircle };\nexport type { ProgressCircleProps };\n"],"names":["HeroUIProgressCircle","children","props","jsx","ProgressCircle"],"mappings":";;;AAQA,SAAwBA,EAAqB,EAAE,UAAAC,GAAU,GAAGC,KAAoC;AAC9F,SAAO,gBAAAC,EAACC,GAAA,EAAgB,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AAC9C;"}

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

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

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

@@ -1,9 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { ScrollShadow as l } from "@heroui/react";
+import { jsx as l } from "react/jsx-runtime";
+import { ScrollShadow as t } from "@heroui/react";
 import { ScrollShadow as c } from "@heroui/react";
 function e({ children: o, ...r }) {
-  return /* @__PURE__ */ t(l, { ...r, children: o });
+  return /* @__PURE__ */ l(t, { ...r, children: o });
 }
 export {
   c as ScrollShadow,

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.js","sources":["../../../../src/components/library/heroui/ScrollShadow.jsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollShadow } from \"@heroui/react\";\n\nexport default function HeroUIScrollShadow({ children, ...props }) {\n  return <ScrollShadow {...props}>{children}</ScrollShadow>;\n}\n\nexport { ScrollShadow };\n"],"names":["HeroUIScrollShadow","children","props","jsx","ScrollShadow"],"mappings":";;;;AAGA,SAAwBA,EAAmB,EAAE,UAAAC,GAAU,GAAGC,KAAS;AACjE,SAAO,gBAAAC,EAACC,GAAA,EAAc,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AAC5C;"}
+{"version":3,"file":"ScrollShadow.js","sources":["../../../../src/components/library/heroui/ScrollShadow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { ScrollShadow } from \"@heroui/react\";\nimport type { ScrollShadowProps } from \"@heroui/react\";\n\nexport interface HeroUIScrollShadowProps extends ScrollShadowProps {\n  children?: ReactNode;\n}\n\nexport default function HeroUIScrollShadow({ children, ...props }: HeroUIScrollShadowProps) {\n  return <ScrollShadow {...props}>{children}</ScrollShadow>;\n}\n\nexport { ScrollShadow };\nexport type { ScrollShadowProps };\n"],"names":["HeroUIScrollShadow","children","props","jsx","ScrollShadow"],"mappings":";;;AAQA,SAAwBA,EAAmB,EAAE,UAAAC,GAAU,GAAGC,KAAkC;AAC1F,SAAO,gBAAAC,EAACC,GAAA,EAAc,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AAC5C;"}

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 /**
  * HeroUI v3 Select wrapper with shadcn compatibility.
  *
@@ -5,40 +6,33 @@
  * - 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.
- *
- * Translates shadcn API to HeroUI:
- * - onValueChange -> onSelectionChange
- * - value -> selectedKeys
- */
-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;
+export interface HeroUISelectProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export default function HeroUISelect({ value, onValueChange, children, ...props }: HeroUISelectProps): import("react/jsx-runtime").JSX.Element;
+export declare const Select: typeof HeroUISelect;
+export interface SelectTriggerProps {
+    children?: React.ReactNode;
+    size?: string;
+    [key: string]: any;
+}
+export declare const SelectTrigger: ({ children }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export interface SelectValueProps {
+    placeholder?: string;
+    [key: string]: any;
+}
+export declare const SelectValue: ({ placeholder }: SelectValueProps) => import("react/jsx-runtime").JSX.Element;
+export interface SelectContentProps {
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const SelectContent: ({ children }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
+export interface SelectItemProps {
+    value: string;
+    children?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const SelectItem: ({ value, children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import "react";
 import { Select as s } from "@heroui/react";
-function h({ value: e, onValueChange: t, children: o, ...n }) {
+function h({ value: e, onValueChange: t, children: n, ...o }) {
   return /* @__PURE__ */ l(
     s,
     {
@@ -10,8 +9,8 @@ function h({ value: e, onValueChange: t, children: o, ...n }) {
         const r = Array.from(c)[0];
         t?.(r || "");
       },
-      ...n,
-      children: o
+      ...o,
+      children: n
     }
   );
 }

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 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"],"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;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/library/heroui/Select.tsx"],"sourcesContent":["import * as 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 interface HeroUISelectProps {\n  value?: string;\n  onValueChange?: (value: string) => void;\n  children?: React.ReactNode;\n  [key: string]: any;\n}\n\nexport default function HeroUISelect({ value, onValueChange, children, ...props }: HeroUISelectProps) {\n  // Translate shadcn API to HeroUI API\n  const selectedKeys = value ? [value] : [];\n  const handleSelectionChange = (keys: any) => {\n    const selected = Array.from(keys)[0] as string;\n    onValueChange?.(selected || \"\");\n  };\n\n  const HeroSelectAny = HeroSelect as any;\n  return (\n    <HeroSelectAny\n      selectedKeys={selectedKeys}\n      onSelectionChange={handleSelectionChange}\n      {...props}\n    >\n      {children}\n    </HeroSelectAny>\n  );\n}\n\n// For direct HeroUI usage\nexport const Select = HeroUISelect;\n\n// Shadcn-compatible subcomponents that just pass through children\nexport interface SelectTriggerProps {\n  children?: React.ReactNode;\n  size?: string;\n  [key: string]: any;\n}\n\nexport const SelectTrigger = ({ children }: SelectTriggerProps) => <>{children}</>;\n\nexport interface SelectValueProps {\n  placeholder?: string;\n  [key: string]: any;\n}\n\nexport const SelectValue = ({ placeholder }: SelectValueProps) => <span>{placeholder}</span>;\n\nexport interface SelectContentProps {\n  children?: React.ReactNode;\n  [key: string]: any;\n}\n\nexport const SelectContent = ({ children }: SelectContentProps) => <>{children}</>;\n\nexport interface SelectItemProps {\n  value: string;\n  children?: React.ReactNode;\n  [key: string]: any;\n}\n\nexport const SelectItem = ({ value, children, ...props }: SelectItemProps) => {\n  const HeroSelectAny = HeroSelect as any;\n  return <HeroSelectAny.Item key={value} {...props}>{children}</HeroSelectAny.Item>;\n};\n"],"names":["HeroUISelect","value","onValueChange","children","props","jsx","HeroSelect","keys","selected"],"mappings":";;AAiBA,SAAwBA,EAAa,EAAE,OAAAC,GAAO,eAAAC,GAAe,UAAAC,GAAU,GAAGC,KAA4B;AASpG,SACE,gBAAAC;AAAA,IAFoBC;AAAAA,IAEnB;AAAA,MACC,cATiBL,IAAQ,CAACA,CAAK,IAAI,CAAA;AAAA,MAUnC,mBAT0B,CAACM,MAAc;AAC3C,cAAMC,IAAW,MAAM,KAAKD,CAAI,EAAE,CAAC;AACnC,QAAAL,IAAgBM,KAAY,EAAE;AAAA,MAChC;AAAA,MAOK,GAAGJ;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,3 +1,7 @@
-export default function HeroUISeparator(props: any): import("react/jsx-runtime").JSX.Element;
-export { Separator };
 import { Separator } from "@heroui/react";
+import type { SeparatorProps } from "@heroui/react";
+export interface HeroUISeparatorProps extends SeparatorProps {
+}
+export default function HeroUISeparator(props: HeroUISeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { Separator };
+export type { SeparatorProps };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../../src/components/library/heroui/Separator.jsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@heroui/react\";\n\nexport default function HeroUISeparator(props) {\n  return <Separator {...props} />;\n}\n\nexport { Separator };\n"],"names":["HeroUISeparator","props","jsx","Separator"],"mappings":";;;;AAGA,SAAwBA,EAAgBC,GAAO;AAC7C,SAAO,gBAAAC,EAACC,GAAA,EAAW,GAAGF,EAAA,CAAO;AAC/B;"}
+{"version":3,"file":"Separator.js","sources":["../../../../src/components/library/heroui/Separator.tsx"],"sourcesContent":["import { Separator } from \"@heroui/react\";\nimport type { SeparatorProps } from \"@heroui/react\";\n\nexport interface HeroUISeparatorProps extends SeparatorProps {}\n\nexport default function HeroUISeparator(props: HeroUISeparatorProps) {\n  return <Separator {...props} />;\n}\n\nexport { Separator };\nexport type { SeparatorProps };\n"],"names":["HeroUISeparator","props","jsx","Separator"],"mappings":";;;AAKA,SAAwBA,EAAgBC,GAA6B;AACnE,SAAO,gBAAAC,EAACC,GAAA,EAAW,GAAGF,EAAA,CAAO;AAC/B;"}

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

@@ -1,3 +1,4 @@
+import { Tabs } from "@heroui/react";
 /**
  * HeroUI v3 Tabs — compound component.
  *
@@ -16,9 +17,9 @@
  *     <Tabs.Panel id="analytics">…</Tabs.Panel>
  *   </Tabs>
  */
-export default function HeroUITabs({ variant, ...props }: {
-    [x: string]: any;
-    variant?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+export interface HeroUITabsProps {
+    variant?: string;
+    [key: string]: any;
+}
+export default function HeroUITabs({ variant, ...props }: HeroUITabsProps): import("react/jsx-runtime").JSX.Element;
 export { Tabs };
-import { Tabs } from "@heroui/react";

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

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.5.0",
+  "version": "1.7.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/{Accordion.jsx → Accordion.tsx}

@@ -1,4 +1,3 @@
-import React from "react";
 import { Accordion } from "@heroui/react";
 
 /**
@@ -19,8 +18,14 @@ import { Accordion } from "@heroui/react";
  *     </Accordion.Item>
  *   </Accordion>
  */
-export default function HeroUIAccordion({ variant = "default", ...props }) {
-  return <Accordion variant={variant} {...props} />;
+export interface HeroUIAccordionProps {
+  variant?: string;
+  [key: string]: any;
+}
+
+export default function HeroUIAccordion({ variant = "default", ...props }: HeroUIAccordionProps) {
+  const AccordionAny = Accordion as any;
+  return <AccordionAny variant={variant} {...props} />;
 }
 
 export { Accordion };

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 };

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { Breadcrumbs } from "@heroui/react";
 
 /**
@@ -15,7 +14,11 @@ import { Breadcrumbs } from "@heroui/react";
  *     <Breadcrumbs.Item>Profile</Breadcrumbs.Item>
  *   </Breadcrumbs>
  */
-export default function HeroUIBreadcrumbs(props) {
+export interface HeroUIBreadcrumbsProps {
+  [key: string]: any;
+}
+
+export default function HeroUIBreadcrumbs(props: HeroUIBreadcrumbsProps) {
   return <Breadcrumbs {...props} />;
 }
 

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type { ReactNode } from "react";
 import { Button as HeroButton } from "@heroui/react";
 
 /**
@@ -9,6 +9,21 @@ import { Button as HeroButton } from "@heroui/react";
  * - outline -> bordered
  * - ghost -> light
  */
+
+type ShadcnVariant = "primary" | "secondary" | "destructive" | "outline" | "ghost";
+
+export interface HeroUIButtonProps {
+  variant?: ShadcnVariant;
+  size?: "sm" | "md" | "lg";
+  fullWidth?: boolean;
+  onClick?: () => void;
+  children?: ReactNode;
+  className?: string;
+  disabled?: boolean;
+  type?: "button" | "submit" | "reset";
+  [key: string]: any;
+}
+
 export default function HeroUIButton({
   variant = "primary",
   size = "md",
@@ -17,9 +32,9 @@ export default function HeroUIButton({
   children,
   className = "",
   ...props
-}) {
+}: HeroUIButtonProps) {
   // Map shadcn variants to HeroUI variants
-  const variantMap = {
+  const variantMap: Record<ShadcnVariant, string> = {
     primary: "solid",
     secondary: "solid",
     destructive: "solid",
@@ -28,7 +43,7 @@ export default function HeroUIButton({
   };
 
   // Map shadcn variants to HeroUI colors
-  const colorMap = {
+  const colorMap: Record<ShadcnVariant, string> = {
     primary: "primary",
     secondary: "default",
     destructive: "danger",
@@ -36,11 +51,13 @@ export default function HeroUIButton({
     ghost: "default"
   };
 
-  const heroVariant = variantMap[variant] || "solid";
-  const heroColor = colorMap[variant] || "primary";
+  const heroVariant = variantMap[variant];
+  const heroColor = colorMap[variant];
+
+  const HeroButtonAny = HeroButton as any;
 
   return (
-    <HeroButton
+    <HeroButtonAny
       variant={heroVariant}
       color={heroColor}
       size={size}
@@ -50,9 +67,10 @@ export default function HeroUIButton({
       {...props}
     >
       {children}
-    </HeroButton>
+    </HeroButtonAny>
   );
 }
 
 // Also export as Button for shadcn compatibility
 export const Button = HeroUIButton;
+

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

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

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

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { Accordion } from "@heroui/react";
+
+/**
+ * HeroUI v3 Collapsible — maps to Accordion for shadcn compatibility.
+ *
+ * @example
+ *   import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@/components/library";
+ *   <Collapsible open={isOpen} onOpenChange={setIsOpen}>
+ *     <CollapsibleTrigger>Toggle</CollapsibleTrigger>
+ *     <CollapsibleContent>Content</CollapsibleContent>
+ *   </Collapsible>
+ */
+export interface HeroUICollapsibleProps {
+  open?: boolean;
+  onOpenChange?: (isOpen: boolean) => void;
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export default function HeroUICollapsible({ open, onOpenChange, children, ...props }: HeroUICollapsibleProps) {
+  // Map shadcn props to HeroUI Accordion
+  const selectedKeys = open ? ["item"] : [];
+  const AccordionAny = Accordion as any;
+
+  return (
+    <AccordionAny
+      selectedKeys={selectedKeys}
+      onSelectionChange={(keys: any) => {
+        const isOpen = Array.from(keys).includes("item");
+        onOpenChange?.(isOpen);
+      }}
+      {...props}
+    >
+      <AccordionAny.Item key="item" aria-label="Collapsible content">
+        {children}
+      </AccordionAny.Item>
+    </AccordionAny>
+  );
+}
+
+export const Collapsible = HeroUICollapsible;
+
+export interface CollapsibleTriggerProps {
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const CollapsibleTrigger = ({ children, ...props }: CollapsibleTriggerProps) => {
+  const AccordionAny = Accordion as any;
+  return <AccordionAny.Trigger {...props}>{children}</AccordionAny.Trigger>;
+};
+
+export interface CollapsibleContentProps {
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export const CollapsibleContent = ({ children, ...props }: CollapsibleContentProps) => {
+  const AccordionAny = Accordion as any;
+  return <AccordionAny.Panel {...props}>{children}</AccordionAny.Panel>;
+};

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

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Popover, PopoverTrigger, PopoverContent } from "./Popover";
 
 /**
@@ -16,19 +16,43 @@ import { Popover, PopoverTrigger, PopoverContent } from "./Popover";
  *     </DatePickerContent>
  *   </DatePicker>
  */
-export default function HeroUIDatePicker({ children, ...props }) {
+export interface HeroUIDatePickerProps {
+  children?: React.ReactNode;
+  [key: string]: any;
+}
+
+export default function HeroUIDatePicker({ children, ...props }: HeroUIDatePickerProps) {
   return <Popover {...props}>{children}</Popover>;
 }
 
 export const DatePicker = HeroUIDatePicker;
-export const DatePickerTrigger = ({ children, date, dateFormat, placeholder, className = "", ...props }) => {
+
+export interface DatePickerTriggerProps {
+  children?: React.ReactNode;
+  date?: Date;
+  dateFormat?: string;
+  placeholder?: string;
+  className?: string;
+  [key: string]: any;
+}
+
+export const DatePickerTrigger = ({ children, date, dateFormat, placeholder, className = "", ...props }: DatePickerTriggerProps) => {
   // Accept shadcn DatePicker props but just pass through as trigger
   return <PopoverTrigger {...props}>{children}</PopoverTrigger>;
 };
+
 export const DatePickerContent = PopoverContent;
-export const DatePickerCalendar = ({ date, onSelect, ...props }) => (
+
+export interface DatePickerCalendarProps {
+  date?: Date;
+  onSelect?: (date: Date) => void;
+  [key: string]: any;
+}
+
+export const DatePickerCalendar = ({ date, onSelect, ...props }: DatePickerCalendarProps) => (
   <div className="p-4" {...props}>
     <p className="text-sm text-slate-500">Calendar placeholder - integrate react-day-picker here</p>
   </div>
 );
+
 export const DatePickerRangeTrigger = DatePickerTrigger;