@schandlergarcia/sf-web-components 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/library/heroui/Button.d.ts +30 -2
  2. package/dist/components/library/heroui/Button.js +37 -10
  3. package/dist/components/library/heroui/Button.js.map +1 -1
  4. package/dist/components/library/index.d.ts +1 -1
  5. package/dist/components/library/index.js.map +1 -1
  6. package/dist/components/library/ui/UIButton.js +14 -12
  7. package/dist/components/library/ui/UIButton.js.map +1 -1
  8. package/dist/index.js +147 -146
  9. package/package.json +1 -1
  10. package/src/templates/pages/NotFound.tsx.template +2 -2
package/dist/components/library/heroui/Button.d.ts CHANGED
@@ -1,6 +1,34 @@
1
- export default function HeroUIButton({ tone, size, fullWidth, ...props }: {
1
+ /**
2
+ * HeroUI v3 Button wrapper with shadcn compatibility.
3
+ *
4
+ * Maps shadcn variants to HeroUI:
5
+ * - primary/secondary/destructive -> solid
6
+ * - outline -> bordered
7
+ * - ghost -> light
8
+ */
9
+ export default function HeroUIButton({ variant, size, fullWidth, onClick, children, className, ...props }: {
2
10
  [x: string]: any;
3
- tone?: string | undefined;
11
+ variant?: string | undefined;
4
12
  size?: string | undefined;
5
13
  fullWidth: any;
14
+ onClick: any;
15
+ children: any;
16
+ className?: string | undefined;
17
+ }): import("react/jsx-runtime").JSX.Element;
18
+ /**
19
+ * HeroUI v3 Button wrapper with shadcn compatibility.
20
+ *
21
+ * Maps shadcn variants to HeroUI:
22
+ * - primary/secondary/destructive -> solid
23
+ * - outline -> bordered
24
+ * - ghost -> light
25
+ */
26
+ export function Button({ variant, size, fullWidth, onClick, children, className, ...props }: {
27
+ [x: string]: any;
28
+ variant?: string | undefined;
29
+ size?: string | undefined;
30
+ fullWidth: any;
31
+ onClick: any;
32
+ children: any;
33
+ className?: string | undefined;
6
34
  }): import("react/jsx-runtime").JSX.Element;
package/dist/components/library/heroui/Button.js CHANGED
@@ -1,18 +1,45 @@
1
- import { jsx as i } from "react/jsx-runtime";
1
+ import { jsx as c } from "react/jsx-runtime";
2
2
  import "react";
3
- import { Button as n } from "@heroui/react";
4
- function e({ tone: r = "primary", size: t = "md", fullWidth: o, ...m }) {
5
- return /* @__PURE__ */ i(
6
- n,
3
+ import { Button as m } from "@heroui/react";
4
+ function p({
5
+ variant: o = "primary",
6
+ size: r = "md",
7
+ fullWidth: t,
8
+ onClick: e,
9
+ children: a,
10
+ className: i = "",
11
+ ...n
12
+ }) {
13
+ const s = {
14
+ primary: "solid",
15
+ secondary: "solid",
16
+ destructive: "solid",
17
+ outline: "bordered",
18
+ ghost: "light"
19
+ }, d = {
20
+ primary: "primary",
21
+ secondary: "default",
22
+ destructive: "danger",
23
+ outline: "default",
24
+ ghost: "default"
25
+ }, l = s[o] || "solid", u = d[o] || "primary";
26
+ return /* @__PURE__ */ c(
27
+ m,
7
28
  {
8
- variant: r,
9
- size: t,
10
- fullWidth: o,
11
- ...m
29
+ variant: l,
30
+ color: u,
31
+ size: r,
32
+ fullWidth: t,
33
+ onPress: e,
34
+ className: i,
35
+ ...n,
36
+ children: a
12
37
  }
13
38
  );
14
39
  }
40
+ const g = p;
15
41
  export {
16
- e as default
42
+ g as Button,
43
+ p as default
17
44
  };
18
45
  //# sourceMappingURL=Button.js.map
package/dist/components/library/heroui/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../src/components/library/heroui/Button.jsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@heroui/react\";\n\nexport default function HeroUIButton({ tone = \"primary\", size = \"md\", fullWidth, ...props }) {\n return (\n <Button\n variant={tone}\n size={size}\n fullWidth={fullWidth}\n {...props}\n />\n );\n}\n"],"names":["HeroUIButton","tone","size","fullWidth","props","jsx","Button"],"mappings":";;;AAGA,SAAwBA,EAAa,EAAE,MAAAC,IAAO,WAAW,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,KAAS;AAC3F,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,MAAAC;AAAA,MACA,WAAAC;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"Button.js","sources":["../../../../src/components/library/heroui/Button.jsx"],"sourcesContent":["import React from \"react\";\nimport { Button as HeroButton } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Button wrapper with shadcn compatibility.\n *\n * Maps shadcn variants to HeroUI:\n * - primary/secondary/destructive -> solid\n * - outline -> bordered\n * - ghost -> light\n */\nexport default function HeroUIButton({\n variant = \"primary\",\n size = \"md\",\n fullWidth,\n onClick,\n children,\n className = \"\",\n ...props\n}) {\n // Map shadcn variants to HeroUI variants\n const variantMap = {\n primary: \"solid\",\n secondary: \"solid\",\n destructive: \"solid\",\n outline: \"bordered\",\n ghost: \"light\"\n };\n\n // Map shadcn variants to HeroUI colors\n const colorMap = {\n primary: \"primary\",\n secondary: \"default\",\n destructive: \"danger\",\n outline: \"default\",\n ghost: \"default\"\n };\n\n const heroVariant = variantMap[variant] || \"solid\";\n const heroColor = colorMap[variant] || \"primary\";\n\n return (\n <HeroButton\n variant={heroVariant}\n color={heroColor}\n size={size}\n fullWidth={fullWidth}\n onPress={onClick}\n className={className}\n {...props}\n >\n {children}\n </HeroButton>\n );\n}\n\n// Also export as Button for shadcn compatibility\nexport const Button = HeroUIButton;\n"],"names":["HeroUIButton","variant","size","fullWidth","onClick","children","className","props","variantMap","colorMap","heroVariant","heroColor","jsx","HeroButton","Button"],"mappings":";;;AAWA,SAAwBA,EAAa;AAAA,EACnC,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AAED,QAAMC,IAAa;AAAA,IACjB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GAIHC,IAAW;AAAA,IACf,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GAGHC,IAAcF,EAAWP,CAAO,KAAK,SACrCU,IAAYF,EAASR,CAAO,KAAK;AAEvC,SACE,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAASH;AAAA,MACT,OAAOC;AAAA,MACP,MAAAT;AAAA,MACA,WAAAC;AAAA,MACA,SAASC;AAAA,MACT,WAAAE;AAAA,MACC,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAMS,IAASd;"}
package/dist/components/library/index.d.ts CHANGED
@@ -30,7 +30,6 @@ export { default as CardSkeleton } from "./skeletons/CardSkeleton";
30
30
  export { default as DataModeToggle } from "./data/DataModeToggle";
31
31
  export { default as useDataSource } from "./data/useDataSource";
32
32
  export { default as usePageFilters } from "./data/usePageFilters";
33
- export { default as HeroUIButton } from "./heroui/Button";
34
33
  export { default as HeroUIInput } from "./heroui/Input";
35
34
  export { default as HeroUICard } from "./heroui/Card";
36
35
  export { default as HeroUIToggle } from "./heroui/Toggle";
@@ -162,6 +161,7 @@ export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
162
161
  export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";
163
162
  export { filterBySearch, filterByValue, filterByToggle, filterByDateRange, sortByKey, applyFilters } from "./data/filterUtils";
164
163
  export { ChatPanel, ChatBar, ChatMessageList, ChatMessage, ChatInput, ChatTypingIndicator, ChatSuggestions, ChatToolCall, ChatWelcome, useChatState } from "./chat";
164
+ export { default as HeroUIButton, Button } from "./heroui/Button";
165
165
  export { default as HeroUIBreadcrumbs, Breadcrumbs } from "./heroui/Breadcrumbs";
166
166
  export { default as HeroUISeparator, Separator } from "./heroui/Separator";
167
167
  export { default as HeroUIPagination, Pagination } from "./heroui/Pagination";
package/dist/components/library/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/library/index.jsx"],"sourcesContent":["import React from 'react';\n\nexport { default as AppThemeProvider, useThemeMode } from \"./theme/AppThemeProvider\";\n\n// UI primitives\nexport { default as UIButton } from \"./ui/UIButton\";\nexport { default as UIInput } from \"./ui/UIInput\";\nexport { default as UIText } from \"./ui/Text\";\nexport { default as UIContainer } from \"./ui/Container\";\nexport { default as UIChip } from \"./ui/Chip\";\nexport { default as Avatar } from \"./ui/Avatar\";\nexport { default as EmptyState } from \"./ui/EmptyState\";\nexport { default as Spinner } from \"./ui/Spinner\";\nexport { default as Label } from \"./ui/Label\";\nexport { default as Checkbox } from \"./ui/Checkbox\";\nexport { default as FieldGroup } from \"./ui/FieldGroup\";\n\n// shadcn-compatible Card with subcomponents\nexport { default as UICard, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from \"./ui/Card\";\n\n// shadcn-compatible Alert with subcomponents\nexport { default as Alert, AlertTitle, AlertDescription, AlertAction } from \"./ui/Alert\";\n\n// shadcn-compatible components from heroui/ (HeroUI-based)\nexport { default as HeroUIDialog, Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from \"./heroui/Dialog\";\nexport { default as HeroUIField, Field, FieldLabel, FieldDescription, FieldError } from \"./heroui/Field\";\nexport { default as HeroUICollapsible, Collapsible, CollapsibleTrigger, CollapsibleContent } from \"./heroui/Collapsible\";\nexport { default as HeroUIPopover, Popover, PopoverTrigger, PopoverContent } from \"./heroui/Popover\";\nexport { default as HeroUIDatePicker, DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger } from \"./heroui/DatePicker\";\n\n// Cards\nexport { default as BaseCard } from \"./cards/BaseCard\";\nexport { default as ChartCard } from \"./cards/ChartCard\";\nexport { default as ListCard } from \"./cards/ListCard\";\nexport { default as MetricCard } from \"./cards/MetricCard\";\nexport { default as SectionCard } from \"./cards/SectionCard\";\nexport { default as StatusCard } from \"./cards/StatusCard\";\nexport { default as TableCard } from \"./cards/TableCard\";\nexport { default as WidgetCard } from \"./cards/WidgetCard\";\nexport { default as FeedPanel } from \"./cards/FeedPanel\";\nexport { default as ActivityCard } from \"./cards/ActivityCard\";\nexport { default as MetricsStrip } from \"./cards/MetricsStrip\";\nexport { default as CalloutCard } from \"./cards/CalloutCard\";\nexport { default as ActionList } from \"./cards/ActionList\";\n\n// Charts\nexport { default as D3Chart } from \"./charts/D3Chart\";\nexport { D3ChartTemplates } from \"./charts/D3ChartTemplates\";\nexport { default as GeoMap } from \"./charts/GeoMap\";\n\n// Layout\nexport { default as PageContainer } from \"./layout/PageContainer\";\n\n// Skeletons\nexport { default as CardSkeleton } from \"./skeletons/CardSkeleton\";\n\n// Forms\nexport { FormModal, FormRenderer, FormSection, FormField, useFormState } from \"./forms\";\n\n// Filters\nexport { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from \"./filters\";\n\n// Data mode\nexport { default as DataModeProvider, useDataMode } from \"./data/DataModeProvider\";\nexport { default as DataModeToggle } from \"./data/DataModeToggle\";\nexport { default as useDataSource } from \"./data/useDataSource\";\n\n// Data utilities\nexport { default as usePageFilters } from \"./data/usePageFilters\";\nexport {\n filterBySearch,\n filterByValue,\n filterByToggle,\n filterByDateRange,\n sortByKey,\n applyFilters,\n} from \"./data/filterUtils\";\n\n// Chat / AI agent\nexport {\n ChatPanel,\n ChatBar,\n ChatMessageList,\n ChatMessage,\n ChatInput,\n ChatTypingIndicator,\n ChatSuggestions,\n ChatToolCall,\n ChatWelcome,\n useChatState,\n} from \"./chat\";\n\n// HeroUI wrappers — existing\nexport { default as HeroUIButton } from \"./heroui/Button\";\nexport { default as HeroUIInput } from \"./heroui/Input\";\nexport { default as HeroUICard } from \"./heroui/Card\";\nexport { default as HeroUIToggle } from \"./heroui/Toggle\";\n\n// HeroUI wrappers — navigation & layout\nexport { default as HeroUITabs } from \"./heroui/Tabs\";\nexport { default as HeroUIAccordion } from \"./heroui/Accordion\";\nexport { default as HeroUIBreadcrumbs, Breadcrumbs } from \"./heroui/Breadcrumbs\";\nexport { default as HeroUISeparator, Separator } from \"./heroui/Separator\";\nexport { default as HeroUIPagination, Pagination } from \"./heroui/Pagination\";\n\n// Breadcrumb subcomponents for shadcn compatibility\nexport const Breadcrumb = ({ children, ...props }) => React.createElement('nav', { 'aria-label': 'breadcrumb', ...props }, children);\nexport const BreadcrumbList = ({ children, ...props }) => React.createElement('ol', { className: 'flex flex-wrap items-center gap-1.5 break-words text-sm text-slate-500 dark:text-slate-400', ...props }, children);\nexport const BreadcrumbItem = ({ children, ...props }) => React.createElement('li', { className: 'inline-flex items-center gap-1.5', ...props }, children);\nexport const BreadcrumbLink = ({ href, children, asChild, ...props }) => asChild ? React.createElement('span', props, children) : React.createElement('a', { href, className: 'transition-colors hover:text-slate-900 dark:hover:text-slate-50', ...props }, children);\nexport const BreadcrumbPage = ({ children, ...props }) => React.createElement('span', { role: 'link', 'aria-disabled': 'true', 'aria-current': 'page', className: 'font-normal text-slate-900 dark:text-slate-50', ...props }, children);\nexport const BreadcrumbSeparator = ({ children, ...props }) => React.createElement('li', { role: 'presentation', 'aria-hidden': 'true', ...props }, children ?? '/');\nexport const BreadcrumbEllipsis = (props) => React.createElement('span', { role: 'presentation', 'aria-hidden': 'true', ...props }, '...');\n\n// Pagination subcomponents for shadcn compatibility\nexport const PaginationContent = ({ children, ...props }) => React.createElement('ul', { className: 'flex flex-row items-center gap-1', ...props }, children);\nexport const PaginationItem = ({ children, ...props }) => React.createElement('li', props, children);\nexport const PaginationLink = ({ href, isActive, children, ...props }) => React.createElement('a', { href, 'aria-current': isActive ? 'page' : undefined, className: `inline-flex items-center justify-center rounded-md text-sm font-medium h-9 min-w-9 px-4 py-2 ${isActive ? 'bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900' : 'hover:bg-slate-100 dark:hover:bg-slate-800'}`, ...props }, children);\nexport const PaginationPrevious = ({ href, ...props }) => React.createElement(PaginationLink, { href, ...props }, 'Previous');\nexport const PaginationNext = ({ href, ...props }) => React.createElement(PaginationLink, { href, ...props }, 'Next');\nexport const PaginationEllipsis = (props) => React.createElement('span', { 'aria-hidden': true, ...props }, '...');\n\n// HeroUI wrappers — overlays\nexport { default as HeroUIDrawer } from \"./heroui/Drawer\";\nexport { default as HeroUIModal } from \"./heroui/Modal\";\nexport { default as HeroUIDropdown } from \"./heroui/Dropdown\";\nexport { default as HeroUITooltip } from \"./heroui/Tooltip\";\nexport { default as HeroUIToast } from \"./heroui/Toast\";\n\n// HeroUI wrappers — feedback\nexport { default as HeroUIAlert } from \"./heroui/Alert\";\nexport { default as HeroUIBadge } from \"./heroui/Badge\";\nexport { default as HeroUIProgressBar } from \"./heroui/ProgressBar\";\nexport { default as HeroUIProgressCircle } from \"./heroui/ProgressCircle\";\nexport { default as HeroUIMeter } from \"./heroui/Meter\";\nexport { default as HeroUISkeleton, Skeleton } from \"./heroui/Skeleton\";\n\n// HeroUI wrappers — pickers & forms\nexport { default as HeroUISelect, Select } from \"./heroui/Select\";\n\n// Re-export Select subcomponents for shadcn compatibility\nexport const SelectTrigger = ({ children, size, ...props }) => React.createElement('button', props, children);\nexport const SelectValue = ({ placeholder, ...props }) => React.createElement('span', props, placeholder);\nexport const SelectContent = ({ children, ...props }) => React.createElement('div', props, children);\nexport const SelectItem = ({ children, ...props }) => React.createElement('div', props, children);\n\n// HeroUI wrappers — utilities\nexport { default as HeroUIKbd, Kbd } from \"./heroui/Kbd\";\nexport { default as HeroUIScrollShadow, ScrollShadow } from \"./heroui/ScrollShadow\";\n"],"names":["Breadcrumb","children","props","React","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","href","asChild","BreadcrumbPage","BreadcrumbSeparator","BreadcrumbEllipsis","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","PaginationNext","PaginationEllipsis","SelectTrigger","size","SelectValue","placeholder","SelectContent","SelectItem"],"mappings":";;;;;;;;;;;;AA0GO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAYC,EAAM,cAAc,OAAO,EAAE,cAAc,cAAc,GAAGD,EAAA,GAASD,CAAQ,GACtHG,IAAiB,CAAC,EAAE,UAAAH,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,8FAA8F,GAAGD,EAAA,GAASD,CAAQ,GACtMI,IAAiB,CAAC,EAAE,UAAAJ,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,oCAAoC,GAAGD,EAAA,GAASD,CAAQ,GAC5IK,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAN,GAAU,SAAAO,GAAS,GAAGN,EAAA,MAAYM,IAAUL,EAAM,cAAc,QAAQD,GAAOD,CAAQ,IAAIE,EAAM,cAAc,KAAK,EAAE,MAAAI,GAAM,WAAW,mEAAmE,GAAGL,EAAA,GAASD,CAAQ,GACxPQ,IAAiB,CAAC,EAAE,UAAAR,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,QAAQ,EAAE,MAAM,QAAQ,iBAAiB,QAAQ,gBAAgB,QAAQ,WAAW,iDAAiD,GAAGD,EAAA,GAASD,CAAQ,GAC1NS,IAAsB,CAAC,EAAE,UAAAT,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,MAAM,EAAE,MAAM,gBAAgB,eAAe,QAAQ,GAAGD,EAAA,GAASD,KAAY,GAAG,GACtJU,IAAqB,CAACT,MAAUC,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,eAAe,QAAQ,GAAGD,EAAA,GAAS,KAAK,GAG5HU,IAAoB,CAAC,EAAE,UAAAX,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,oCAAoC,GAAGD,EAAA,GAASD,CAAQ,GAC/IY,IAAiB,CAAC,EAAE,UAAAZ,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,MAAMD,GAAOD,CAAQ,GACtFa,IAAiB,CAAC,EAAE,MAAAP,GAAM,UAAAQ,GAAU,UAAAd,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,KAAK,EAAE,MAAAI,GAAM,gBAAgBQ,IAAW,SAAS,QAAW,WAAW,gGAAgGA,IAAW,iEAAiE,4CAA4C,IAAI,GAAGb,EAAA,GAASD,CAAQ,GACxYe,IAAqB,CAAC,EAAE,MAAAT,GAAM,GAAGL,EAAA,MAAYC,EAAM,cAAcW,GAAgB,EAAE,MAAAP,GAAM,GAAGL,EAAA,GAAS,UAAU,GAC/Ge,IAAiB,CAAC,EAAE,MAAAV,GAAM,GAAGL,EAAA,MAAYC,EAAM,cAAcW,GAAgB,EAAE,MAAAP,GAAM,GAAGL,EAAA,GAAS,MAAM,GACvGgB,IAAqB,CAAChB,MAAUC,EAAM,cAAc,QAAQ,EAAE,eAAe,IAAM,GAAGD,EAAA,GAAS,KAAK,GAqBpGiB,IAAgB,CAAC,EAAE,UAAAlB,GAAU,MAAAmB,GAAM,GAAGlB,QAAYC,EAAM,cAAc,UAAUD,GAAOD,CAAQ,GAC/FoB,IAAc,CAAC,EAAE,aAAAC,GAAa,GAAGpB,EAAA,MAAYC,EAAM,cAAc,QAAQD,GAAOoB,CAAW,GAC3FC,IAAgB,CAAC,EAAE,UAAAtB,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,OAAOD,GAAOD,CAAQ,GACtFuB,IAAa,CAAC,EAAE,UAAAvB,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,OAAOD,GAAOD,CAAQ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/library/index.jsx"],"sourcesContent":["import React from 'react';\n\nexport { default as AppThemeProvider, useThemeMode } from \"./theme/AppThemeProvider\";\n\n// UI primitives\nexport { default as UIButton } from \"./ui/UIButton\";\nexport { default as UIInput } from \"./ui/UIInput\";\nexport { default as UIText } from \"./ui/Text\";\nexport { default as UIContainer } from \"./ui/Container\";\nexport { default as UIChip } from \"./ui/Chip\";\nexport { default as Avatar } from \"./ui/Avatar\";\nexport { default as EmptyState } from \"./ui/EmptyState\";\nexport { default as Spinner } from \"./ui/Spinner\";\nexport { default as Label } from \"./ui/Label\";\nexport { default as Checkbox } from \"./ui/Checkbox\";\nexport { default as FieldGroup } from \"./ui/FieldGroup\";\n\n// shadcn-compatible Card with subcomponents\nexport { default as UICard, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from \"./ui/Card\";\n\n// shadcn-compatible Alert with subcomponents\nexport { default as Alert, AlertTitle, AlertDescription, AlertAction } from \"./ui/Alert\";\n\n// shadcn-compatible components from heroui/ (HeroUI-based)\nexport { default as HeroUIDialog, Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from \"./heroui/Dialog\";\nexport { default as HeroUIField, Field, FieldLabel, FieldDescription, FieldError } from \"./heroui/Field\";\nexport { default as HeroUICollapsible, Collapsible, CollapsibleTrigger, CollapsibleContent } from \"./heroui/Collapsible\";\nexport { default as HeroUIPopover, Popover, PopoverTrigger, PopoverContent } from \"./heroui/Popover\";\nexport { default as HeroUIDatePicker, DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger } from \"./heroui/DatePicker\";\n\n// Cards\nexport { default as BaseCard } from \"./cards/BaseCard\";\nexport { default as ChartCard } from \"./cards/ChartCard\";\nexport { default as ListCard } from \"./cards/ListCard\";\nexport { default as MetricCard } from \"./cards/MetricCard\";\nexport { default as SectionCard } from \"./cards/SectionCard\";\nexport { default as StatusCard } from \"./cards/StatusCard\";\nexport { default as TableCard } from \"./cards/TableCard\";\nexport { default as WidgetCard } from \"./cards/WidgetCard\";\nexport { default as FeedPanel } from \"./cards/FeedPanel\";\nexport { default as ActivityCard } from \"./cards/ActivityCard\";\nexport { default as MetricsStrip } from \"./cards/MetricsStrip\";\nexport { default as CalloutCard } from \"./cards/CalloutCard\";\nexport { default as ActionList } from \"./cards/ActionList\";\n\n// Charts\nexport { default as D3Chart } from \"./charts/D3Chart\";\nexport { D3ChartTemplates } from \"./charts/D3ChartTemplates\";\nexport { default as GeoMap } from \"./charts/GeoMap\";\n\n// Layout\nexport { default as PageContainer } from \"./layout/PageContainer\";\n\n// Skeletons\nexport { default as CardSkeleton } from \"./skeletons/CardSkeleton\";\n\n// Forms\nexport { FormModal, FormRenderer, FormSection, FormField, useFormState } from \"./forms\";\n\n// Filters\nexport { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from \"./filters\";\n\n// Data mode\nexport { default as DataModeProvider, useDataMode } from \"./data/DataModeProvider\";\nexport { default as DataModeToggle } from \"./data/DataModeToggle\";\nexport { default as useDataSource } from \"./data/useDataSource\";\n\n// Data utilities\nexport { default as usePageFilters } from \"./data/usePageFilters\";\nexport {\n filterBySearch,\n filterByValue,\n filterByToggle,\n filterByDateRange,\n sortByKey,\n applyFilters,\n} from \"./data/filterUtils\";\n\n// Chat / AI agent\nexport {\n ChatPanel,\n ChatBar,\n ChatMessageList,\n ChatMessage,\n ChatInput,\n ChatTypingIndicator,\n ChatSuggestions,\n ChatToolCall,\n ChatWelcome,\n useChatState,\n} from \"./chat\";\n\n// HeroUI wrappers — existing\nexport { default as HeroUIButton, Button } from \"./heroui/Button\";\nexport { default as HeroUIInput } from \"./heroui/Input\";\nexport { default as HeroUICard } from \"./heroui/Card\";\nexport { default as HeroUIToggle } from \"./heroui/Toggle\";\n\n// HeroUI wrappers — navigation & layout\nexport { default as HeroUITabs } from \"./heroui/Tabs\";\nexport { default as HeroUIAccordion } from \"./heroui/Accordion\";\nexport { default as HeroUIBreadcrumbs, Breadcrumbs } from \"./heroui/Breadcrumbs\";\nexport { default as HeroUISeparator, Separator } from \"./heroui/Separator\";\nexport { default as HeroUIPagination, Pagination } from \"./heroui/Pagination\";\n\n// Breadcrumb subcomponents for shadcn compatibility\nexport const Breadcrumb = ({ children, ...props }) => React.createElement('nav', { 'aria-label': 'breadcrumb', ...props }, children);\nexport const BreadcrumbList = ({ children, ...props }) => React.createElement('ol', { className: 'flex flex-wrap items-center gap-1.5 break-words text-sm text-slate-500 dark:text-slate-400', ...props }, children);\nexport const BreadcrumbItem = ({ children, ...props }) => React.createElement('li', { className: 'inline-flex items-center gap-1.5', ...props }, children);\nexport const BreadcrumbLink = ({ href, children, asChild, ...props }) => asChild ? React.createElement('span', props, children) : React.createElement('a', { href, className: 'transition-colors hover:text-slate-900 dark:hover:text-slate-50', ...props }, children);\nexport const BreadcrumbPage = ({ children, ...props }) => React.createElement('span', { role: 'link', 'aria-disabled': 'true', 'aria-current': 'page', className: 'font-normal text-slate-900 dark:text-slate-50', ...props }, children);\nexport const BreadcrumbSeparator = ({ children, ...props }) => React.createElement('li', { role: 'presentation', 'aria-hidden': 'true', ...props }, children ?? '/');\nexport const BreadcrumbEllipsis = (props) => React.createElement('span', { role: 'presentation', 'aria-hidden': 'true', ...props }, '...');\n\n// Pagination subcomponents for shadcn compatibility\nexport const PaginationContent = ({ children, ...props }) => React.createElement('ul', { className: 'flex flex-row items-center gap-1', ...props }, children);\nexport const PaginationItem = ({ children, ...props }) => React.createElement('li', props, children);\nexport const PaginationLink = ({ href, isActive, children, ...props }) => React.createElement('a', { href, 'aria-current': isActive ? 'page' : undefined, className: `inline-flex items-center justify-center rounded-md text-sm font-medium h-9 min-w-9 px-4 py-2 ${isActive ? 'bg-slate-900 text-white dark:bg-slate-50 dark:text-slate-900' : 'hover:bg-slate-100 dark:hover:bg-slate-800'}`, ...props }, children);\nexport const PaginationPrevious = ({ href, ...props }) => React.createElement(PaginationLink, { href, ...props }, 'Previous');\nexport const PaginationNext = ({ href, ...props }) => React.createElement(PaginationLink, { href, ...props }, 'Next');\nexport const PaginationEllipsis = (props) => React.createElement('span', { 'aria-hidden': true, ...props }, '...');\n\n// HeroUI wrappers — overlays\nexport { default as HeroUIDrawer } from \"./heroui/Drawer\";\nexport { default as HeroUIModal } from \"./heroui/Modal\";\nexport { default as HeroUIDropdown } from \"./heroui/Dropdown\";\nexport { default as HeroUITooltip } from \"./heroui/Tooltip\";\nexport { default as HeroUIToast } from \"./heroui/Toast\";\n\n// HeroUI wrappers — feedback\nexport { default as HeroUIAlert } from \"./heroui/Alert\";\nexport { default as HeroUIBadge } from \"./heroui/Badge\";\nexport { default as HeroUIProgressBar } from \"./heroui/ProgressBar\";\nexport { default as HeroUIProgressCircle } from \"./heroui/ProgressCircle\";\nexport { default as HeroUIMeter } from \"./heroui/Meter\";\nexport { default as HeroUISkeleton, Skeleton } from \"./heroui/Skeleton\";\n\n// HeroUI wrappers — pickers & forms\nexport { default as HeroUISelect, Select } from \"./heroui/Select\";\n\n// Re-export Select subcomponents for shadcn compatibility\nexport const SelectTrigger = ({ children, size, ...props }) => React.createElement('button', props, children);\nexport const SelectValue = ({ placeholder, ...props }) => React.createElement('span', props, placeholder);\nexport const SelectContent = ({ children, ...props }) => React.createElement('div', props, children);\nexport const SelectItem = ({ children, ...props }) => React.createElement('div', props, children);\n\n// HeroUI wrappers — utilities\nexport { default as HeroUIKbd, Kbd } from \"./heroui/Kbd\";\nexport { default as HeroUIScrollShadow, ScrollShadow } from \"./heroui/ScrollShadow\";\n"],"names":["Breadcrumb","children","props","React","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","href","asChild","BreadcrumbPage","BreadcrumbSeparator","BreadcrumbEllipsis","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","PaginationNext","PaginationEllipsis","SelectTrigger","size","SelectValue","placeholder","SelectContent","SelectItem"],"mappings":";;;;;;;;;;;;AA0GO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAYC,EAAM,cAAc,OAAO,EAAE,cAAc,cAAc,GAAGD,EAAA,GAASD,CAAQ,GACtHG,IAAiB,CAAC,EAAE,UAAAH,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,8FAA8F,GAAGD,EAAA,GAASD,CAAQ,GACtMI,IAAiB,CAAC,EAAE,UAAAJ,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,oCAAoC,GAAGD,EAAA,GAASD,CAAQ,GAC5IK,IAAiB,CAAC,EAAE,MAAAC,GAAM,UAAAN,GAAU,SAAAO,GAAS,GAAGN,EAAA,MAAYM,IAAUL,EAAM,cAAc,QAAQD,GAAOD,CAAQ,IAAIE,EAAM,cAAc,KAAK,EAAE,MAAAI,GAAM,WAAW,mEAAmE,GAAGL,EAAA,GAASD,CAAQ,GACxPQ,IAAiB,CAAC,EAAE,UAAAR,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,QAAQ,EAAE,MAAM,QAAQ,iBAAiB,QAAQ,gBAAgB,QAAQ,WAAW,iDAAiD,GAAGD,EAAA,GAASD,CAAQ,GAC1NS,IAAsB,CAAC,EAAE,UAAAT,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,MAAM,EAAE,MAAM,gBAAgB,eAAe,QAAQ,GAAGD,EAAA,GAASD,KAAY,GAAG,GACtJU,IAAqB,CAACT,MAAUC,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,eAAe,QAAQ,GAAGD,EAAA,GAAS,KAAK,GAG5HU,IAAoB,CAAC,EAAE,UAAAX,GAAU,GAAGC,QAAYC,EAAM,cAAc,MAAM,EAAE,WAAW,oCAAoC,GAAGD,EAAA,GAASD,CAAQ,GAC/IY,IAAiB,CAAC,EAAE,UAAAZ,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,MAAMD,GAAOD,CAAQ,GACtFa,IAAiB,CAAC,EAAE,MAAAP,GAAM,UAAAQ,GAAU,UAAAd,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,KAAK,EAAE,MAAAI,GAAM,gBAAgBQ,IAAW,SAAS,QAAW,WAAW,gGAAgGA,IAAW,iEAAiE,4CAA4C,IAAI,GAAGb,EAAA,GAASD,CAAQ,GACxYe,IAAqB,CAAC,EAAE,MAAAT,GAAM,GAAGL,EAAA,MAAYC,EAAM,cAAcW,GAAgB,EAAE,MAAAP,GAAM,GAAGL,EAAA,GAAS,UAAU,GAC/Ge,IAAiB,CAAC,EAAE,MAAAV,GAAM,GAAGL,EAAA,MAAYC,EAAM,cAAcW,GAAgB,EAAE,MAAAP,GAAM,GAAGL,EAAA,GAAS,MAAM,GACvGgB,IAAqB,CAAChB,MAAUC,EAAM,cAAc,QAAQ,EAAE,eAAe,IAAM,GAAGD,EAAA,GAAS,KAAK,GAqBpGiB,IAAgB,CAAC,EAAE,UAAAlB,GAAU,MAAAmB,GAAM,GAAGlB,QAAYC,EAAM,cAAc,UAAUD,GAAOD,CAAQ,GAC/FoB,IAAc,CAAC,EAAE,aAAAC,GAAa,GAAGpB,EAAA,MAAYC,EAAM,cAAc,QAAQD,GAAOoB,CAAW,GAC3FC,IAAgB,CAAC,EAAE,UAAAtB,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,OAAOD,GAAOD,CAAQ,GACtFuB,IAAa,CAAC,EAAE,UAAAvB,GAAU,GAAGC,EAAA,MAAYC,EAAM,cAAc,OAAOD,GAAOD,CAAQ;"}
package/dist/components/library/ui/UIButton.js CHANGED
@@ -1,14 +1,16 @@
1
- import { jsx as u } from "react/jsx-runtime";
1
+ import { jsx as h } from "react/jsx-runtime";
2
2
  import "react";
