@voyantjs/ui 0.16.0 → 0.17.0

package/dist/components/confirm-action-button.d.ts

@@ -1,8 +1,9 @@
 import type * as React from "react";
 import { Button } from "./button";
-declare function ConfirmActionButton({ buttonLabel, confirmLabel, title, description, onConfirm, disabled, variant, confirmVariant, }: {
+declare function ConfirmActionButton({ buttonLabel, confirmLabel, cancelLabel, title, description, onConfirm, disabled, variant, confirmVariant, }: {
     buttonLabel: string;
     confirmLabel: string;
+    cancelLabel?: string;
     title: string;
     description: React.ReactNode;
     onConfirm: () => Promise<void> | void;

package/dist/components/confirm-action-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-action-button.d.ts","sourceRoot":"","sources":["../../src/components/confirm-action-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAanC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,iBAAS,mBAAmB,CAAC,EAC3B,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,OAAmB,EACnB,cAA0B,GAC3B,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;CAChE,2CA0CA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"confirm-action-button.d.ts","sourceRoot":"","sources":["../../src/components/confirm-action-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAanC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,iBAAS,mBAAmB,CAAC,EAC3B,WAAW,EACX,YAAY,EACZ,WAAsB,EACtB,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,OAAmB,EACnB,cAA0B,GAC3B,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;CAChE,2CA0CA;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/confirm-action-button.js

@@ -3,7 +3,7 @@ import { Loader2 } from "lucide-react";
 import { useState } from "react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./alert-dialog";
 import { Button } from "./button";
-function ConfirmActionButton({ buttonLabel, confirmLabel, title, description, onConfirm, disabled = false, variant = "outline", confirmVariant = "default", }) {
+function ConfirmActionButton({ buttonLabel, confirmLabel, cancelLabel = "Cancel", title, description, onConfirm, disabled = false, variant = "outline", confirmVariant = "default", }) {
     const [open, setOpen] = useState(false);
     const [pending, setPending] = useState(false);
     const handleConfirm = async () => {
@@ -16,6 +16,6 @@ function ConfirmActionButton({ buttonLabel, confirmLabel, title, description, on
             setPending(false);
         }
     };
-    return (_jsxs(AlertDialog, { open: open, onOpenChange: setOpen, children: [_jsx(AlertDialogTrigger, { disabled: disabled || pending, render: _jsx(Button, { variant: variant, size: "sm" }), children: buttonLabel }), _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: pending, children: "Cancel" }), _jsxs(AlertDialogAction, { variant: confirmVariant, disabled: pending, onClick: () => void handleConfirm(), children: [pending ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null, confirmLabel] })] })] })] }));
+    return (_jsxs(AlertDialog, { open: open, onOpenChange: setOpen, children: [_jsx(AlertDialogTrigger, { disabled: disabled || pending, render: _jsx(Button, { variant: variant, size: "sm" }), children: buttonLabel }), _jsxs(AlertDialogContent, { size: "sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: pending, children: cancelLabel }), _jsxs(AlertDialogAction, { variant: confirmVariant, disabled: pending, onClick: () => void handleConfirm(), children: [pending ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null, confirmLabel] })] })] })] }));
 }
 export { ConfirmActionButton };

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

@@ -26,7 +26,19 @@ type ContractTemplateAuthoringHelpProps = {
     className?: string;
     title?: string;
     description?: string;
+    messages?: {
+        tabs?: {
+            variables?: string;
+            liquid?: string;
+        };
+        searchPlaceholder?: string;
+        noVariables?: string;
+        example?: string;
+        insert?: string;
+        liquidUsage?: string;
+        noLiquidSnippets?: string;
+    };
 };
-export declare function ContractTemplateAuthoringHelp({ variableGroups, snippets, onInsertVariable, onInsertSnippet, className, title, description, }: ContractTemplateAuthoringHelpProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContractTemplateAuthoringHelp({ variableGroups, snippets, onInsertVariable, onInsertSnippet, className, title, description, messages, }: 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

@@ -1 +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"}
+{"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;IACpB,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE;YACL,SAAS,CAAC,EAAE,MAAM,CAAA;YAClB,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,CAAA;CACF,CAAA;AAMD,wBAAgB,6BAA6B,CAAC,EAC5C,cAAc,EACd,QAAa,EACb,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,KAA4B,EAC5B,WAAwH,EACxH,QAAQ,GACT,EAAE,kCAAkC,2CAiLpC"}

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

@@ -11,7 +11,7 @@ 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.", }) {
+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.", messages, }) {
     const [search, setSearch] = React.useState("");
     const normalizedQuery = search.trim().toLowerCase();
     const filteredGroups = React.useMemo(() => {
@@ -33,5 +33,6 @@ export function ContractTemplateAuthoringHelp({ variableGroups, snippets = [], o
         }
         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))))] }) }) })] })] }));
