@voyantjs/ui 0.6.7

package/dist/components/context-menu.d.ts

@@ -0,0 +1,30 @@
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
+import type * as React from "react";
+declare function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubContent({ ...props }: React.ComponentProps<typeof ContextMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/components/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/context-menu.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { cn } from "../lib/utils";
+function ContextMenu({ ...props }) {
+    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+    return _jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuTrigger({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", className: cn("select-none", className), ...props }));
+}
+function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(ContextMenuPrimitive.Popup, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props }) }) }));
+}
+function ContextMenuGroup({ ...props }) {
+    return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuLabel({ className, inset, ...props }) {
+    return (_jsx(ContextMenuPrimitive.GroupLabel, { "data-slot": "context-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className), ...props }));
+}
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-inset": inset, "data-variant": variant, className: cn("group/context-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className), ...props }));
+}
+function ContextMenuSub({ ...props }) {
+    return _jsx(ContextMenuPrimitive.SubmenuRoot, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.SubmenuTrigger, { "data-slot": "context-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] }));
+}
+function ContextMenuSubContent({ ...props }) {
+    return (_jsx(ContextMenuContent, { "data-slot": "context-menu-sub-content", className: "shadow-lg", side: "right", ...props }));
+}
+function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.CheckboxItem, { "data-slot": "context-menu-checkbox-item", "data-inset": inset, className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2", children: _jsx(ContextMenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+}
+function ContextMenuRadioGroup({ ...props }) {
+    return _jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuRadioItem({ className, children, inset, ...props }) {
+    return (_jsxs(ContextMenuPrimitive.RadioItem, { "data-slot": "context-menu-radio-item", "data-inset": inset, className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2", children: _jsx(ContextMenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+}
+function ContextMenuSeparator({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+function ContextMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "context-menu-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className), ...props }));
+}
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/components/contract-template-authoring-help.d.ts

@@ -0,0 +1,32 @@
+export type TemplateAuthoringVariable = {
+    key: string;
+    label: string;
+    example: string;
+    type: string;
+    description?: string;
+    deprecated?: boolean;
+};
+export type TemplateAuthoringVariableGroup = {
+    id: string;
+    label: string;
+    description?: string;
+    variables: TemplateAuthoringVariable[];
+};
+export type TemplateAuthoringSnippet = {
+    id: string;
+    label: string;
+    description: string;
+    code: string;
+};
+type ContractTemplateAuthoringHelpProps = {
+    variableGroups: TemplateAuthoringVariableGroup[];
+    snippets?: TemplateAuthoringSnippet[];
+    onInsertVariable?: (variable: TemplateAuthoringVariable) => void;
+    onInsertSnippet?: (snippet: TemplateAuthoringSnippet) => void;
+    className?: string;
+    title?: string;
+    description?: string;
+};
+export declare function ContractTemplateAuthoringHelp({ variableGroups, snippets, onInsertVariable, onInsertSnippet, className, title, description, }: ContractTemplateAuthoringHelpProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=contract-template-authoring-help.d.ts.map

package/dist/components/contract-template-authoring-help.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract-template-authoring-help.d.ts","sourceRoot":"","sources":["../../src/components/contract-template-authoring-help.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,yBAAyB,EAAE,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,kCAAkC,GAAG;IACxC,cAAc,EAAE,8BAA8B,EAAE,CAAA;IAChD,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAChE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAA;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAMD,wBAAgB,6BAA6B,CAAC,EAC5C,cAAc,EACd,QAAa,EACb,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,KAA4B,EAC5B,WAAwH,GACzH,EAAE,kCAAkC,2CA+KpC"}

package/dist/components/contract-template-authoring-help.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon, SparklesIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils";
+import { Badge } from "./badge";
+import { Button } from "./button";
+import { Input } from "./input";
+import { ScrollArea } from "./scroll-area";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
+function matchesSearch(haystack, query) {
+    return haystack.toLowerCase().includes(query);
+}
+export function ContractTemplateAuthoringHelp({ variableGroups, snippets = [], onInsertVariable, onInsertSnippet, className, title = "Template variables", description = "Templates render with Liquid. Use output tags for variables and control tags for loops and conditionals.", }) {
+    const [search, setSearch] = React.useState("");
+    const normalizedQuery = search.trim().toLowerCase();
+    const filteredGroups = React.useMemo(() => {
+        if (!normalizedQuery) {
+            return variableGroups;
+        }
+        return variableGroups
+            .map((group) => ({
+            ...group,
+            variables: group.variables.filter((variable) => matchesSearch([variable.key, variable.label, variable.description, variable.example, variable.type]
+                .filter(Boolean)
+                .join(" "), normalizedQuery)),
+        }))
+            .filter((group) => group.variables.length > 0);
+    }, [normalizedQuery, variableGroups]);
+    const filteredSnippets = React.useMemo(() => {
+        if (!normalizedQuery) {
+            return snippets;
+        }
+        return snippets.filter((snippet) => matchesSearch([snippet.label, snippet.description, snippet.code].filter(Boolean).join(" "), normalizedQuery));
+    }, [normalizedQuery, snippets]);
+    return (_jsxs("div", { className: cn("rounded-md border bg-muted/20", className), children: [_jsxs("div", { className: "flex flex-col gap-1 border-b px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SparklesIcon, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-medium", children: title })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: description })] }), _jsxs(Tabs, { defaultValue: "variables", className: "gap-3 p-4", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { value: "variables", children: "Variables" }), _jsx(TabsTrigger, { value: "liquid", children: "Liquid" })] }), _jsxs("div", { className: "relative", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search variables or snippets...", className: "pl-9" })] }), _jsx(TabsContent, { value: "variables", children: _jsx(ScrollArea, { className: "h-80", children: _jsx("div", { className: "space-y-4 pr-3", children: filteredGroups.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No variables match this search." })) : (filteredGroups.map((group) => (_jsxs("section", { className: "space-y-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h4", { className: "text-sm font-medium", children: group.label }), _jsx(Badge, { variant: "outline", children: group.variables.length })] }), group.description ? (_jsx("p", { className: "text-xs text-muted-foreground", children: group.description })) : null] }), _jsx("div", { className: "space-y-2", children: group.variables.map((variable) => (_jsx("div", { className: "rounded-md border bg-background p-3 shadow-xs", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-sm font-medium", children: variable.label }), _jsx(Badge, { variant: "outline", className: "font-normal", children: variable.type })] }), _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-xs", children: `{{ ${variable.key} }}` }), variable.description ? (_jsx("p", { className: "text-xs text-muted-foreground", children: variable.description })) : null, _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Example:", " ", _jsx("span", { className: "font-mono text-foreground", children: variable.example })] })] }), onInsertVariable ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onInsertVariable(variable), children: "Insert" })) : null] }) }, variable.key))) })] }, group.id)))) }) }) }), _jsx(TabsContent, { value: "liquid", children: _jsx(ScrollArea, { className: "h-80", children: _jsxs("div", { className: "space-y-3 pr-3", children: [_jsxs("div", { className: "rounded-md border bg-background p-3 text-xs text-muted-foreground", children: ["Use ", _jsx("code", { className: "font-mono text-foreground", children: `{{ ... }}` }), " for output and", " ", _jsx("code", { className: "font-mono text-foreground", children: `{% ... %}` }), " for control flow."] }), filteredSnippets.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No Liquid snippets match this search." })) : (filteredSnippets.map((snippet) => (_jsxs("div", { className: "rounded-md border bg-background p-3 shadow-xs", children: [_jsxs("div", { className: "mb-2 flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: snippet.label }), _jsx("p", { className: "text-xs text-muted-foreground", children: snippet.description })] }), onInsertSnippet ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onInsertSnippet(snippet), children: "Insert" })) : null] }), _jsx("pre", { className: "whitespace-pre-wrap rounded-md bg-muted p-3 font-mono text-xs text-foreground", children: snippet.code })] }, snippet.id))))] }) }) })] })] }));
+}

package/dist/components/country-combobox.d.ts

@@ -0,0 +1,9 @@
+export type CountryComboboxProps = {
+    value: string | null | undefined;
+    onChange: (code: string | null) => void;
+    placeholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+};
+export declare function CountryCombobox({ value, onChange, placeholder, emptyText, disabled, }: CountryComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=country-combobox.d.ts.map

package/dist/components/country-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-combobox.d.ts","sourceRoot":"","sources":["../../src/components/country-combobox.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAiC,EACjC,SAAiC,EACjC,QAAQ,GACT,EAAE,oBAAoB,2CA+DtB"}

package/dist/components/country-combobox.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { countries } from "@voyantjs/utils/countries";
+import * as React from "react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "./combobox";
+const COUNTRY_LIST = countries.flat()
+    .slice()
+    .sort((a, b) => a.name.localeCompare(b.name));
+const COUNTRY_BY_CODE = new Map();
+for (const c of COUNTRY_LIST)
+    COUNTRY_BY_CODE.set(c.code, c);
+export function CountryCombobox({ value, onChange, placeholder = "Search countries…", emptyText = "No countries found.", disabled, }) {
+    const normalized = value ? value.toUpperCase() : null;
+    const selectedLabel = React.useMemo(() => {
+        if (!normalized)
+            return "";
+        const match = COUNTRY_BY_CODE.get(normalized);
+        return match ? `${match.name} (${match.code})` : normalized;
+    }, [normalized]);
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    const itemCodes = React.useMemo(() => COUNTRY_LIST.map((c) => c.code), []);
+    return (_jsxs(Combobox, { items: itemCodes, value: normalized, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (code) => {
+            const match = COUNTRY_BY_CODE.get(code);
+            return match ? `${match.name} (${match.code})` : code;
+        }, onInputValueChange: (next) => {
+            setInputValue(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const code = next ?? null;
+            onChange(code);
+            if (code) {
+                const match = COUNTRY_BY_CODE.get(code);
+                setInputValue(match ? `${match.name} (${match.code})` : code);
+            }
+            else {
+                setInputValue("");
+            }
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!normalized }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: emptyText }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (code) => {
+                                const country = COUNTRY_BY_CODE.get(code);
+                                if (!country)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: country.code, children: _jsxs("div", { className: "flex min-w-0 flex-1 items-center justify-between gap-2", children: [_jsx("span", { className: "truncate", children: country.name }), _jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: country.code })] }) }, country.code));
+                            } }) })] })] }));
+}

package/dist/components/currency-combobox.d.ts

@@ -0,0 +1,14 @@
+export interface CurrencyComboboxProps {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Currency picker backed by the canonical `currencies` list from
+ * `@voyantjs/utils`. Trigger displays `CODE (symbol)`; items display
+ * `CODE — Name (symbol)`. Searchable across code, name, and symbol.
+ */
+export declare function CurrencyCombobox({ value, onChange, placeholder, disabled, className, }: CurrencyComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=currency-combobox.d.ts.map

package/dist/components/currency-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-combobox.d.ts","sourceRoot":"","sources":["../../src/components/currency-combobox.tsx"],"names":[],"mappings":"AAkCA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,2CAkEvB"}

package/dist/components/currency-combobox.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { currencies } from "@voyantjs/utils/currencies";
+import * as React from "react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "./combobox";
+const ALL_CURRENCIES = Object.values(currencies);
+function triggerLabel(record) {
+    if (!record)
+        return "";
+    return `${record.code} (${record.symbol})`;
+}
+function matchesSearch(record, q) {
+    const needle = q.toLowerCase();
+    return (record.code.toLowerCase().includes(needle) ||
+        record.name.toLowerCase().includes(needle) ||
+        record.symbol.toLowerCase().includes(needle));
+}
+/**
+ * Currency picker backed by the canonical `currencies` list from
+ * `@voyantjs/utils`. Trigger displays `CODE (symbol)`; items display
+ * `CODE — Name (symbol)`. Searchable across code, name, and symbol.
+ */
+export function CurrencyCombobox({ value, onChange, placeholder = "Select currency…", disabled, className, }) {
+    const [search, setSearch] = React.useState("");
+    const filtered = React.useMemo(() => {
+        const q = search.trim();
+        if (!q)
+            return ALL_CURRENCIES;
+        return ALL_CURRENCIES.filter((c) => matchesSearch(c, q));
+    }, [search]);
+    const selected = value ? currencies[value] : undefined;
+    const selectedLabel = triggerLabel(selected);
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    // Keep the input in sync when the selected value changes from the outside.
+    React.useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: filtered.map((c) => c.code), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (code) => triggerLabel(currencies[code]), onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const code = next ?? null;
+            onChange(code);
+            setInputValue(code ? triggerLabel(currencies[code]) : "");
+        }, children: [_jsx(ComboboxInput, { className: className ?? "w-full", placeholder: placeholder, showClear: Boolean(value) }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: "No currencies found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (code) => {
+                                const record = currencies[code];
+                                if (!record)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: record.code, children: _jsxs("span", { className: "truncate", children: [_jsx("span", { className: "font-medium", children: record.code }), _jsxs("span", { className: "text-muted-foreground", children: [" ", "\u2014 ", record.name, " (", record.symbol, ")"] })] }) }, record.code));
+                            } }) })] })] }));
+}

