@schandlergarcia/sf-web-components 1.0.2 → 1.0.4

package/dist/components/library/filters/SelectFilter.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dropdown select filter.
+ *
+ * @param {string} value — current selected value
+ * @param {Function} onChange — (value) => void
+ * @param {Array} options — [{ value, label }] or ["string", ...]
+ * @param {string} label — visible label
+ * @param {string} placeholder — placeholder when no value selected
+ */
+export default function SelectFilter({ value, onChange, options, label, placeholder, className, }: string): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/filters/ToggleFilter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Toggle switch filter.
+ *
+ * @param {boolean} value — current on/off state
+ * @param {Function} onChange — (boolean) => void
+ * @param {string} label — visible label
+ */
+export default function ToggleFilter({ value, onChange, label, className, }: boolean): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export { default as FilterBar } from "./FilterBar";
+export { default as SearchFilter } from "./SearchFilter";
+export { default as SelectFilter } from "./SelectFilter";
+export { default as ToggleFilter } from "./ToggleFilter";

package/dist/components/library/forms/FormField.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Renders a single form field with label, description, error message,
+ * and the appropriate input type.
+ */
+export default function FormField({ field, value, error, touched, onChange, onBlur }: {
+    field: any;
+    value: any;
+    error: any;
+    touched: any;
+    onChange: any;
+    onBlur: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/library/forms/FormModal.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Modal dialog for creating or editing records.
+ * Wraps FormRenderer + useFormState in an animated overlay.
+ *
+ * @param {boolean}  isOpen — whether the modal is visible
+ * @param {Function} onClose — close handler
+ * @param {string}   title — modal title (e.g. "Edit Service", "New Incident")
+ * @param {string}   subtitle — optional subtitle
+ * @param {Array}    sections — form schema sections
+ * @param {Object}   initialValues — prefill for editing (empty = create mode)
+ * @param {Function} onSubmit — async (values) => void, called on valid submit
+ * @param {string}   submitLabel — submit button text (default: "Save")
+ * @param {string}   cancelLabel — cancel button text (default: "Cancel")
+ * @param {string}   size — "sm" | "md" | "lg" | "xl" (default: "lg")
+ * @param {boolean}  destructive — if true, submit button is red (for delete confirmations)
+ */
+export default function FormModal({ isOpen, onClose, title, subtitle, sections, initialValues, onSubmit, submitLabel, cancelLabel, size, destructive, minSubmitMs, }: boolean): React.ReactPortal | null;
+import React from "react";

package/dist/components/library/forms/FormRenderer.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Renders a complete form from a schema definition.
+ * Pairs with useFormState for state management.
+ *
+ * @param {Array}    sections — form schema sections
+ * @param {Object}   values   — current form values
+ * @param {Object}   errors   — current validation errors
+ * @param {Object}   touched  — which fields have been touched
+ * @param {Function} onFieldChange — (fieldId, value) => void
+ * @param {Function} onFieldBlur — (fieldId) => void
+ * @param {string}   formError — top-level form error (e.g. submission failure)
+ */
+export default function FormRenderer({ sections, values, errors, touched, onFieldChange, onFieldBlur, formError, }: any[]): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/forms/FormSection.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A titled section of a form with a 2-column grid layout.
+ * Fields default to 1-column (half width) unless the type is naturally
+ * full-width or the field specifies `colSpan: 2`.
+ */
+export default function FormSection({ section, values, errors, touched, onFieldChange, onFieldBlur, }: {
+    section: any;
+    values: any;
+    errors: any;
+    touched: any;
+    onFieldChange: any;
+    onFieldBlur: any;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+export { default as FormModal } from "./FormModal";
+export { default as FormRenderer } from "./FormRenderer";
+export { default as FormSection } from "./FormSection";
+export { default as FormField } from "./FormField";
+export { default as useFormState } from "./useFormState";

package/dist/components/library/forms/useFormState.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Form state management hook.
+ *
+ * @param {Object} options
+ * @param {Object}  options.initialValues — prefill for editing (merged over field defaults)
+ * @param {Array}   options.sections — form schema sections (used for defaults + validation)
+ * @param {Function} options.onSubmit — called with (values) when form is valid
+ * @param {number}  options.minSubmitMs — minimum time the submit spinner shows (default 4000ms, set 0 to disable)
+ *
+ * @returns {Object} { values, errors, touched, isDirty, isValid, isSubmitting,
+ *                     setValue, setValues, setTouched, validate, reset, handleSubmit }
+ */
+export default function useFormState({ initialValues, sections, onSubmit, minSubmitMs }?: {
+    initialValues: Object;
+    sections: any[];
+    onSubmit: Function;
+    minSubmitMs: number;
+}): Object;

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

@@ -0,0 +1,24 @@
+/**
+ * HeroUI v3 Accordion — compound component.
+ *
+ * Sub-components via dot notation on the named `Accordion` export:
+ *   Accordion.Item, Accordion.Heading, Accordion.Trigger,
+ *   Accordion.Panel, Accordion.Body, Accordion.Indicator
+ *
+ * @example
+ *   import { Accordion } from "@/components/library";
+ *   <Accordion>
+ *     <Accordion.Item>
+ *       <Accordion.Heading>
+ *         <Accordion.Trigger>Section 1<Accordion.Indicator /></Accordion.Trigger>
+ *       </Accordion.Heading>
+ *       <Accordion.Panel><Accordion.Body>Content</Accordion.Body></Accordion.Panel>
+ *     </Accordion.Item>
+ *   </Accordion>
+ */
+export default function HeroUIAccordion({ variant, ...props }: {
+    [x: string]: any;
+    variant?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export { Accordion };
+import { Accordion } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIAlert({ variant, ...props }: {
+    [x: string]: any;
+    variant?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export { Alert };
+import { Alert } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIBadge({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge };
+import { Badge } from "@heroui/react";

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

@@ -0,0 +1,17 @@
+/**
+ * HeroUI v3 Breadcrumbs — compound component.
+ *
+ * Sub-components via dot notation on the named `Breadcrumbs` export:
+ *   Breadcrumbs.Item
+ *
+ * @example
+ *   import { Breadcrumbs } from "@/components/library";
+ *   <Breadcrumbs>
+ *     <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
+ *     <Breadcrumbs.Item href="/settings">Settings</Breadcrumbs.Item>
+ *     <Breadcrumbs.Item>Profile</Breadcrumbs.Item>
+ *   </Breadcrumbs>
+ */
+export default function HeroUIBreadcrumbs(props: any): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumbs };
+import { Breadcrumbs } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIButton({ tone, size, fullWidth, ...props }: {
+    [x: string]: any;
+    tone?: string | undefined;
+    size?: string | undefined;
+    fullWidth: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export default function HeroUICard({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { Card };
+import { Card } from "@heroui/react";

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

@@ -0,0 +1,27 @@
+/**
+ * HeroUI v3 Drawer — compound component.
+ *
+ * Sub-components via dot notation on the named `Drawer` export:
+ *   Drawer.Backdrop, Drawer.Content, Drawer.Dialog,
+ *   Drawer.Header, Drawer.Heading, Drawer.Body, Drawer.Footer,
+ *   Drawer.Handle, Drawer.CloseTrigger
+ *
+ * @example
+ *   import { Drawer } from "@/components/library";
+ *   <Drawer>
+ *     <Button>Open</Button>
+ *     <Drawer.Backdrop>
+ *       <Drawer.Content placement="right">
+ *         <Drawer.Dialog>
+ *           <Drawer.CloseTrigger />
+ *           <Drawer.Header><Drawer.Heading>Details</Drawer.Heading></Drawer.Header>
+ *           <Drawer.Body>…</Drawer.Body>
+ *           <Drawer.Footer>…</Drawer.Footer>
+ *         </Drawer.Dialog>
+ *       </Drawer.Content>
+ *     </Drawer.Backdrop>
+ *   </Drawer>
+ */
+export default function HeroUIDrawer(props: any): import("react/jsx-runtime").JSX.Element;
+export { Drawer };
+import { Drawer } from "@heroui/react";

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

@@ -0,0 +1,23 @@
+/**
+ * HeroUI v3 Dropdown — compound component.
+ *
+ * Sub-components via dot notation on the named `Dropdown` export:
+ *   Dropdown.Trigger, Dropdown.Popover, Dropdown.Menu,
+ *   Dropdown.Item, Dropdown.Section, Dropdown.ItemIndicator,
+ *   Dropdown.SubmenuTrigger, Dropdown.SubmenuIndicator
+ *
+ * @example
+ *   import { Dropdown } from "@/components/library";
+ *   <Dropdown>
+ *     <Button>Actions</Button>
+ *     <Dropdown.Popover>
+ *       <Dropdown.Menu onAction={(key) => console.log(key)}>
+ *         <Dropdown.Item id="edit" textValue="Edit"><Label>Edit</Label></Dropdown.Item>
+ *         <Dropdown.Item id="delete" textValue="Delete" variant="danger"><Label>Delete</Label></Dropdown.Item>
+ *       </Dropdown.Menu>
+ *     </Dropdown.Popover>
+ *   </Dropdown>
+ */
+export default function HeroUIDropdown(props: any): import("react/jsx-runtime").JSX.Element;
+export { Dropdown };
+import { Dropdown } from "@heroui/react";

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

@@ -0,0 +1 @@
+export default function HeroUIInput(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export default function HeroUIKbd({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { Kbd };
+import { Kbd } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIMeter({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { Meter };
+import { Meter } from "@heroui/react";

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

@@ -0,0 +1,27 @@
+/**
+ * HeroUI v3 Modal — compound component.
+ *
+ * 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 { Modal } from "@/components/library";
+ *   <Modal>
+ *     <Button>Open</Button>
+ *     <Modal.Backdrop>
+ *       <Modal.Container>
+ *         <Modal.Dialog>
+ *           <Modal.CloseTrigger />
+ *           <Modal.Header><Modal.Heading>Title</Modal.Heading></Modal.Header>
+ *           <Modal.Body>…</Modal.Body>
+ *           <Modal.Footer>…</Modal.Footer>
+ *         </Modal.Dialog>
+ *       </Modal.Container>
+ *     </Modal.Backdrop>
+ *   </Modal>
+ */
+export default function HeroUIModal(props: any): import("react/jsx-runtime").JSX.Element;
+export { Modal };
+import { Modal } from "@heroui/react";

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

@@ -0,0 +1,3 @@
+export default function HeroUIPagination(props: any): import("react/jsx-runtime").JSX.Element;
+export { Pagination };
+import { Pagination } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIProgressBar({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { ProgressBar };
+import { ProgressBar } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIProgressCircle({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { ProgressCircle };
+import { ProgressCircle } from "@heroui/react";

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

@@ -0,0 +1,6 @@
+export default function HeroUIScrollShadow({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { ScrollShadow };
+import { ScrollShadow } from "@heroui/react";

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

@@ -0,0 +1,22 @@
+/**
+ * HeroUI v3 Select — compound component.
+ *
+ * Sub-components via dot notation on the named `Select` export:
+ *   Select.Trigger, Select.Value, Select.Popover,
+ *   Select.ListBox, Select.Item, Select.Section
+ *
+ * @example
+ *   import { Select } from "@/components/library";
+ *   <Select>
+ *     <Select.Trigger><Select.Value placeholder="Pick one" /></Select.Trigger>
+ *     <Select.Popover>
+ *       <Select.ListBox>
+ *         <Select.Item id="a">Option A</Select.Item>
+ *         <Select.Item id="b">Option B</Select.Item>
+ *       </Select.ListBox>
+ *     </Select.Popover>
+ *   </Select>
+ */
+export default function HeroUISelect(props: any): import("react/jsx-runtime").JSX.Element;
+export { Select };
+import { Select } from "@heroui/react";

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

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

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

@@ -0,0 +1,6 @@
+export default function HeroUISkeleton({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+import { Skeleton } from "@heroui/react";

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

@@ -0,0 +1,24 @@
+/**
+ * HeroUI v3 Tabs — compound component.
+ *
+ * Sub-components via dot notation on the named `Tabs` export:
+ *   Tabs.List, Tabs.ListContainer, Tabs.Tab, Tabs.Panel,
+ *   Tabs.Separator, Tabs.Indicator
+ *
+ * @example
+ *   import { Tabs } from "@/components/library";
+ *   <Tabs>
+ *     <Tabs.List aria-label="Options">
+ *       <Tabs.Tab id="overview">Overview</Tabs.Tab>
+ *       <Tabs.Tab id="analytics">Analytics</Tabs.Tab>
+ *     </Tabs.List>
+ *     <Tabs.Panel id="overview">…</Tabs.Panel>
+ *     <Tabs.Panel id="analytics">…</Tabs.Panel>
+ *   </Tabs>
+ */
+export default function HeroUITabs({ variant, ...props }: {
+    [x: string]: any;
+    variant?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export { Tabs };
+import { Tabs } from "@heroui/react";

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

@@ -0,0 +1,21 @@
+/**
+ * HeroUI v3 Toast — notification system.
+ *
+ * SETUP: Add <Toast.Provider /> to your app root (_app.js).
+ *
+ * Then call the `toast` function from anywhere:
+ *   toast("Event created");
+ *   toast.success("Saved!");
+ *   toast.warning("Check settings");
+ *   toast.danger("Something failed");
+ *   toast.promise(asyncFn(), { loading: "…", success: "Done", error: "Failed" });
+ *
+ * Sub-components via dot notation on the named `Toast` export:
+ *   Toast.Provider, Toast.Indicator, Toast.Content,
+ *   Toast.Title, Toast.Description, Toast.ActionButton,
+ *   Toast.CloseButton
+ */
+export default function HeroUIToast(props: any): import("react/jsx-runtime").JSX.Element;
+import { Toast } from "@heroui/react";
+import { toast } from "@heroui/react";
+export { Toast, toast };

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

@@ -0,0 +1,4 @@
+export default function HeroUIToggle({ label, ...props }: {
+    [x: string]: any;
+    label?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+/**
+ * HeroUI v3 Tooltip — compound component.
+ *
+ * Sub-components via dot notation on the named `Tooltip` export:
+ *   Tooltip.Trigger, Tooltip.Content, Tooltip.Arrow
+ *
+ * @example
+ *   import { Tooltip } from "@/components/library";
+ *   <Tooltip>
+ *     <Tooltip.Trigger><Button>Hover me</Button></Tooltip.Trigger>
+ *     <Tooltip.Content>Helpful info</Tooltip.Content>
+ *   </Tooltip>
+ */
+export default function HeroUITooltip(props: any): import("react/jsx-runtime").JSX.Element;
+export { Tooltip };
+import { Tooltip } from "@heroui/react";

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

@@ -0,0 +1,60 @@
+export { default as UIButton } from "./ui/Button";
+export { default as UIInput } from "./ui/Input";
+export { default as UIToggle } from "./ui/Toggle";
+export { default as UIText } from "./ui/Text";
+export { default as UICard } from "./ui/Card";
+export { default as UIContainer } from "./ui/Container";
+export { default as UIChip } from "./ui/Chip";
+export { default as Avatar } from "./ui/Avatar";
+export { default as Spinner } from "./ui/Spinner";
+export { default as EmptyState } from "./ui/EmptyState";
+export { default as BaseCard } from "./cards/BaseCard";
+export { default as ChartCard } from "./cards/ChartCard";
+export { default as ListCard } from "./cards/ListCard";
+export { default as MetricCard } from "./cards/MetricCard";
+export { default as SectionCard } from "./cards/SectionCard";
+export { default as StatusCard } from "./cards/StatusCard";
+export { default as TableCard } from "./cards/TableCard";
+export { default as WidgetCard } from "./cards/WidgetCard";
+export { default as FeedPanel } from "./cards/FeedPanel";
+export { default as ActivityCard } from "./cards/ActivityCard";
+export { default as MetricsStrip } from "./cards/MetricsStrip";
+export { default as CalloutCard } from "./cards/CalloutCard";
+export { default as ActionList } from "./cards/ActionList";
+export { default as D3Chart } from "./charts/D3Chart";
+export { D3ChartTemplates } from "./charts/D3ChartTemplates";
+export { default as GeoMap } from "./charts/GeoMap";
+export { default as PageContainer } from "./layout/PageContainer";
+export { default as CardSkeleton } from "./skeletons/CardSkeleton";
+export { default as DataModeToggle } from "./data/DataModeToggle";
+export { default as useDataSource } from "./data/useDataSource";
+export { default as usePageFilters } from "./data/usePageFilters";
+export { default as HeroUIButton } from "./heroui/Button";
+export { default as HeroUIInput } from "./heroui/Input";
+export { default as HeroUICard } from "./heroui/Card";
+export { default as HeroUIToggle } from "./heroui/Toggle";
+export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
+export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
+export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
+export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";
+export { filterBySearch, filterByValue, filterByToggle, filterByDateRange, sortByKey, applyFilters } from "./data/filterUtils";
+export { ChatPanel, ChatBar, ChatMessageList, ChatMessage, ChatInput, ChatTypingIndicator, ChatSuggestions, ChatToolCall, ChatWelcome, useChatState } from "./chat";
+export { default as HeroUITabs, Tabs } from "./heroui/Tabs";
+export { default as HeroUIAccordion, Accordion } from "./heroui/Accordion";
+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 HeroUIDrawer, Drawer } from "./heroui/Drawer";
+export { default as HeroUIModal, Modal } from "./heroui/Modal";
+export { default as HeroUIDropdown, Dropdown } from "./heroui/Dropdown";
+export { default as HeroUITooltip, Tooltip } from "./heroui/Tooltip";
+export { default as HeroUIToast, Toast, toast } from "./heroui/Toast";
+export { default as HeroUIAlert, Alert } from "./heroui/Alert";
+export { default as HeroUIBadge, Badge } from "./heroui/Badge";
+export { default as HeroUIProgressBar, ProgressBar } from "./heroui/ProgressBar";
+export { default as HeroUIProgressCircle, ProgressCircle } from "./heroui/ProgressCircle";
+export { default as HeroUIMeter, Meter } from "./heroui/Meter";
+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/layout/PageContainer.d.ts

@@ -0,0 +1,4 @@
+export default function PageContainer({ className, children }: {
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/skeletons/CardSkeleton.d.ts

@@ -0,0 +1,4 @@
+export default function CardSkeleton({ lines, className }: {
+    lines?: number | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/theme/AppThemeProvider.d.ts

@@ -0,0 +1,51 @@
+export function useThemeMode(): {
+    mode: string;
+    theme: {
+        colors: {
+            brand: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            accent: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+        };
+        radius: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        spacing: {
+            pageX: string;
+            pageY: string;
+        };
+    };
+    toggle: () => void;
+};
+export default function AppThemeProvider({ initialMode, children }: {
+    initialMode?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/theme/tokens.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Generates CSS custom property assignments from the token palettes.
+ * Used by AppThemeProvider to inject on :root at runtime.
+ */
+export function getTokenCSSProperties(): {};
+export namespace tokens {
+    namespace colors {
+        let brand: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        let accent: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+    }
+    namespace fonts {
+        let sans: string;
+        let mono: string;
+    }
+    namespace radius {
+        let sm: string;
+        let md: string;
+        let lg: string;
+    }
+    namespace spacing {
+        let pageX: string;
+        let pageY: string;
+    }
+}

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

@@ -0,0 +1,10 @@
+export default function Avatar({ src, name, initials, icon, size, tone, className, ...rest }: {
+    [x: string]: any;
+    src: any;
+    name: any;
+    initials: any;
+    icon: any;
+    size?: string | undefined;
+    tone?: string | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export default function UIButton({ variant, size, fullWidth, disabled, onClick, children, style, className, ...rest }: {
+    [x: string]: any;
+    variant?: string | undefined;
+    size?: string | undefined;
+    fullWidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+    children: any;
+    style?: undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

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