@schandlergarcia/sf-web-components 1.1.5 → 1.2.0

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

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { PopoverContent as c, Popover as n, PopoverTrigger as i } from "./Popover.js";
+function s({ children: e, ...t }) {
+  return /* @__PURE__ */ r(n, { ...t, children: e });
+}
+const k = s, l = ({ children: e, date: t, dateFormat: a, placeholder: d, className: p = "", ...o }) => /* @__PURE__ */ r(i, { ...o, children: e }), D = c, h = ({ date: e, onSelect: t, ...a }) => /* @__PURE__ */ r("div", { className: "p-4", ...a, children: /* @__PURE__ */ r("p", { className: "text-sm text-slate-500", children: "Calendar placeholder - integrate react-day-picker here" }) }), f = l;
+export {
+  k as DatePicker,
+  h as DatePickerCalendar,
+  D as DatePickerContent,
+  f as DatePickerRangeTrigger,
+  l as DatePickerTrigger,
+  s as default
+};
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/library/heroui/DatePicker.jsx"],"sourcesContent":["import React from \"react\";\nimport { Popover, PopoverTrigger, PopoverContent } from \"./Popover\";\n\n/**\n * HeroUI v3 DatePicker — simple wrapper using Popover.\n * Full implementation would integrate with react-day-picker.\n *\n * @example\n *   import { DatePicker, DatePickerTrigger, DatePickerContent } from \"@/components/library\";\n *   <DatePicker>\n *     <DatePickerTrigger>\n *       <button>Select date</button>\n *     </DatePickerTrigger>\n *     <DatePickerContent>\n *       <DatePickerCalendar />\n *     </DatePickerContent>\n *   </DatePicker>\n */\nexport default function HeroUIDatePicker({ children, ...props }) {\n  return <Popover {...props}>{children}</Popover>;\n}\n\nexport const DatePicker = HeroUIDatePicker;\nexport const DatePickerTrigger = ({ children, date, dateFormat, placeholder, className = \"\", ...props }) => {\n  // Accept shadcn DatePicker props but just pass through as trigger\n  return <PopoverTrigger {...props}>{children}</PopoverTrigger>;\n};\nexport const DatePickerContent = PopoverContent;\nexport const DatePickerCalendar = ({ date, onSelect, ...props }) => (\n  <div className=\"p-4\" {...props}>\n    <p className=\"text-sm text-slate-500\">Calendar placeholder - integrate react-day-picker here</p>\n  </div>\n);\nexport const DatePickerRangeTrigger = DatePickerTrigger;\n"],"names":["HeroUIDatePicker","children","props","jsx","Popover","DatePicker","DatePickerTrigger","date","dateFormat","placeholder","className","PopoverTrigger","DatePickerContent","PopoverContent","DatePickerCalendar","onSelect","DatePickerRangeTrigger"],"mappings":";;;AAkBA,SAAwBA,EAAiB,EAAE,UAAAC,GAAU,GAAGC,KAAS;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACvC;AAEO,MAAMI,IAAaL,GACbM,IAAoB,CAAC,EAAE,UAAAL,GAAU,MAAAM,GAAM,YAAAC,GAAY,aAAAC,GAAa,WAAAC,IAAY,IAAI,GAAGR,QAEvF,gBAAAC,EAACQ,GAAA,EAAgB,GAAGT,GAAQ,UAAAD,EAAA,CAAS,GAEjCW,IAAoBC,GACpBC,IAAqB,CAAC,EAAE,MAAAP,GAAM,UAAAQ,GAAU,GAAGb,QACtD,gBAAAC,EAAC,SAAI,WAAU,OAAO,GAAGD,GACvB,UAAA,gBAAAC,EAAC,OAAE,WAAU,0BAAyB,oEAAsD,EAAA,CAC9F,GAEWa,IAAyBV;"}

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