3
- const t = {
3
+ const e = {
4
4
  primary: "bg-brand-600 text-white hover:bg-brand-500 dark:bg-brand-500 dark:hover:bg-brand-400 border-transparent",
5
5
  secondary: "bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 border-transparent",
6
+ destructive: "bg-red-600 text-white hover:bg-red-500 dark:bg-red-500 dark:hover:bg-red-400 border-transparent",
6
7
  outline: "bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800",
7
8
  ghost: "bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent"
8
- }, e = {
9
+ }, t = {
9
10
  sm: "h-8 px-3 text-sm",
10
11
  md: "h-10 px-4 text-sm",
11
- lg: "h-12 px-5 text-base"
12
+ lg: "h-12 px-5 text-base",
13
+ icon: "h-10 w-10 p-0"
12
14
  };
13
15
  function c({
14
16
  variant: r = "primary",
@@ -17,19 +19,19 @@ function c({
17
19
  disabled: o = !1,
18
20
  onClick: n = () => {
19
21
  },
20
- children: l,
21
- style: d = void 0,
22
- className: i = "",
22
+ children: d,
23
+ style: i = void 0,
24
+ className: l = "",
23
25
  ...b
24
26
  }) {
25
- const g = t[r] ?? t.primary, f = e[a] ?? e.md;
26
- return /* @__PURE__ */ u(
27
+ const g = e[r] ?? e.primary, f = t[a] ?? t.md;
28
+ return /* @__PURE__ */ h(
27
29
  "button",
28
30
  {
29
31
  type: "button",
30
32
  onClick: n,
31
33
  disabled: o,
32
- style: d,
34
+ style: i,
33
35
  className: [
34
36
  "inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition",
35
37
  "focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950",
@@ -37,10 +39,10 @@ function c({
37
39
  g,
38
40
  f,
39
41
  s ? "w-full" : "",
40
- i
42
+ l
41
43
  ].filter(Boolean).join(" "),
42
44
  ...b,
43
- children: l
45
+ children: d
44
46
  }
45
47
  );
46
48
  }
package/dist/components/library/ui/UIButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UIButton.js","sources":["../../../../src/components/library/ui/UIButton.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n primary:\n \"bg-brand-600 text-white hover:bg-brand-500 dark:bg-brand-500 dark:hover:bg-brand-400 border-transparent\",\n secondary:\n \"bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 border-transparent\",\n outline:\n \"bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800\",\n ghost:\n \"bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent\"\n};\n\nconst SIZE_CLASSES = {\n sm: \"h-8 px-3 text-sm\",\n md: \"h-10 px-4 text-sm\",\n lg: \"h-12 px-5 text-base\"\n};\n\nexport default function UIButton({\n variant = \"primary\",\n size = \"md\",\n fullWidth = false,\n disabled = false,\n onClick = () => {},\n children,\n style = undefined,\n className = \"\",\n ...rest\n}) {\n const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.primary;\n const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n style={style}\n className={[\n \"inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition\",\n \"focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n variantClass,\n sizeClass,\n fullWidth ? \"w-full\" : \"\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </button>\n );\n}\n\n\n"],"names":["VARIANT_CLASSES","SIZE_CLASSES","UIButton","variant","size","fullWidth","disabled","onClick","children","style","className","rest","variantClass","sizeClass","jsx"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SACE;AAAA,EACF,WACE;AAAA,EACF,SACE;AAAA,EACF,OACE;AACJ,GAEMC,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAwBC,EAAS;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeZ,EAAgBG,CAAO,KAAKH,EAAgB,SAC3Da,IAAYZ,EAAaG,CAAI,KAAKH,EAAa;AAErD,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAAP;AAAA,MACA,UAAAD;AAAA,MACA,OAAAG;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAG;AAAA,QACAC;AAAA,QACAR,IAAY,WAAW;AAAA,QACvBK;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1
+ {"version":3,"file":"UIButton.js","sources":["../../../../src/components/library/ui/UIButton.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n primary:\n \"bg-brand-600 text-white hover:bg-brand-500 dark:bg-brand-500 dark:hover:bg-brand-400 border-transparent\",\n secondary:\n \"bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 border-transparent\",\n destructive:\n \"bg-red-600 text-white hover:bg-red-500 dark:bg-red-500 dark:hover:bg-red-400 border-transparent\",\n outline:\n \"bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800\",\n ghost:\n \"bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent\"\n};\n\nconst SIZE_CLASSES = {\n sm: \"h-8 px-3 text-sm\",\n md: \"h-10 px-4 text-sm\",\n lg: \"h-12 px-5 text-base\",\n icon: \"h-10 w-10 p-0\"\n};\n\nexport default function UIButton({\n variant = \"primary\",\n size = \"md\",\n fullWidth = false,\n disabled = false,\n onClick = () => {},\n children,\n style = undefined,\n className = \"\",\n ...rest\n}) {\n const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.primary;\n const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n style={style}\n className={[\n \"inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition\",\n \"focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n variantClass,\n sizeClass,\n fullWidth ? \"w-full\" : \"\",\n className\n ]\n .filter(Boolean)\n .join(\" \")}\n {...rest}\n >\n {children}\n </button>\n );\n}\n\n\n"],"names":["VARIANT_CLASSES","SIZE_CLASSES","UIButton","variant","size","fullWidth","disabled","onClick","children","style","className","rest","variantClass","sizeClass","jsx"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SACE;AAAA,EACF,WACE;AAAA,EACF,aACE;AAAA,EACF,SACE;AAAA,EACF,OACE;AACJ,GAEMC,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,SAAwBC,EAAS;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeZ,EAAgBG,CAAO,KAAKH,EAAgB,SAC3Da,IAAYZ,EAAaG,CAAI,KAAKH,EAAa;AAErD,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAAP;AAAA,MACA,UAAAD;AAAA,MACA,OAAAG;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAG;AAAA,QACAC;AAAA,QACAR,IAAY,WAAW;AAAA,QACvBK;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { cn as o } from "./lib/utils.js";
2
- import { Breadcrumb as t, BreadcrumbEllipsis as l, BreadcrumbItem as f, BreadcrumbLink as d, BreadcrumbList as s, BreadcrumbPage as p, BreadcrumbSeparator as m, PaginationContent as u, PaginationEllipsis as i, PaginationItem as x, PaginationLink as n, PaginationNext as g, PaginationPrevious as C, SelectContent as c, SelectItem as I, SelectTrigger as U, SelectValue as D } from "./components/library/index.js";
2
+ import { Breadcrumb as t, BreadcrumbEllipsis as l, BreadcrumbItem as f, BreadcrumbLink as d, BreadcrumbList as s, BreadcrumbPage as p, BreadcrumbSeparator as u, PaginationContent as m, PaginationEllipsis as i, PaginationItem as x, PaginationLink as n, PaginationNext as g, PaginationPrevious as C, SelectContent as c, SelectItem as I, SelectTrigger as U, SelectValue as D } from "./components/library/index.js";
3
3
  import { default as P } from "./components/library/cards/ActionList.js";
4
4
  import { default as T } from "./components/library/cards/ActivityCard.js";
5
- import { Alert as B, AlertAction as F, AlertDescription as b, AlertTitle as k } from "./components/library/ui/Alert.js";
5
+ import { Alert as h, AlertAction as F, AlertDescription as b, AlertTitle as k } from "./components/library/ui/Alert.js";
6
6
  import { default as y, useThemeMode as A } from "./components/library/theme/AppThemeProvider.js";
7
7
  import { default as L } from "./components/library/ui/Avatar.js";
8
8
  import { default as E } from "./components/library/cards/BaseCard.js";
@@ -19,14 +19,14 @@ import { default as oe } from "./components/library/chat/ChatToolCall.js";
19
19
  import { default as te } from "./components/library/chat/ChatTypingIndicator.js";
20
20
  import { default as fe } from "./components/library/chat/ChatWelcome.js";
21
21
  import { default as se } from "./components/library/ui/Checkbox.js";
22
- import { default as me } from "./components/library/charts/D3Chart.js";
22
+ import { default as ue } from "./components/library/charts/D3Chart.js";
23
23
  import { default as ie, useDataMode as xe } from "./components/library/data/DataModeProvider.js";
24
24
  import { default as ge } from "./components/library/data/DataModeToggle.js";
25
25
  import { default as ce } from "./components/library/ui/EmptyState.js";
26
26
  import { default as Ue } from "./components/library/cards/FeedPanel.js";
27
27
  import { default as He } from "./components/library/ui/FieldGroup.js";
28
28
  import { default as Se } from "./components/library/filters/FilterBar.js";
29
- import { default as he } from "./components/library/forms/FormField.js";
29
+ import { default as Be } from "./components/library/forms/FormField.js";
30
30
  import { default as Fe } from "./components/library/forms/FormModal.js";
31
31
  import { default as ke } from "./components/library/forms/FormRenderer.js";
32
32
  import { default as ye } from "./components/library/forms/FormSection.js";
@@ -35,60 +35,60 @@ import { default as we } from "./components/library/heroui/Accordion.js";
35
35
  import { default as Ke } from "./components/library/heroui/Alert.js";
36
36
  import { default as Ge } from "./components/library/heroui/Badge.js";
37
37
  import { default as We } from "./components/library/heroui/Breadcrumbs.js";
38
- import { default as Oe } from "./components/library/heroui/Button.js";
39
- import { default as qe } from "./components/library/heroui/Card.js";
40
- import { Collapsible as Je, CollapsibleContent as Qe, CollapsibleTrigger as Xe, default as Ye } from "./components/library/heroui/Collapsible.js";
41
- import { DatePicker as _e, DatePickerCalendar as $e, DatePickerContent as er, DatePickerRangeTrigger as rr, DatePickerTrigger as or, default as ar } from "./components/library/heroui/DatePicker.js";
42
- import { Dialog as lr, DialogClose as fr, DialogContent as dr, DialogDescription as sr, DialogFooter as pr, DialogHeader as mr, DialogOverlay as ur, DialogPortal as ir, DialogTitle as xr, DialogTrigger as nr, default as gr } from "./components/library/heroui/Dialog.js";
43
- import { default as cr } from "./components/library/heroui/Drawer.js";
44
- import { default as Ur } from "./components/library/heroui/Dropdown.js";
45
- import { Field as Hr, FieldDescription as Pr, FieldError as Sr, FieldLabel as Tr, default as hr } from "./components/library/heroui/Field.js";
46
- import { default as Fr } from "./components/library/heroui/Input.js";
47
- import { default as kr } from "./components/library/heroui/Kbd.js";
48
- import { default as yr } from "./components/library/heroui/Meter.js";
49
- import { default as vr } from "./components/library/heroui/Modal.js";
50
- import { default as wr } from "./components/library/heroui/Pagination.js";
51
- import { default as Kr, Popover as Rr, PopoverContent as Gr, PopoverTrigger as Vr } from "./components/library/heroui/Popover.js";
52
- import { default as Nr } from "./components/library/heroui/ProgressBar.js";
53
- import { default as jr } from "./components/library/heroui/ProgressCircle.js";
54
- import { default as zr } from "./components/library/heroui/ScrollShadow.js";
55
- import { default as Qr, Select as Xr } from "./components/library/heroui/Select.js";
56
- import { default as Zr } from "./components/library/heroui/Separator.js";
57
- import { default as $r } from "./components/library/heroui/Skeleton.js";
58
- import { default as ro } from "./components/library/heroui/Tabs.js";
59
- import { default as ao } from "./components/library/heroui/Toast.js";
60
- import { default as lo } from "./components/library/heroui/Toggle.js";
61
- import { default as so } from "./components/library/heroui/Tooltip.js";
38
+ import { Button as Oe, default as je } from "./components/library/heroui/Button.js";
39
+ import { default as ze } from "./components/library/heroui/Card.js";
40
+ import { Collapsible as Qe, CollapsibleContent as Xe, CollapsibleTrigger as Ye, default as Ze } from "./components/library/heroui/Collapsible.js";
41
+ import { DatePicker as $e, DatePickerCalendar as er, DatePickerContent as rr, DatePickerRangeTrigger as or, DatePickerTrigger as ar, default as tr } from "./components/library/heroui/DatePicker.js";
42
+ import { Dialog as fr, DialogClose as dr, DialogContent as sr, DialogDescription as pr, DialogFooter as ur, DialogHeader as mr, DialogOverlay as ir, DialogPortal as xr, DialogTitle as nr, DialogTrigger as gr, default as Cr } from "./components/library/heroui/Dialog.js";
43
+ import { default as Ir } from "./components/library/heroui/Drawer.js";
44
+ import { default as Dr } from "./components/library/heroui/Dropdown.js";
45
+ import { Field as Pr, FieldDescription as Sr, FieldError as Tr, FieldLabel as Br, default as hr } from "./components/library/heroui/Field.js";
46
+ import { default as br } from "./components/library/heroui/Input.js";
47
+ import { default as Mr } from "./components/library/heroui/Kbd.js";
48
+ import { default as Ar } from "./components/library/heroui/Meter.js";
49
+ import { default as Lr } from "./components/library/heroui/Modal.js";
50
+ import { default as Er } from "./components/library/heroui/Pagination.js";
51
+ import { default as Rr, Popover as Gr, PopoverContent as Vr, PopoverTrigger as Wr } from "./components/library/heroui/Popover.js";
52
+ import { default as Or } from "./components/library/heroui/ProgressBar.js";
53
+ import { default as qr } from "./components/library/heroui/ProgressCircle.js";
54
+ import { default as Jr } from "./components/library/heroui/ScrollShadow.js";
55
+ import { default as Xr, Select as Yr } from "./components/library/heroui/Select.js";
56
+ import { default as _r } from "./components/library/heroui/Separator.js";
57
+ import { default as eo } from "./components/library/heroui/Skeleton.js";
58
+ import { default as oo } from "./components/library/heroui/Tabs.js";
59
+ import { default as to } from "./components/library/heroui/Toast.js";
60
+ import { default as fo } from "./components/library/heroui/Toggle.js";
61
+ import { default as po } from "./components/library/heroui/Tooltip.js";
62
62
  import { default as mo } from "./components/library/ui/Label.js";
63
- import { default as io } from "./components/library/cards/ListCard.js";
64
- import { default as no } from "./components/library/cards/MetricCard.js";
65
- import { default as Co } from "./components/library/cards/MetricsStrip.js";
66
- import { default as Io } from "./components/library/layout/PageContainer.js";
67
- import { default as Do } from "./components/library/filters/SearchFilter.js";
68
- import { default as Po } from "./components/library/cards/SectionCard.js";
69
- import { default as To } from "./components/library/filters/SelectFilter.js";
70
- import { default as Bo } from "./components/library/ui/Spinner.js";
71
- import { default as bo } from "./components/library/cards/StatusCard.js";
72
- import { default as Mo } from "./components/library/cards/TableCard.js";
73
- import { default as Ao } from "./components/library/filters/ToggleFilter.js";
74
- import { default as Lo } from "./components/library/ui/UIButton.js";
75
- 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";
76
- import { default as jo } from "./components/library/ui/Chip.js";
77
- import { default as zo } from "./components/library/ui/Container.js";
78
- import { default as Qo } from "./components/library/ui/UIInput.js";
79
- import { default as Yo } from "./components/library/ui/Text.js";
80
- import { default as _o } from "./components/library/cards/WidgetCard.js";
81
- import { default as ea } from "./components/library/chat/useChatState.js";
82
- import { default as oa } from "./components/library/data/useDataSource.js";
83
- import { default as ta } from "./components/library/forms/useFormState.js";
84
- import { default as fa } from "./components/library/data/usePageFilters.js";
85
- import { Breadcrumbs as sa, Kbd as pa, Pagination as ma, ScrollShadow as ua, Separator as ia, Skeleton as xa } from "@heroui/react";
86
- import { D3ChartTemplates as ga } from "./components/library/charts/D3ChartTemplates.js";
87
- 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";
63
+ import { default as xo } from "./components/library/cards/ListCard.js";
64
+ import { default as go } from "./components/library/cards/MetricCard.js";
65
+ import { default as co } from "./components/library/cards/MetricsStrip.js";
66
+ import { default as Uo } from "./components/library/layout/PageContainer.js";
67
+ import { default as Ho } from "./components/library/filters/SearchFilter.js";
68
+ import { default as So } from "./components/library/cards/SectionCard.js";
69
+ import { default as Bo } from "./components/library/filters/SelectFilter.js";
70
+ import { default as Fo } from "./components/library/ui/Spinner.js";
71
+ import { default as ko } from "./components/library/cards/StatusCard.js";
72
+ import { default as yo } from "./components/library/cards/TableCard.js";
73
+ import { default as vo } from "./components/library/filters/ToggleFilter.js";
74
+ import { default as wo } from "./components/library/ui/UIButton.js";
75
+ import { Card as Ko, CardContent as Ro, CardDescription as Go, CardFooter as Vo, CardHeader as Wo, CardTitle as No, default as Oo } from "./components/library/ui/Card.js";
76
+ import { default as qo } from "./components/library/ui/Chip.js";
77
+ import { default as Jo } from "./components/library/ui/Container.js";
78
+ import { default as Xo } from "./components/library/ui/UIInput.js";
79
+ import { default as Zo } from "./components/library/ui/Text.js";
80
+ import { default as $o } from "./components/library/cards/WidgetCard.js";
81
+ import { default as ra } from "./components/library/chat/useChatState.js";
82
+ import { default as aa } from "./components/library/data/useDataSource.js";
83
+ import { default as la } from "./components/library/forms/useFormState.js";
84
+ import { default as da } from "./components/library/data/usePageFilters.js";
85
+ import { Breadcrumbs as pa, Kbd as ua, Pagination as ma, ScrollShadow as ia, Separator as xa, Skeleton as na } from "@heroui/react";
86
+ import { D3ChartTemplates as Ca } from "./components/library/charts/D3ChartTemplates.js";
87
+ import { applyFilters as Ia, filterByDateRange as Ua, filterBySearch as Da, filterByToggle as Ha, filterByValue as Pa, sortByKey as Sa } from "./components/library/data/filterUtils.js";
88
88
  export {
89
89
  P as ActionList,
90
90
  T as ActivityCard,
91
- B as Alert,
91
+ h as Alert,
92
92
  F as AlertAction,
93
93
  b as AlertDescription,
94
94
  k as AlertTitle,
@@ -101,16 +101,17 @@ export {
101
101
  d as BreadcrumbLink,
102
102
  s as BreadcrumbList,
103
103
  p as BreadcrumbPage,
104
- m as BreadcrumbSeparator,
105
- sa as Breadcrumbs,
104
+ u as BreadcrumbSeparator,
105
+ pa as Breadcrumbs,
106
+ Oe as Button,
106
107
  R as CalloutCard,
107
- Eo as Card,
108
- Ko as CardContent,
109
- Ro as CardDescription,
110
- Go as CardFooter,
111
- Vo as CardHeader,
108
+ Ko as Card,
109
+ Ro as CardContent,
110
+ Go as CardDescription,
111
+ Vo as CardFooter,
112
+ Wo as CardHeader,
112
113
  V as CardSkeleton,
113
- Wo as CardTitle,
114
+ No as CardTitle,
114
115
  N as ChartCard,
115
116
  j as ChatBar,
116
117
  z as ChatInput,
@@ -122,37 +123,37 @@ export {
122
123
  te as ChatTypingIndicator,
123
124
  fe as ChatWelcome,
124
125
  se as Checkbox,
125
- Je as Collapsible,
126
- Qe as CollapsibleContent,
127
- Xe as CollapsibleTrigger,
128
- me as D3Chart,
129
- ga as D3ChartTemplates,
126
+ Qe as Collapsible,
127
+ Xe as CollapsibleContent,
128
+ Ye as CollapsibleTrigger,
129
+ ue as D3Chart,
130
+ Ca as D3ChartTemplates,
130
131
  ie as DataModeProvider,
131
132
  ge as DataModeToggle,
132
- _e as DatePicker,
133
- $e as DatePickerCalendar,
134
- er as DatePickerContent,
135
- rr as DatePickerRangeTrigger,
136
- or as DatePickerTrigger,
137
- lr as Dialog,
138
- fr as DialogClose,
139
- dr as DialogContent,
140
- sr as DialogDescription,
141
- pr as DialogFooter,
133
+ $e as DatePicker,
134
+ er as DatePickerCalendar,
135
+ rr as DatePickerContent,
136
+ or as DatePickerRangeTrigger,
137
+ ar as DatePickerTrigger,
138
+ fr as Dialog,
139
+ dr as DialogClose,
140
+ sr as DialogContent,
141
+ pr as DialogDescription,
142
+ ur as DialogFooter,
142
143
  mr as DialogHeader,
143
- ur as DialogOverlay,
144
- ir as DialogPortal,
145
- xr as DialogTitle,
146
- nr as DialogTrigger,
144
+ ir as DialogOverlay,
145
+ xr as DialogPortal,
146
+ nr as DialogTitle,
147
+ gr as DialogTrigger,
147
148
  ce as EmptyState,
148
149
  Ue as FeedPanel,
149
- Hr as Field,
150
- Pr as FieldDescription,
151
- Sr as FieldError,
150
+ Pr as Field,
151
+ Sr as FieldDescription,
152
+ Tr as FieldError,
152
153
  He as FieldGroup,
153
- Tr as FieldLabel,
154
+ Br as FieldLabel,
154
155
  Se as FilterBar,
155
- he as FormField,
156
+ Be as FormField,
156
157
  Fe as FormModal,
157
158
  ke as FormRenderer,
158
159
  ye as FormSection,
@@ -161,80 +162,80 @@ export {
161
162
  Ke as HeroUIAlert,
162
163
  Ge as HeroUIBadge,
163
164
  We as HeroUIBreadcrumbs,
164
- Oe as HeroUIButton,
165
- qe as HeroUICard,
166
- Ye as HeroUICollapsible,
167
- ar as HeroUIDatePicker,
168
- gr as HeroUIDialog,
169
- cr as HeroUIDrawer,
170
- Ur as HeroUIDropdown,
165
+ je as HeroUIButton,
166
+ ze as HeroUICard,
167
+ Ze as HeroUICollapsible,
168
+ tr as HeroUIDatePicker,
169
+ Cr as HeroUIDialog,
170
+ Ir as HeroUIDrawer,
171
+ Dr as HeroUIDropdown,
171
172
  hr as HeroUIField,
172
- Fr as HeroUIInput,
173
- kr as HeroUIKbd,
174
- yr as HeroUIMeter,
175
- vr as HeroUIModal,
176
- wr as HeroUIPagination,
177
- Kr as HeroUIPopover,
178
- Nr as HeroUIProgressBar,
179
- jr as HeroUIProgressCircle,
180
- zr as HeroUIScrollShadow,
181
- Qr as HeroUISelect,
182
- Zr as HeroUISeparator,
183
- $r as HeroUISkeleton,
184
- ro as HeroUITabs,
185
- ao as HeroUIToast,
186
- lo as HeroUIToggle,
187
- so as HeroUITooltip,
188
- pa as Kbd,
173
+ br as HeroUIInput,
174
+ Mr as HeroUIKbd,
175
+ Ar as HeroUIMeter,
176
+ Lr as HeroUIModal,
177
+ Er as HeroUIPagination,
178
+ Rr as HeroUIPopover,
179
+ Or as HeroUIProgressBar,
180
+ qr as HeroUIProgressCircle,
181
+ Jr as HeroUIScrollShadow,
182
+ Xr as HeroUISelect,
183
+ _r as HeroUISeparator,
184
+ eo as HeroUISkeleton,
185
+ oo as HeroUITabs,
186
+ to as HeroUIToast,
187
+ fo as HeroUIToggle,
188
+ po as HeroUITooltip,
189
+ ua as Kbd,
189
190
  mo as Label,
190
- io as ListCard,
191
- no as MetricCard,
192
- Co as MetricsStrip,
193
- Io as PageContainer,
191
+ xo as ListCard,
192
+ go as MetricCard,
193
+ co as MetricsStrip,
194
+ Uo as PageContainer,
194
195
  ma as Pagination,
195
- u as PaginationContent,
196
+ m as PaginationContent,
196
197
  i as PaginationEllipsis,
197
198
  x as PaginationItem,
198
199
  n as PaginationLink,
199
200
  g as PaginationNext,
200
201
  C as PaginationPrevious,
201
- Rr as Popover,
202
- Gr as PopoverContent,
203
- Vr as PopoverTrigger,
204
- ua as ScrollShadow,
205
- Do as SearchFilter,
206
- Po as SectionCard,
207
- Xr as Select,
202
+ Gr as Popover,
203
+ Vr as PopoverContent,
204
+ Wr as PopoverTrigger,
205
+ ia as ScrollShadow,
206
+ Ho as SearchFilter,
207
+ So as SectionCard,
208
+ Yr as Select,
208
209
  c as SelectContent,
209
- To as SelectFilter,
210
+ Bo as SelectFilter,
210
211
  I as SelectItem,
211
212
  U as SelectTrigger,
212
213
  D as SelectValue,
213
- ia as Separator,
214
- xa as Skeleton,
215
- Bo as Spinner,
216
- bo as StatusCard,
217
- Mo as TableCard,
218
- Ao as ToggleFilter,
219
- Lo as UIButton,
220
- No as UICard,
221
- jo as UIChip,
222
- zo as UIContainer,
223
- Qo as UIInput,
224
- Yo as UIText,
225
- _o as WidgetCard,
226
- ca as applyFilters,
214
+ xa as Separator,
215
+ na as Skeleton,
216
+ Fo as Spinner,
217
+ ko as StatusCard,
218
+ yo as TableCard,
219
+ vo as ToggleFilter,
220
+ wo as UIButton,
221
+ Oo as UICard,
222
+ qo as UIChip,
223
+ Jo as UIContainer,
224
+ Xo as UIInput,
225
+ Zo as UIText,
226
+ $o as WidgetCard,
227
+ Ia as applyFilters,
227
228
  o as cn,
228
- Ia as filterByDateRange,
229
- Ua as filterBySearch,
230
- Da as filterByToggle,
231
- Ha as filterByValue,
232
- Pa as sortByKey,
233
- ea as useChatState,
229
+ Ua as filterByDateRange,
230
+ Da as filterBySearch,
231
+ Ha as filterByToggle,
232
+ Pa as filterByValue,
233
+ Sa as sortByKey,
234
+ ra as useChatState,
234
235
  xe as useDataMode,
235
- oa as useDataSource,
236
- ta as useFormState,
237
- fa as usePageFilters,
236
+ aa as useDataSource,
237
+ la as useFormState,
238
+ da as usePageFilters,
238
239
  A as useThemeMode
239
240
  };
240
241
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@schandlergarcia/sf-web-components",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/templates/pages/NotFound.tsx.template CHANGED
@@ -1,5 +1,5 @@
1
1
  import { useNavigate } from "react-router";
2
- import { UIButton } from '@schandlergarcia/sf-web-components';
2
+ import { Button } from '@schandlergarcia/sf-web-components';
3
3
 
4
4
  export default function NotFound() {
5
5
  const navigate = useNavigate();
@@ -12,7 +12,7 @@ export default function NotFound() {
12
12
  <p className="text-lg text-slate-600 dark:text-slate-400 mb-8">
13
13
  The page you're looking for doesn't exist.
14
14
  </p>
15
- <UIButton onClick={() => navigate("/")}>Go Home</UIButton>
15
+ <Button onClick={() => navigate("/")}>Go Home</Button>
16
16
  </div>
17
17
  </div>
18
18
  );