+    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: messages?.tabs?.variables ?? "Variables" }), _jsx(TabsTrigger, { value: "liquid", children: messages?.tabs?.liquid ?? "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: messages?.searchPlaceholder ?? "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: messages?.noVariables ?? "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: [messages?.example ?? "Example", ":", " ", _jsx("span", { className: "font-mono text-foreground", children: variable.example })] })] }), onInsertVariable ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onInsertVariable(variable), children: messages?.insert ?? "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: [_jsx("div", { className: "rounded-md border bg-background p-3 text-xs text-muted-foreground", children: messages?.liquidUsage ??
+                                            "Use {{ ... }} for output and {% ... %} for control flow." }), filteredSnippets.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: messages?.noLiquidSnippets ?? "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: messages?.insert ?? "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/notification-template-authoring-help.d.ts

@@ -5,7 +5,21 @@ type NotificationTemplateAuthoringHelpProps = {
     onInsertVariable?: (variable: NotificationTemplateVariableDefinition) => void;
     onInsertSnippet?: (snippet: NotificationLiquidSnippet) => void;
     className?: string;
+    messages?: {
+        title?: string;
+        description?: string;
+        tabs?: {
+            variables?: string;
+            liquid?: string;
+        };
+        searchPlaceholder?: string;
+        noVariables?: string;
+        example?: string;
+        insert?: string;
+        liquidUsage?: string;
+        noLiquidSnippets?: string;
+    };
 };
-export declare function NotificationTemplateAuthoringHelp({ variableGroups, snippets, onInsertVariable, onInsertSnippet, className, }: NotificationTemplateAuthoringHelpProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationTemplateAuthoringHelp({ variableGroups, snippets, onInsertVariable, onInsertSnippet, className, messages, }: NotificationTemplateAuthoringHelpProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=notification-template-authoring-help.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification-template-authoring-help.d.ts","sourceRoot":"","sources":["../../src/components/notification-template-authoring-help.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,oCAAoC,EACpC,sCAAsC,EACvC,MAAM,yBAAyB,CAAA;AAShC,KAAK,sCAAsC,GAAG;IAC5C,cAAc,EAAE,oCAAoC,EAAE,CAAA;IACtD,QAAQ,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,sCAAsC,KAAK,IAAI,CAAA;IAC7E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,cAAc,EACd,QAAa,EACb,gBAAgB,EAChB,eAAe,EACf,SAAS,GACV,EAAE,sCAAsC,2CAcxC"}
+{"version":3,"file":"notification-template-authoring-help.d.ts","sourceRoot":"","sources":["../../src/components/notification-template-authoring-help.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,oCAAoC,EACpC,sCAAsC,EACvC,MAAM,yBAAyB,CAAA;AAShC,KAAK,sCAAsC,GAAG;IAC5C,cAAc,EAAE,oCAAoC,EAAE,CAAA;IACtD,QAAQ,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,sCAAsC,KAAK,IAAI,CAAA;IAC7E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,IAAI,CAAC,EAAE;YACL,SAAS,CAAC,EAAE,MAAM,CAAA;YAClB,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,CAAA;QACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAC1B,CAAA;CACF,CAAA;AAED,wBAAgB,iCAAiC,CAAC,EAChD,cAAc,EACd,QAAa,EACb,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,sCAAsC,2CAkBxC"}

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ContractTemplateAuthoringHelp, } from "./contract-template-authoring-help";
-export function NotificationTemplateAuthoringHelp({ variableGroups, snippets = [], onInsertVariable, onInsertSnippet, className, }) {
-    return (_jsx(ContractTemplateAuthoringHelp, { className: className, title: "Notification variables", description: "Notifications render with Liquid. Use variables for subject/body content and control tags for conditionals or loops.", variableGroups: variableGroups, snippets: snippets, onInsertVariable: onInsertVariable, onInsertSnippet: onInsertSnippet }));
+export function NotificationTemplateAuthoringHelp({ variableGroups, snippets = [], onInsertVariable, onInsertSnippet, className, messages, }) {
+    return (_jsx(ContractTemplateAuthoringHelp, { className: className, title: messages?.title ?? "Notification variables", description: messages?.description ??
+            "Notifications render with Liquid. Use variables for subject/body content and control tags for conditionals or loops.", messages: messages, variableGroups: variableGroups, snippets: snippets, onInsertVariable: onInsertVariable, onInsertSnippet: onInsertSnippet }));
 }

package/dist/components/selection-action-bar.d.ts

@@ -1,7 +1,9 @@
 import type * as React from "react";
-declare function SelectionActionBar({ selectedCount, onClear, children, }: {
+declare function SelectionActionBar({ selectedCount, onClear, selectionSummary, clearLabel, children, }: {
     selectedCount: number;
     onClear: () => void;
+    selectionSummary?: React.ReactNode;
+    clearLabel?: string;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export { SelectionActionBar };

package/dist/components/selection-action-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-action-bar.d.ts","sourceRoot":"","sources":["../../src/components/selection-action-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAInC,iBAAS,kBAAkB,CAAC,EAC1B,aAAa,EACb,OAAO,EACP,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,2CAgBA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"selection-action-bar.d.ts","sourceRoot":"","sources":["../../src/components/selection-action-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAInC,iBAAS,kBAAkB,CAAC,EAC1B,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,UAA8B,EAC9B,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,2CAoBA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/selection-action-bar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "./button";
 import { Card, CardContent } from "./card";
-function SelectionActionBar({ selectedCount, onClear, children, }) {
-    return (_jsx(Card, { size: "sm", children: _jsxs(CardContent, { className: "flex flex-col gap-3 py-1 md:flex-row md:items-center md:justify-between", children: [_jsxs("p", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: selectedCount }), " selected"] }), _jsxs("div", { className: "flex items-center gap-2", children: [children, _jsx(Button, { variant: "outline", size: "sm", onClick: onClear, children: "Clear Selection" })] })] }) }));
+function SelectionActionBar({ selectedCount, onClear, selectionSummary, clearLabel = "Clear Selection", children, }) {
+    return (_jsx(Card, { size: "sm", children: _jsxs(CardContent, { className: "flex flex-col gap-3 py-1 md:flex-row md:items-center md:justify-between", children: [_jsx("p", { className: "text-sm", children: selectionSummary ?? (_jsxs("span", { children: [_jsx("span", { className: "font-medium", children: selectedCount }), " selected"] })) }), _jsxs("div", { className: "flex items-center gap-2", children: [children, _jsx(Button, { variant: "outline", size: "sm", onClick: onClear, children: clearLabel })] })] }) }));
 }
 export { SelectionActionBar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/ui",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",
   "sideEffects": false,
@@ -34,10 +34,11 @@
     "tailwind-merge": "^3.3.1",
     "tw-animate-css": "^1.3.5",
     "vaul": "^1.1.2",
-    "zod": "^3.25.76",
-    "@voyantjs/notifications": "0.16.0",
-    "@voyantjs/utils": "0.16.0",
-    "@voyantjs/notifications-react": "0.16.0"
+    "zod": "^4.3.6",
+    "@voyantjs/i18n": "0.17.0",
+    "@voyantjs/notifications-react": "0.17.0",
+    "@voyantjs/notifications": "0.17.0",
+    "@voyantjs/utils": "0.17.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.11",