package/dist/components/dashboard-widgets.d.ts

@@ -0,0 +1,66 @@
+import type * as React from "react";
+type DashboardIcon = React.ComponentType<{
+    className?: string;
+}>;
+export interface DashboardStatusRow {
+    status: string;
+    count: number;
+}
+export interface DashboardMonthPoint {
+    month: string;
+    count: number;
+}
+export interface DashboardCurrencyBreakdown {
+    currency: string;
+    count: number;
+    totalCents: number;
+}
+export interface DashboardRevenuePoint {
+    month: string;
+    totalCents: number;
+}
+export interface DashboardRevenueSeries {
+    currency: string;
+    totalCents: number;
+    points: DashboardRevenuePoint[];
+}
+export declare function DashboardStatCard({ title, value, description, icon: Icon, isLoading, isError, }: {
+    title: string;
+    value: number | string | undefined;
+    description: string;
+    icon: DashboardIcon;
+    isLoading: boolean;
+    isError: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BookingStatusWidget({ rows, isLoading, isError, title, description, }: {
+    rows: DashboardStatusRow[];
+    isLoading: boolean;
+    isError: boolean;
+    title?: string;
+    description?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MonthlyBookingsWidget({ points, isLoading, isError, title, description, }: {
+    points: DashboardMonthPoint[];
+    isLoading: boolean;
+    isError: boolean;
+    title?: string;
+    description?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RevenueWidget({ series, isLoading, isError, title, description, emptyMessage, }: {
+    series: DashboardRevenueSeries | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    title?: string;
+    description?: string;
+    emptyMessage?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function OutstandingInvoicesWidget({ rows, isLoading, isError, title, description, emptyMessage, }: {
+    rows: DashboardCurrencyBreakdown[];
+    isLoading: boolean;
+    isError: boolean;
+    title?: string;
+    description?: string;
+    emptyMessage?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dashboard-widgets.d.ts.map

package/dist/components/dashboard-widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-widgets.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-widgets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAgBnC,KAAK,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEhE,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,qBAAqB,EAAE,CAAA;CAChC;AA+BD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EACT,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;CACjB,2CAmBA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAwB,EACxB,WAAyD,GAC1D,EAAE;IACD,IAAI,EAAE,kBAAkB,EAAE,CAAA;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAwCA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAA0B,EAC1B,WAAkE,GACnE,EAAE;IACD,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAC7B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAiCA;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAiB,EACjB,WAA+D,EAC/D,YAAiD,GAClD,EAAE;IACD,MAAM,EAAE,sBAAsB,GAAG,SAAS,CAAA;IAC1C,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAkDA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAiC,EACjC,WAA0D,EAC1D,YAAyC,GAC1C,EAAE;IACD,IAAI,EAAE,0BAA0B,EAAE,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAqCA"}

package/dist/components/dashboard-widgets.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
+import { Card, CardContent, CardHeader, CardTitle } from "./card";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "./chart";
+import { Skeleton } from "./skeleton";
+const monthLabelFormatter = new Intl.DateTimeFormat(undefined, { month: "short" });
+const monthlyBookingsChartConfig = {
+    bookings: {
+        label: "Bookings",
+        color: "var(--color-chart-2)",
+    },
+};
+function formatMonthLabel(month) {
+    return monthLabelFormatter.format(new Date(`${month}-01T00:00:00Z`));
+}
+function formatCurrency(cents, currency) {
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(cents / 100);
+}
+function formatBookingStatus(status) {
+    return status.replace(/_/g, " ");
+}
+function buildRevenueChartConfig(currency) {
+    return {
+        revenue: {
+            label: currency,
+            color: "var(--color-chart-3)",
+        },
+    };
+}
+function SectionSkeleton({ height = "h-72" }) {
+    return _jsx(Skeleton, { className: `w-full ${height}` });
+}
+export function DashboardStatCard({ title, value, description, icon: Icon, isLoading, isError, }) {
+    return (_jsxs(Card, { size: "sm", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-3", children: [_jsx(CardTitle, { className: "text-sm text-muted-foreground", children: title }), _jsx(Icon, { className: "h-4 w-4 text-muted-foreground" })] }), _jsxs(CardContent, { className: "space-y-1", children: [isLoading ? (_jsx(Skeleton, { className: "h-8 w-20" })) : isError ? (_jsx("div", { className: "text-2xl font-semibold tracking-tight text-muted-foreground", children: "\u2014" })) : (_jsx("div", { className: "text-2xl font-semibold tracking-tight", children: value ?? 0 })), _jsx("p", { className: "text-xs text-muted-foreground", children: isError ? "Failed to load" : description })] })] }));
+}
+export function BookingStatusWidget({ rows, isLoading, isError, title = "Booking Status", description = "Current booking mix across the workspace.", }) {
+    const maxCount = rows.reduce((max, row) => Math.max(max, row.count), 0);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsx(CardContent, { children: isLoading ? (_jsx(SectionSkeleton, { height: "h-64" })) : isError ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Failed to load booking status aggregates." })) : (_jsx("div", { className: "space-y-4", children: rows.map((row) => {
+                        const width = maxCount > 0 ? `${(row.count / maxCount) * 100}%` : "0%";
+                        return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsx("span", { className: "capitalize text-muted-foreground", children: formatBookingStatus(row.status) }), _jsx("span", { className: "font-mono text-foreground", children: row.count.toLocaleString() })] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-foreground/70 transition-[width]", style: { width } }) })] }, row.status));
+                    }) })) })] }));
+}
+export function MonthlyBookingsWidget({ points, isLoading, isError, title = "Monthly Bookings", description = "Booking creation trend across the last six months.", }) {
+    const chartData = points.map((point) => ({
+        month: formatMonthLabel(point.month),
+        bookings: point.count,
+    }));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsx(CardContent, { children: isLoading ? (_jsx(SectionSkeleton, {})) : isError ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Failed to load monthly booking aggregates." })) : (_jsx(ChartContainer, { config: monthlyBookingsChartConfig, className: "h-72 w-full", children: _jsxs(BarChart, { data: chartData, accessibilityLayer: true, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8 }), _jsx(YAxis, { allowDecimals: false, tickLine: false, axisLine: false, width: 32 }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(Bar, { dataKey: "bookings", fill: "var(--color-bookings)", radius: [10, 10, 4, 4] })] }) })) })] }));
+}
+export function RevenueWidget({ series, isLoading, isError, title = "Revenue", description = "Issued invoice totals over the last six months.", emptyMessage = "No invoice revenue recorded yet.", }) {
+    const chartData = series?.points.map((point) => ({
+        month: formatMonthLabel(point.month),
+        revenue: point.totalCents / 100,
+    })) ?? [];
+    const config = buildRevenueChartConfig(series?.currency ?? title);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center justify-between gap-4 text-base", children: [_jsxs("span", { children: [title, " \u00B7 ", series?.currency ?? "—"] }), !isLoading && !isError && series ? (_jsx("span", { className: "font-mono text-sm text-muted-foreground", children: formatCurrency(series.totalCents, series.currency) })) : null] }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsx(CardContent, { children: isLoading ? (_jsx(SectionSkeleton, { height: "h-64" })) : isError ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Failed to load revenue aggregates." })) : !series ? (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })) : (_jsx(ChartContainer, { config: config, className: "h-64 w-full", children: _jsxs(LineChart, { data: chartData, accessibilityLayer: true, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8 }), _jsx(YAxis, { tickLine: false, axisLine: false, width: 48 }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(Line, { dataKey: "revenue", type: "monotone", stroke: "var(--color-revenue)", strokeWidth: 2.5, dot: false })] }) })) })] }));
+}
+export function OutstandingInvoicesWidget({ rows, isLoading, isError, title = "Outstanding Receivables", description = "Open invoice balances grouped by currency.", emptyMessage = "No outstanding invoices.", }) {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsx(CardContent, { children: isLoading ? (_jsx(SectionSkeleton, { height: "h-64" })) : isError ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Failed to load receivables." })) : rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyMessage })) : (_jsx("div", { className: "space-y-3", children: rows.map((row) => (_jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border border-border/70 px-4 py-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-medium", children: row.currency }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [row.count.toLocaleString(), " open invoice", row.count === 1 ? "" : "s"] })] }), _jsx("div", { className: "text-right font-mono text-sm", children: formatCurrency(row.totalCents, row.currency) })] }, row.currency))) })) })] }));
+}