@@ -0,0 +1,51 @@
+/**
+ * HeroUI v3 Dialog — maps to Modal for shadcn compatibility.
+ *
+ * Sub-components via dot notation on the named `Modal` export:
+ *   Modal.Backdrop, Modal.Container, Modal.Dialog,
+ *   Modal.CloseTrigger, Modal.Header, Modal.Icon,
+ *   Modal.Heading, Modal.Body, Modal.Footer
+ *
+ * @example
+ *   import { Dialog, DialogTrigger, DialogContent } from "@/components/library";
+ *   <Dialog>
+ *     <DialogTrigger>Open</DialogTrigger>
+ *     <DialogContent>
+ *       <DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader>
+ *       <DialogDescription>Content</DialogDescription>
+ *       <DialogFooter>Actions</DialogFooter>
+ *     </DialogContent>
+ *   </Dialog>
+ */
+export default function HeroUIDialog(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * HeroUI v3 Dialog — maps to Modal for shadcn compatibility.
+ *
+ * Sub-components via dot notation on the named `Modal` export:
+ *   Modal.Backdrop, Modal.Container, Modal.Dialog,
+ *   Modal.CloseTrigger, Modal.Header, Modal.Icon,
+ *   Modal.Heading, Modal.Body, Modal.Footer
+ *
+ * @example
+ *   import { Dialog, DialogTrigger, DialogContent } from "@/components/library";
+ *   <Dialog>
+ *     <DialogTrigger>Open</DialogTrigger>
+ *     <DialogContent>
+ *       <DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader>
+ *       <DialogDescription>Content</DialogDescription>
+ *       <DialogFooter>Actions</DialogFooter>
+ *     </DialogContent>
+ *   </Dialog>
+ */
+export function Dialog(props: any): import("react/jsx-runtime").JSX.Element;
+export const DialogTrigger: ({ children, className, ...props }: import("@heroui/react").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export function DialogPortal({ children }: {
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export const DialogClose: ({ className, ...rest }: import("@heroui/react").ModalCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export const DialogOverlay: ({ children, className, isDismissable, onClick, variant, ...props }: import("@heroui/react").ModalBackdropProps) => import("react/jsx-runtime").JSX.Element;
+export const DialogContent: ({ children, className, ...props }: import("@heroui/react").ModalDialogProps) => import("react/jsx-runtime").JSX.Element;
+export const DialogHeader: ({ children, className, ...props }: import("@heroui/react").ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export const DialogFooter: ({ children, className, ...props }: import("@heroui/react").ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export const DialogTitle: ({ children, className, ...props }: import("@heroui/react").ModalHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export function DialogDescription(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { jsx as t, Fragment as r } from "react/jsx-runtime";
+import "react";
+import { Modal as i } from "@heroui/react";
+function a(o) {
+  return /* @__PURE__ */ t(i, { ...o });
+}
+const l = a, s = i.Trigger || ((o) => /* @__PURE__ */ t("button", { ...o })), c = ({ children: o }) => /* @__PURE__ */ t(r, { children: o }), D = i.CloseTrigger || ((o) => /* @__PURE__ */ t("button", { ...o })), d = i.Backdrop || ((o) => /* @__PURE__ */ t("div", { ...o })), p = i.Dialog || i.Container || ((o) => /* @__PURE__ */ t("div", { ...o })), m = i.Header || ((o) => /* @__PURE__ */ t("div", { ...o })), u = i.Footer || ((o) => /* @__PURE__ */ t("div", { ...o })), v = i.Heading || ((o) => /* @__PURE__ */ t("h2", { ...o })), f = (o) => /* @__PURE__ */ t("p", { ...o });
+export {
+  l as Dialog,
+  D as DialogClose,
+  p as DialogContent,
+  f as DialogDescription,
+  u as DialogFooter,
+  m as DialogHeader,
+  d as DialogOverlay,
+  c as DialogPortal,
+  v as DialogTitle,
+  s as DialogTrigger,
+  a as default
+};
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/library/heroui/Dialog.jsx"],"sourcesContent":["import React from \"react\";\nimport { Modal } from \"@heroui/react\";\n\n/**\n * HeroUI v3 Dialog — maps to Modal for shadcn compatibility.\n *\n * Sub-components via dot notation on the named `Modal` export:\n *   Modal.Backdrop, Modal.Container, Modal.Dialog,\n *   Modal.CloseTrigger, Modal.Header, Modal.Icon,\n *   Modal.Heading, Modal.Body, Modal.Footer\n *\n * @example\n *   import { Dialog, DialogTrigger, DialogContent } from \"@/components/library\";\n *   <Dialog>\n *     <DialogTrigger>Open</DialogTrigger>\n *     <DialogContent>\n *       <DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader>\n *       <DialogDescription>Content</DialogDescription>\n *       <DialogFooter>Actions</DialogFooter>\n *     </DialogContent>\n *   </Dialog>\n */\nexport default function HeroUIDialog(props) {\n  return <Modal {...props} />;\n}\n\n// Shadcn-compatible exports\nexport const Dialog = HeroUIDialog;\nexport const DialogTrigger = Modal.Trigger || (props => <button {...props} />);\nexport const DialogPortal = ({ children }) => <>{children}</>;\nexport const DialogClose = Modal.CloseTrigger || (props => <button {...props} />);\nexport const DialogOverlay = Modal.Backdrop || (props => <div {...props} />);\nexport const DialogContent = Modal.Dialog || Modal.Container || (props => <div {...props} />);\nexport const DialogHeader = Modal.Header || (props => <div {...props} />);\nexport const DialogFooter = Modal.Footer || (props => <div {...props} />);\nexport const DialogTitle = Modal.Heading || (props => <h2 {...props} />);\nexport const DialogDescription = (props) => <p {...props} />;\n"],"names":["HeroUIDialog","props","jsx","Modal","Dialog","DialogTrigger","DialogPortal","children","DialogClose","DialogOverlay","DialogContent","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;AAsBA,SAAwBA,EAAaC,GAAO;AAC1C,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC3B;AAGO,MAAMG,IAASJ,GACTK,IAAgBF,EAAM,YAAY,OAAS,gBAAAD,EAAC,UAAA,EAAQ,GAAGD,GAAO,IAC9DK,IAAe,CAAC,EAAE,UAAAC,EAAA,6BAAkB,UAAAA,EAAA,CAAS,GAC7CC,IAAcL,EAAM,iBAAiB,OAAS,gBAAAD,EAAC,UAAA,EAAQ,GAAGD,GAAO,IACjEQ,IAAgBN,EAAM,aAAa,OAAS,gBAAAD,EAAC,OAAA,EAAK,GAAGD,GAAO,IAC5DS,IAAgBP,EAAM,UAAUA,EAAM,cAAc,CAAAF,MAAS,gBAAAC,EAAC,OAAA,EAAK,GAAGD,EAAA,CAAO,IAC7EU,IAAeR,EAAM,WAAW,OAAS,gBAAAD,EAAC,OAAA,EAAK,GAAGD,GAAO,IACzDW,IAAeT,EAAM,WAAW,OAAS,gBAAAD,EAAC,OAAA,EAAK,GAAGD,GAAO,IACzDY,IAAcV,EAAM,YAAY,OAAS,gBAAAD,EAAC,MAAA,EAAI,GAAGD,GAAO,IACxDa,IAAoB,CAACb,MAAU,gBAAAC,EAAC,KAAA,EAAG,GAAGD,EAAA,CAAO;"}

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

@@ -0,0 +1,49 @@
+/**
+ * HeroUI v3 Field components — simple wrappers for form field layout.
+ *
+ * @example
+ *   import { Field, FieldLabel, FieldError } from "@/components/library";
+ *   <Field>
+ *     <FieldLabel>Name</FieldLabel>
+ *     <Input />
+ *     <FieldError>Required</FieldError>
+ *   </Field>
+ */
+export default function HeroUIField({ className, children, ...props }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * HeroUI v3 Field components — simple wrappers for form field layout.
+ *
+ * @example
+ *   import { Field, FieldLabel, FieldError } from "@/components/library";
+ *   <Field>
+ *     <FieldLabel>Name</FieldLabel>
+ *     <Input />
+ *     <FieldError>Required</FieldError>
+ *   </Field>
+ */
+export function Field({ className, children, ...props }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function FieldLabel({ className, htmlFor, children, ...props }: {
+    [x: string]: any;
+    className?: string | undefined;
+    htmlFor: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function FieldDescription({ className, children, ...props }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function FieldError({ className, errors, children, ...props }: {
+    [x: string]: any;
+    className?: string | undefined;
+    errors: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+function n({ className: e = "", children: t, ...l }) {
+  return /* @__PURE__ */ s("div", { className: `flex flex-col gap-1.5 ${e}`, ...l, children: t });
+}
+const x = n, d = ({ className: e = "", htmlFor: t, children: l, ...r }) => /* @__PURE__ */ s(
+  "label",
+  {
+    htmlFor: t,
+    className: `text-sm font-medium text-slate-700 dark:text-slate-200 ${e}`,
+    ...r,
+    children: l
+  }
+), c = ({ className: e = "", children: t, ...l }) => /* @__PURE__ */ s("p", { className: `text-xs text-slate-500 dark:text-slate-400 ${e}`, ...l, children: t }), m = ({ className: e = "", errors: t, children: l, ...r }) => {
+  const a = t?.length > 0 ? t.join(", ") : l;
+  return a ? /* @__PURE__ */ s("p", { className: `text-xs text-red-600 dark:text-red-400 ${e}`, ...r, children: a }) : null;
+};
+export {
+  x as Field,
+  c as FieldDescription,
+  m as FieldError,
+  d as FieldLabel,
+  n as default
+};
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../../src/components/library/heroui/Field.jsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * HeroUI v3 Field components — simple wrappers for form field layout.\n *\n * @example\n *   import { Field, FieldLabel, FieldError } from \"@/components/library\";\n *   <Field>\n *     <FieldLabel>Name</FieldLabel>\n *     <Input />\n *     <FieldError>Required</FieldError>\n *   </Field>\n */\nexport default function HeroUIField({ className = \"\", children, ...props }) {\n  return (\n    <div className={`flex flex-col gap-1.5 ${className}`} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport const Field = HeroUIField;\n\nexport const FieldLabel = ({ className = \"\", htmlFor, children, ...props }) => (\n  <label\n    htmlFor={htmlFor}\n    className={`text-sm font-medium text-slate-700 dark:text-slate-200 ${className}`}\n    {...props}\n  >\n    {children}\n  </label>\n);\n\nexport const FieldDescription = ({ className = \"\", children, ...props }) => (\n  <p className={`text-xs text-slate-500 dark:text-slate-400 ${className}`} {...props}>\n    {children}\n  </p>\n);\n\nexport const FieldError = ({ className = \"\", errors, children, ...props }) => {\n  // Support both children and errors prop\n  const errorContent = errors?.length > 0 ? errors.join(\", \") : children;\n\n  if (!errorContent) return null;\n\n  return (\n    <p className={`text-xs text-red-600 dark:text-red-400 ${className}`} {...props}>\n      {errorContent}\n    </p>\n  );\n};\n"],"names":["HeroUIField","className","children","props","jsx","Field","FieldLabel","htmlFor","FieldDescription","FieldError","errors","errorContent"],"mappings":";;AAaA,SAAwBA,EAAY,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAS;AAC1E,SACE,gBAAAC,EAAC,SAAI,WAAW,yBAAyBH,CAAS,IAAK,GAAGE,GACvD,UAAAD,GACH;AAEJ;AAEO,MAAMG,IAAQL,GAERM,IAAa,CAAC,EAAE,WAAAL,IAAY,IAAI,SAAAM,GAAS,UAAAL,GAAU,GAAGC,EAAA,MACjE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAAG;AAAA,IACA,WAAW,0DAA0DN,CAAS;AAAA,IAC7E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AACH,GAGWM,IAAmB,CAAC,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAA,MAC9D,gBAAAC,EAAC,OAAE,WAAW,8CAA8CH,CAAS,IAAK,GAAGE,GAC1E,UAAAD,EAAA,CACH,GAGWO,IAAa,CAAC,EAAE,WAAAR,IAAY,IAAI,QAAAS,GAAQ,UAAAR,GAAU,GAAGC,QAAY;AAE5E,QAAMQ,IAAeD,GAAQ,SAAS,IAAIA,EAAO,KAAK,IAAI,IAAIR;AAE9D,SAAKS,IAGH,gBAAAP,EAAC,OAAE,WAAW,0CAA0CH,CAAS,IAAK,GAAGE,GACtE,UAAAQ,EAAA,CACH,IALwB;AAO5B;"}

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

@@ -0,0 +1,51 @@
+/**
+ * HeroUI v3 Popover — simple popover for shadcn compatibility.
+ * Using native HTML/CSS since HeroUI v3 doesn't have a Popover component.
+ *
+ * @example
+ *   import { Popover, PopoverTrigger, PopoverContent } from "@/components/library";
+ *   <Popover>
+ *     <PopoverTrigger>Open</PopoverTrigger>
+ *     <PopoverContent>Content</PopoverContent>
+ *   </Popover>
+ */
+export default function HeroUIPopover({ children, open, onOpenChange, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+    onOpenChange: any;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * HeroUI v3 Popover — simple popover for shadcn compatibility.
+ * Using native HTML/CSS since HeroUI v3 doesn't have a Popover component.
+ *
+ * @example
+ *   import { Popover, PopoverTrigger, PopoverContent } from "@/components/library";
+ *   <Popover>
+ *     <PopoverTrigger>Open</PopoverTrigger>
+ *     <PopoverContent>Content</PopoverContent>
+ *   </Popover>
+ */
+export function Popover({ children, open, onOpenChange, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+    onOpenChange: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function PopoverTrigger({ children, open, onOpenChange, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+    onOpenChange: any;
+}): React.DetailedReactHTMLElement<{
+    onClick: () => any;
+}, HTMLElement>;
+export function PopoverContent({ children, open, className, align, sideOffset, ...props }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+    className?: string | undefined;
+    align?: string | undefined;
+    sideOffset?: number | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+import React from "react";

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

@@ -0,0 +1,37 @@
+import { jsx as c } from "react/jsx-runtime";
+import l from "react";
+function p({ children: n, open: e, onOpenChange: r, ...o }) {
+  const [s, i] = l.useState(!1), a = e !== void 0, d = a ? e : s, m = (t) => {
+    a || i(t), r?.(t);
+  };
+  return /* @__PURE__ */ c("div", { className: "relative inline-block", ...o, children: l.Children.map(n, (t) => l.isValidElement(t) ? l.cloneElement(t, { open: d, onOpenChange: m }) : t) });
+}
+const g = p, v = ({ children: n, open: e, onOpenChange: r, ...o }) => {
+  const s = () => r?.(!e);
+  return l.cloneElement(n, {
+    ...o,
+    onClick: s
+  });
+}, C = ({ children: n, open: e, className: r = "", align: o = "center", sideOffset: s = 4, ...i }) => {
+  if (!e) return null;
+  const a = {
+    start: "left-0",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-0"
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `absolute z-50 mt-${s} w-72 rounded-md border border-slate-200 bg-white p-4 text-slate-900 shadow-md dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 ${a[o] || a.center} ${r}`,
+      ...i,
+      children: n
+    }
+  );
+};
+export {
+  g as Popover,
+  C as PopoverContent,
+  v as PopoverTrigger,
+  p as default
+};
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/library/heroui/Popover.jsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * HeroUI v3 Popover — simple popover for shadcn compatibility.\n * Using native HTML/CSS since HeroUI v3 doesn't have a Popover component.\n *\n * @example\n *   import { Popover, PopoverTrigger, PopoverContent } from \"@/components/library\";\n *   <Popover>\n *     <PopoverTrigger>Open</PopoverTrigger>\n *     <PopoverContent>Content</PopoverContent>\n *   </Popover>\n */\nexport default function HeroUIPopover({ children, open, onOpenChange, ...props }) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const isControlled = open !== undefined;\n  const actualOpen = isControlled ? open : isOpen;\n\n  const handleOpenChange = (newOpen) => {\n    if (!isControlled) setIsOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <div className=\"relative inline-block\" {...props}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, { open: actualOpen, onOpenChange: handleOpenChange });\n        }\n        return child;\n      })}\n    </div>\n  );\n}\n\nexport const Popover = HeroUIPopover;\n\nexport const PopoverTrigger = ({ children, open, onOpenChange, ...props }) => {\n  const handleClick = () => onOpenChange?.(!open);\n\n  return React.cloneElement(children, {\n    ...props,\n    onClick: handleClick,\n  });\n};\n\nexport const PopoverContent = ({ children, open, className = \"\", align = \"center\", sideOffset = 4, ...props }) => {\n  if (!open) return null;\n\n  const alignClasses = {\n    start: \"left-0\",\n    center: \"left-1/2 -translate-x-1/2\",\n    end: \"right-0\"\n  };\n\n  return (\n    <div\n      className={`absolute z-50 mt-${sideOffset} w-72 rounded-md border border-slate-200 bg-white p-4 text-slate-900 shadow-md dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50 ${alignClasses[align] || alignClasses.center} ${className}`}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["HeroUIPopover","children","open","onOpenChange","props","isOpen","setIsOpen","React","isControlled","actualOpen","handleOpenChange","newOpen","jsx","child","Popover","PopoverTrigger","handleClick","PopoverContent","className","align","sideOffset","alignClasses"],"mappings":";;AAaA,SAAwBA,EAAc,EAAE,UAAAC,GAAU,MAAAC,GAAM,cAAAC,GAAc,GAAGC,KAAS;AAChF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1CC,IAAeN,MAAS,QACxBO,IAAaD,IAAeN,IAAOG,GAEnCK,IAAmB,CAACC,MAAY;AACpC,IAAKH,KAAcF,EAAUK,CAAO,GACpCR,IAAeQ,CAAO;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBAAyB,GAAGR,GACxC,UAAAG,EAAM,SAAS,IAAIN,GAAU,CAACY,MACzBN,EAAM,eAAeM,CAAK,IACrBN,EAAM,aAAaM,GAAO,EAAE,MAAMJ,GAAY,cAAcC,GAAkB,IAEhFG,CACR,EAAA,CACH;AAEJ;AAEO,MAAMC,IAAUd,GAEVe,IAAiB,CAAC,EAAE,UAAAd,GAAU,MAAAC,GAAM,cAAAC,GAAc,GAAGC,QAAY;AAC5E,QAAMY,IAAc,MAAMb,IAAe,CAACD,CAAI;AAE9C,SAAOK,EAAM,aAAaN,GAAU;AAAA,IAClC,GAAGG;AAAA,IACH,SAASY;AAAA,EAAA,CACV;AACH,GAEaC,IAAiB,CAAC,EAAE,UAAAhB,GAAU,MAAAC,GAAM,WAAAgB,IAAY,IAAI,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGhB,QAAY;AAChH,MAAI,CAACF,EAAM,QAAO;AAElB,QAAMmB,IAAe;AAAA,IACnB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAGP,SACE,gBAAAT;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oBAAoBQ,CAAU,6IAA6IC,EAAaF,CAAK,KAAKE,EAAa,MAAM,IAAIH,CAAS;AAAA,MAC5O,GAAGd;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/index.d.ts

@@ -36,6 +36,83 @@ export { default as HeroUICard } from "./heroui/Card";
 export { default as HeroUIToggle } from "./heroui/Toggle";
 export { default as HeroUITabs } from "./heroui/Tabs";
 export { default as HeroUIAccordion } from "./heroui/Accordion";
+export function Breadcrumb({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    'aria-label': string;
+}, HTMLElement>;
+export function BreadcrumbList({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export function BreadcrumbItem({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export function BreadcrumbLink({ href, children, asChild, ...props }: {
+    [x: string]: any;
+    href: any;
+    children: any;
+    asChild: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement> | React.DetailedReactHTMLElement<{
+    href: any;
+    className: string;
+}, HTMLElement>;
+export function BreadcrumbPage({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    role: "link";
+    'aria-disabled': "true";
+    'aria-current': "page";
+    className: string;
+}, HTMLElement>;
+export function BreadcrumbSeparator({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    role: "presentation";
+    'aria-hidden': "true";
+}, HTMLElement>;
+export function BreadcrumbEllipsis(props: any): React.DetailedReactHTMLElement<any, HTMLElement>;
+export function PaginationContent({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export function PaginationItem({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement>;
+export function PaginationLink({ href, isActive, children, ...props }: {
+    [x: string]: any;
+    href: any;
+    isActive: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    href: any;
+    'aria-current': "page" | undefined;
+    className: string;
+}, HTMLElement>;
+export function PaginationPrevious({ href, ...props }: {
+    [x: string]: any;
+    href: any;
+}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export function PaginationNext({ href, ...props }: {
+    [x: string]: any;
+    href: any;
+}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export function PaginationEllipsis(props: any): React.DetailedReactHTMLElement<any, HTMLElement>;
 export { default as HeroUIDrawer } from "./heroui/Drawer";
 export { default as HeroUIModal } from "./heroui/Modal";
 export { default as HeroUIDropdown } from "./heroui/Dropdown";
@@ -46,18 +123,40 @@ export { default as HeroUIBadge } from "./heroui/Badge";
 export { default as HeroUIProgressBar } from "./heroui/ProgressBar";
 export { default as HeroUIProgressCircle } from "./heroui/ProgressCircle";
 export { default as HeroUIMeter } from "./heroui/Meter";
-export { default as HeroUISelect } from "./heroui/Select";
+export function SelectTrigger({ children, size, ...props }: {
+    [x: string]: any;
+    children: any;
+    size: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement>;
+export function SelectValue({ placeholder, ...props }: {
+    [x: string]: any;
+    placeholder: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement>;
+export function SelectContent({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement>;
+export function SelectItem({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): React.DetailedReactHTMLElement<{
+    [x: string]: any;
+}, HTMLElement>;
+import React from 'react';
 export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
 export { default as UICard, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "./ui/Card";
 export { default as Alert, AlertTitle, AlertDescription, AlertAction } from "./ui/Alert";
-export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from "./ui/Dialog";
-export { Field, FieldLabel, FieldDescription, FieldError } from "./ui/Field";
-export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "./ui/Select";
-export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./ui/Collapsible";
-export { Popover, PopoverTrigger, PopoverContent } from "./ui/Popover";
-export { DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger } from "./ui/DatePicker";
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "./ui/BreadcrumbExtras";
-export { PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "./ui/PaginationExtras";
+export { default as HeroUIDialog, Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from "./heroui/Dialog";
+export { default as HeroUIField, Field, FieldLabel, FieldDescription, FieldError } from "./heroui/Field";
+export { default as HeroUICollapsible, Collapsible, CollapsibleTrigger, CollapsibleContent } from "./heroui/Collapsible";
+export { default as HeroUIPopover, Popover, PopoverTrigger, PopoverContent } from "./heroui/Popover";
+export { default as HeroUIDatePicker, DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger } from "./heroui/DatePicker";
 export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
 export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
 export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";
@@ -67,5 +166,6 @@ export { default as HeroUIBreadcrumbs, Breadcrumbs } from "./heroui/Breadcrumbs"
 export { default as HeroUISeparator, Separator } from "./heroui/Separator";
 export { default as HeroUIPagination, Pagination } from "./heroui/Pagination";
 export { default as HeroUISkeleton, Skeleton } from "./heroui/Skeleton";
+export { default as HeroUISelect, Select } from "./heroui/Select";
 export { default as HeroUIKbd, Kbd } from "./heroui/Kbd";
 export { default as HeroUIScrollShadow, ScrollShadow } from "./heroui/ScrollShadow";

package/dist/components/library/index.js

@@ -0,0 +1,56 @@
+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 "framer-motion";
+import "@heroicons/react/24/outline";
+import "d3";
+import { default as ee } from "./charts/GeoMap.js";
+import "react-dom";
+import { default as ae, useDataMode as re } 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 {
+  M as AppThemeProvider,
+  g as Breadcrumb,
+  D as BreadcrumbEllipsis,
+  x as BreadcrumbItem,
+  E as BreadcrumbLink,
+  u as BreadcrumbList,
+  b as BreadcrumbPage,
+  f as BreadcrumbSeparator,
+  A as Breadcrumbs,
+  ae as DataModeProvider,
+  H as Dialog,
+  j as DialogClose,
+  z as DialogContent,
+  F as DialogDescription,
+  G as DialogFooter,
+  K as DialogHeader,
+  O as DialogOverlay,
+  R as DialogPortal,
+  U as DialogTitle,
+  V as DialogTrigger,
+  ee as GeoMap,
+  $ as HeroUIDialog,
+  J as Kbd,
+  Q as Pagination,
+  P as PaginationContent,
+  S as PaginationEllipsis,
+  v as PaginationItem,
+  n as PaginationLink,
+  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,
+  y as useThemeMode
+};
+//# sourceMappingURL=index.js.map

package/dist/components/library/index.js.map

@@ -0,0 +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;"}

package/dist/components/library/theme/AppThemeProvider.js

@@ -1,6 +1,6 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import t from "react";
-import { tokens as d, getTokenCSSProperties as i } from "./tokens.js";
+import { tokens as d, getTokenCSSProperties as u } from "./tokens.js";
 const a = t.createContext({
   mode: "light",
   theme: d,
@@ -14,7 +14,7 @@ function f(r) {
 }
 function l() {
   if (typeof document > "u") return;
-  const r = document.documentElement, o = i();
+  const r = document.documentElement, o = u();
   for (const [e, s] of Object.entries(o))
     r.style.setProperty(e, s);
 }
@@ -46,7 +46,7 @@ function y({ initialMode: r = "light", children: o }) {
     }),
     [e]
   );
-  return /* @__PURE__ */ u(a.Provider, { value: m, children: o });
+  return /* @__PURE__ */ i(a.Provider, { value: m, children: o });
 }
 export {
   y as default,

package/dist/components/library/theme/AppThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.jsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties } from \"./tokens\";\n\nconst ThemeModeContext = React.createContext({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties() {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode() {\n  return React.useContext(ThemeModeContext);\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }) {\n  const [mode, setMode] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAM,cAAc;AAAA,EAC3C,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAM;AAChC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAA0B;AACjC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAe;AAC7B,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAEA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAY;AAC5E,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAASa,CAAW;AAElDb,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}
+{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.jsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties } from \"./tokens\";\n\nconst ThemeModeContext = React.createContext({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties() {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode() {\n  return React.useContext(ThemeModeContext);\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }) {\n  const [mode, setMode] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAM,cAAc;AAAA,EAC3C,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAM;AAChC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAA0B;AACjC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAe;AAC7B,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAEA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAY;AAC5E,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAASa,CAAW;AAElD,EAAAb,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}

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

@@ -10,22 +10,22 @@ const o = {
   brand: "bg-brand-500 text-white",
   neutral: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200"
 };
-function p({ src: i, name: e, initials: x, icon: d, size: f = "sm", tone: n = "slate", className: s = "", ...l }) {
-  const r = o[f] ?? o.sm;
+function p({ src: i, name: e, initials: x, icon: n, size: c = "sm", tone: d = "slate", className: s = "", ...r }) {
+  const l = o[c] ?? o.sm;
   if (i)
     return /* @__PURE__ */ a(
       "img",
       {
         src: i,
         alt: e ?? "",
-        className: `${r} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${s}`,
-        ...l
+        className: `${l} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${s}`,
+        ...r
       }
     );
-  if (m.isValidElement(d))
-    return /* @__PURE__ */ a("div", { className: `${r} ${t[n] ?? t.slate} flex shrink-0 items-center justify-center rounded-full ${s}`, ...l, children: d });
-  const u = x ?? (e ? e.split(" ").map((c) => c[0]).join("").slice(0, 2).toUpperCase() : "?");
-  return /* @__PURE__ */ a("div", { className: `${r} ${t[n] ?? t.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${s}`, ...l, children: u });
+  if (m.isValidElement(n))
+    return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full ${s}`, ...r, children: n });
+  const f = x ?? (e ? e.split(" ").map((u) => u[0]).join("").slice(0, 2).toUpperCase() : "?");
+  return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${s}`, ...r, children: f });
 }
 export {
   p as default

package/dist/components/workspace/ComponentRegistry.js

@@ -3,6 +3,8 @@ import b from "react";
 import "../library/theme/AppThemeProvider.js";
 import u from "../library/ui/UIButton.js";
 import p from "../library/ui/Chip.js";
+import "../library/heroui/Dialog.js";
+import "@heroui/react";
 import h from "../library/cards/ChartCard.js";
 import g from "../library/cards/MetricCard.js";
 import f from "../library/cards/StatusCard.js";
@@ -15,7 +17,6 @@ import "../library/charts/GeoMap.js";
 import "react-dom";
 import "../library/data/DataModeProvider.js";
 import "@heroicons/react/24/solid";
-import "@heroui/react";
 const y = {
   NarrativeSummary({ summary: t, title: a }) {
     return /* @__PURE__ */ i("div", { className: "text-sm text-slate-600 dark:text-slate-300", children: [
@@ -217,7 +218,7 @@ let C = { ...y };
 function w() {
   return C;
 }
-function P(t, a) {
+function V(t, a) {
   const l = w()[t.type];
   return l ? /* @__PURE__ */ e(l, { ...t.props ?? {} }, t.id ?? a) : /* @__PURE__ */ i("div", { className: "rounded-lg border border-dashed border-slate-300 p-3 text-xs text-slate-500 dark:border-slate-700", children: [
     "Unknown component: ",
@@ -226,6 +227,6 @@ function P(t, a) {
 }
 export {
   w as getComponentRegistry,
-  P as renderSchemaComponent
+  V as renderSchemaComponent
 };
 //# sourceMappingURL=ComponentRegistry.js.map