package/dist/components/data-table-column-header.d.ts

@@ -0,0 +1,9 @@
+import type { Column } from "@tanstack/react-table";
+type DataTableColumnHeaderProps<TData, TValue> = {
+    column: Column<TData, TValue>;
+    title: string;
+    className?: string;
+};
+export declare function DataTableColumnHeader<TData, TValue>({ column, title, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=data-table-column-header.d.ts.map

package/dist/components/data-table-column-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-header.d.ts","sourceRoot":"","sources":["../../src/components/data-table-column-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAKnD,KAAK,0BAA0B,CAAC,KAAK,EAAE,MAAM,IAAI;IAC/C,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,EACnD,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,2CAwB3C"}

package/dist/components/data-table-column-header.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
+import { cn } from "../lib/utils";
+import { Button } from "./button";
+export function DataTableColumnHeader({ column, title, className, }) {
+    if (!column.getCanSort()) {
+        return _jsx("div", { className: cn(className), children: title });
+    }
+    const sorted = column.getIsSorted();
+    return (_jsxs(Button, { variant: "ghost", size: "sm", className: cn("-ml-3 h-8 justify-start", className), onClick: () => column.toggleSorting(sorted === "asc"), children: [_jsx("span", { children: title }), sorted === "asc" ? (_jsx(ArrowUp, { className: "h-4 w-4" })) : sorted === "desc" ? (_jsx(ArrowDown, { className: "h-4 w-4" })) : (_jsx(ArrowUpDown, { className: "h-4 w-4" }))] }));
+}

package/dist/components/data-table-pagination.d.ts

@@ -0,0 +1,7 @@
+import type { Table } from "@tanstack/react-table";
+type DataTablePaginationProps<TData> = {
+    table: Table<TData>;
+};
+export declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=data-table-pagination.d.ts.map

package/dist/components/data-table-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../src/components/data-table-pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAKlD,KAAK,wBAAwB,CAAC,KAAK,IAAI;IACrC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAoCpF"}

package/dist/components/data-table-pagination.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Button } from "./button";
+export function DataTablePagination({ table }) {
+    const totalRows = table.getPrePaginationRowModel().rows.length;
+    const { pageIndex, pageSize } = table.getState().pagination;
+    const start = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
+    const end = totalRows === 0 ? 0 : Math.min((pageIndex + 1) * pageSize, totalRows);
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 border-t px-4 py-3", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Showing ", start, "-", end, " of ", totalRows] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Page ", totalRows === 0 ? 0 : pageIndex + 1, " of ", table.getPageCount()] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Previous"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: ["Next", _jsx(ChevronRight, { className: "h-4 w-4" })] })] })] }));
+}

package/dist/components/data-table.d.ts

@@ -0,0 +1,22 @@
+import { type ColumnDef, type OnChangeFn, type Row, type RowSelectionState } from "@tanstack/react-table";
+import * as React from "react";
+type DataTableProps<TData, TValue> = {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    onRowClick?: (row: Row<TData>) => void;
+    emptyMessage?: string;
+    pageSize?: number;
+    showPagination?: boolean;
+    className?: string;
+    enableRowSelection?: boolean;
+    rowSelection?: RowSelectionState;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
+    renderSelectionActions?: (context: {
+        selectedRows: Row<TData>[];
+        clearSelection: () => void;
+    }) => React.ReactNode;
+};
+export declare function DataTable<TData, TValue>({ columns, data, onRowClick, emptyMessage, pageSize, showPagination, className, enableRowSelection, rowSelection, onRowSelectionChange, getRowId, renderSelectionActions, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/components/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,SAAS,EAKd,KAAK,UAAU,EACf,KAAK,GAAG,EACR,KAAK,iBAAiB,EAGvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,cAAc,CAAC,KAAK,EAAE,MAAM,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,oBAAoB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAA;IAC7E,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE;QACjC,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;KAC3B,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,UAAU,EACV,YAA4B,EAC5B,QAAa,EACb,cAAqB,EACrB,SAAS,EACT,kBAA0B,EAC1B,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,sBAAsB,GACvB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CA+H/B"}

package/dist/components/data-table.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import * as React from "react";
+import { cn } from "../lib/utils";
+import { Checkbox } from "./checkbox";
+import { DataTablePagination } from "./data-table-pagination";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
+export function DataTable({ columns, data, onRowClick, emptyMessage = "No results.", pageSize = 10, showPagination = true, className, enableRowSelection = false, rowSelection, onRowSelectionChange, getRowId, renderSelectionActions, }) {
+    const [sorting, setSorting] = React.useState([]);
+    const [internalRowSelection, setInternalRowSelection] = React.useState({});
+    const resolvedRowSelection = rowSelection ?? internalRowSelection;
+    const handleRowSelectionChange = React.useCallback((updater) => {
+        if (onRowSelectionChange) {
+            onRowSelectionChange(updater);
+            return;
+        }
+        setInternalRowSelection(updater);
+    }, [onRowSelectionChange]);
+    const selectionColumn = React.useMemo(() => ({
+        id: "__select__",
+        header: ({ table }) => (_jsx(Checkbox, { "aria-label": "Select all rows on page", checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(), onClickCapture: (event) => event.stopPropagation(), onCheckedChange: (checked) => table.toggleAllPageRowsSelected(checked) })),
+        cell: ({ row }) => (_jsx(Checkbox, { "aria-label": "Select row", checked: row.getIsSelected(), indeterminate: row.getIsSomeSelected() && !row.getIsSelected(), onClickCapture: (event) => event.stopPropagation(), onCheckedChange: (checked) => row.toggleSelected(checked) })),
+        enableSorting: false,
+        enableHiding: false,
+    }), []);
+    const resolvedColumns = React.useMemo(() => (enableRowSelection ? [selectionColumn, ...columns] : columns), [columns, enableRowSelection, selectionColumn]);
+    const table = useReactTable({
+        data,
+        columns: resolvedColumns,
+        initialState: {
+            pagination: {
+                pageSize,
+            },
+        },
+        enableRowSelection,
+        onSortingChange: setSorting,
+        onRowSelectionChange: handleRowSelectionChange,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getRowId,
+        state: {
+            rowSelection: resolvedRowSelection,
+            sorting,
+        },
+    });
+    const selectedRows = table.getSelectedRowModel().rows;
+    const clearSelection = React.useCallback(() => handleRowSelectionChange({}), [handleRowSelectionChange]);
+    return (_jsxs("div", { className: "space-y-3", children: [enableRowSelection && selectedRows.length > 0 && renderSelectionActions
+                ? renderSelectionActions({ selectedRows, clearSelection })
+                : null, _jsxs("div", { className: cn("overflow-hidden rounded-md border", className), children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => (_jsx(TableHead, { children: header.isPlaceholder
+                                            ? null
+                                            : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.length ? (table.getRowModel().rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() ? "selected" : undefined, onClick: () => onRowClick?.(row), className: cn(onRowClick && "cursor-pointer"), children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: resolvedColumns.length, className: "h-24 text-center", children: emptyMessage }) })) })] }), showPagination && table.getPrePaginationRowModel().rows.length > pageSize ? (_jsx(DataTablePagination, { table: table })) : null] })] }));
+}