@zvk/ui 0.1.5 → 0.1.6

package/dist/components/command/command-filter.d.ts

@@ -4,4 +4,3 @@ export interface CommandFilterItem {
     keywords?: readonly string[] | undefined;
 }
 export declare function commandItemMatches(item: CommandFilterItem, query: string): boolean;
-export declare function filterCommandItems<Item extends CommandFilterItem>(items: readonly Item[], query: string): Item[];

package/dist/components/command/command-filter.js

@@ -9,6 +9,3 @@ export function commandItemMatches(item, query) {
     const haystacks = [item.value, item.label, ...(item.keywords ?? [])];
     return haystacks.some((value) => normalized(value).includes(needle));
 }
-export function filterCommandItems(items, query) {
-    return items.filter((item) => commandItemMatches(item, query));
-}

package/dist/components/command/command.js

@@ -105,12 +105,12 @@ function CommandRoot({ children, className, defaultValue = "", onItemSelect, onV
             setQuery,
             shouldFilter,
             unregisterItem
-        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-command", className), "cmdk-root": "", children: children }) }));
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-command", className), "cmdk-root": "", children: children }) }));
 }
 function CommandInput({ className, onKeyDown, onValueChange, placeholder, ref, value, ...props }) {
     const { activeId, inputId, listId, moveActive, query, selectActive, setQuery } = useCommandContext("Command.Input");
     const inputValue = value ?? query;
-    return (_jsx("input", { ...props, ref: ref, id: props.id ?? inputId, role: "searchbox", "aria-activedescendant": activeId, "aria-controls": listId, "aria-autocomplete": "list", className: cn("liano-command__input", className), "cmdk-input": "", onChange: (event) => {
+    return (_jsx("input", { ...props, ref: ref, id: props.id ?? inputId, role: "searchbox", "aria-activedescendant": activeId, "aria-controls": listId, "aria-autocomplete": "list", className: cn("zvk-ui-command__input", className), "cmdk-input": "", onChange: (event) => {
             const nextValue = event.currentTarget.value;
             onValueChange?.(nextValue);
             setQuery(nextValue);
@@ -143,18 +143,18 @@ function CommandInput({ className, onKeyDown, onValueChange, placeholder, ref, v
 }
 function CommandList({ className, ref, ...props }) {
     const { listId } = useCommandContext("Command.List");
-    return (_jsx("div", { ...props, ref: ref, id: props.id ?? listId, role: "listbox", className: cn("liano-command__list", className), "cmdk-list": "" }));
+    return (_jsx("div", { ...props, ref: ref, id: props.id ?? listId, role: "listbox", className: cn("zvk-ui-command__list", className), "cmdk-list": "" }));
 }
 function CommandEmpty({ className, ref, ...props }) {
     const { empty } = useCommandContext("Command.Empty");
     if (!empty) {
         return null;
     }
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-command__empty", className), "cmdk-empty": "" });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-command__empty", className), "cmdk-empty": "" });
 }
 function CommandGroup({ children, className, heading, ref, ...props }) {
     const headingId = React.useId();
-    return (_jsxs("div", { ...props, ref: ref, role: "group", "aria-labelledby": heading ? headingId : undefined, className: cn("liano-command__group", className), "cmdk-group": "", children: [heading ? _jsx("div", { id: headingId, className: "liano-command__group-heading", "cmdk-group-heading": "", children: heading }) : null, children] }));
+    return (_jsxs("div", { ...props, ref: ref, role: "group", "aria-labelledby": heading ? headingId : undefined, className: cn("zvk-ui-command__group", className), "cmdk-group": "", children: [heading ? _jsx("div", { id: headingId, className: "zvk-ui-command__group-heading", "cmdk-group-heading": "", children: heading }) : null, children] }));
 }
 function CommandItem({ children, className, disabled, keywords, onClick, onSelect, ref, value, ...props }) {
     const context = useCommandContext("Command.Item");
@@ -179,17 +179,17 @@ function CommandItem({ children, className, disabled, keywords, onClick, onSelec
     if (!visible) {
         return null;
     }
-    return (_jsx("div", { ...props, ref: ref, id: id, role: "option", "aria-disabled": disabled ? "true" : undefined, "aria-selected": isActive ? "true" : "false", className: cn("liano-command__item", className), "cmdk-item": "", "data-disabled": disabled ? "true" : undefined, "data-highlighted": isActive ? "true" : undefined, onClick: composeEventHandlers(onClick, () => {
+    return (_jsx("div", { ...props, ref: ref, id: id, role: "option", "aria-disabled": disabled ? "true" : undefined, "aria-selected": isActive ? "true" : "false", className: cn("zvk-ui-command__item", className), "cmdk-item": "", "data-disabled": disabled ? "true" : undefined, "data-highlighted": isActive ? "true" : undefined, onClick: composeEventHandlers(onClick, () => {
             if (!disabled) {
                 selectItem(id);
             }
         }), children: children }));
 }
 function CommandSeparator({ className, ref, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("liano-command__separator", className), "cmdk-separator": "" }));
+    return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("zvk-ui-command__separator", className), "cmdk-separator": "" }));
 }
 function CommandShortcut({ className, ref, ...props }) {
-    return _jsx("span", { ...props, ref: ref, className: cn("liano-command__shortcut", className) });
+    return _jsx("span", { ...props, ref: ref, className: cn("zvk-ui-command__shortcut", className) });
 }
 export function CommandDialog({ children, className, closeOnSelect = false, commandLabel = "Command menu", onOpenChange, ...props }) {
     const handleItemSelect = React.useCallback(() => {
@@ -197,7 +197,7 @@ export function CommandDialog({ children, className, closeOnSelect = false, comm
             onOpenChange?.(false);
         }
     }, [closeOnSelect, onOpenChange]);
-    return (_jsx(Dialog, { ...props, ...(onOpenChange ? { onOpenChange } : {}), children: _jsxs(Dialog.Content, { className: cn("liano-command-dialog", className), children: [_jsx(Dialog.Title, { className: "liano-command-dialog__title", children: commandLabel }), _jsx(Command, { onItemSelect: handleItemSelect, children: children })] }) }));
+    return (_jsx(Dialog, { ...props, ...(onOpenChange ? { onOpenChange } : {}), children: _jsxs(Dialog.Content, { className: cn("zvk-ui-command-dialog", className), children: [_jsx(Dialog.Title, { className: "zvk-ui-command-dialog__title", children: commandLabel }), _jsx(Command, { onItemSelect: handleItemSelect, children: children })] }) }));
 }
 export const Command = Object.assign(CommandRoot, {
     Dialog: CommandDialog,

package/dist/components/context-menu/context-menu.js

@@ -70,7 +70,7 @@ function ContextMenuRoot({ children, className, defaultOpen = false, onOpenChang
         registerItem,
         unregisterItem
     }), [close, contentId, getItems, open, openAt, point, registerItem, unregisterItem]);
-    return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx("div", { ...props, ref: ref, className: cn("liano-context-menu", className), "data-state": open ? "open" : "closed", children: children }) }));
+    return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-context-menu", className), "data-state": open ? "open" : "closed", children: children }) }));
 }
 function ContextMenuTrigger({ asChild = false, children, className, onContextMenu, onKeyDown, ref, ...props }) {
     const { contentId, open, openAt } = useContextMenuContext("ContextMenu.Trigger");
@@ -82,7 +82,7 @@ function ContextMenuTrigger({ asChild = false, children, className, onContextMen
         ref: ref,
         "aria-controls": contentId,
         "aria-expanded": open,
-        className: cn("liano-context-menu__trigger", className),
+        className: cn("zvk-ui-context-menu__trigger", className),
         "data-state": open ? "open" : "closed",
         onContextMenu: composeEventHandlers(onContextMenu, (event) => {
             event.preventDefault();
@@ -127,7 +127,7 @@ function ContextMenuContent({ align, alignOffset: _alignOffset, children, classN
     if (!open) {
         return null;
     }
-    return (_jsx(Portal, { children: _jsx(DismissableLayer, { open: open, onDismiss: close, children: _jsx("div", { ...props, ref: ref, id: contentId, role: "menu", className: cn("liano-context-menu__content", className), "data-align": contentPlacementParts.align, "data-side": contentPlacementParts.side, style: { ...style, left: `${point.x}px`, top: `${point.y}px` }, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+    return (_jsx(Portal, { children: _jsx(DismissableLayer, { open: open, onDismiss: close, children: _jsx("div", { ...props, ref: ref, id: contentId, role: "menu", className: cn("zvk-ui-context-menu__content", className), "data-align": contentPlacementParts.align, "data-side": contentPlacementParts.side, style: { ...style, left: `${point.x}px`, top: `${point.y}px` }, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
                     const items = getItems();
                     const index = currentIndex(items);
                     if (event.key === "ArrowDown") {
@@ -169,7 +169,7 @@ function ContextMenuItem({ asChild = false, children, className, disabled, onCli
         },
         role: "menuitem",
         "aria-disabled": disabled ? true : undefined,
-        className: cn("liano-context-menu__item", className),
+        className: cn("zvk-ui-context-menu__item", className),
         "data-disabled": disabled ? "true" : undefined,
         "data-tone": tone,
         onClick: composeEventHandlers(onClick, select),
@@ -188,7 +188,7 @@ function ContextMenuItem({ asChild = false, children, className, disabled, onCli
         }, type: type, role: "menuitem", disabled: disabled, "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-disabled": itemProps["data-disabled"], "data-tone": itemProps["data-tone"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: children }));
 }
 function ContextMenuLabel({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-context-menu__label", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-context-menu__label", className) });
 }
 function ContextMenuCheckboxItem({ asChild = false, checked, children, className, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, onSelect, ref, tone = "default", type = "button", ...props }) {
     const { close, registerItem, unregisterItem } = useContextMenuContext("ContextMenu.CheckboxItem");
@@ -221,7 +221,7 @@ function ContextMenuCheckboxItem({ asChild = false, checked, children, className
         role: "menuitemcheckbox",
         "aria-checked": currentChecked,
         "aria-disabled": disabled ? true : undefined,
-        className: cn("liano-context-menu__item", "liano-context-menu__checkbox-item", className),
+        className: cn("zvk-ui-context-menu__item", "zvk-ui-context-menu__checkbox-item", className),
         "data-checked": currentChecked ? "true" : undefined,
         "data-disabled": disabled ? "true" : undefined,
         "data-tone": tone,
@@ -238,7 +238,7 @@ function ContextMenuCheckboxItem({ asChild = false, checked, children, className
     }
     return (_jsxs("button", { ...props, ref: (node) => {
             setComposedRef(itemRef, ref, node);
-        }, type: type, role: "menuitemcheckbox", disabled: disabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], "data-tone": itemProps["data-tone"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-context-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "liano-context-menu__item-label", children: children })] }));
+        }, type: type, role: "menuitemcheckbox", disabled: disabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], "data-tone": itemProps["data-tone"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "zvk-ui-context-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "zvk-ui-context-menu__item-label", children: children })] }));
 }
 function ContextMenuRadioItem({ asChild = false, checked = false, children, className, disabled, onClick, onKeyDown, onSelect, ref, tone = "default", type = "button", ...props }) {
     const { close, registerItem, unregisterItem } = useContextMenuContext("ContextMenu.RadioItem");
@@ -265,7 +265,7 @@ function ContextMenuRadioItem({ asChild = false, checked = false, children, clas
         role: "menuitemradio",
         "aria-checked": checked,
         "aria-disabled": disabled ? true : undefined,
-        className: cn("liano-context-menu__item", "liano-context-menu__radio-item", className),
+        className: cn("zvk-ui-context-menu__item", "zvk-ui-context-menu__radio-item", className),
         "data-checked": checked ? "true" : undefined,
         "data-disabled": disabled ? "true" : undefined,
         "data-tone": tone,
@@ -282,10 +282,10 @@ function ContextMenuRadioItem({ asChild = false, checked = false, children, clas
     }
     return (_jsxs("button", { ...props, ref: (node) => {
             setComposedRef(itemRef, ref, node);
-        }, type: type, role: "menuitemradio", disabled: disabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], "data-tone": itemProps["data-tone"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-context-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "liano-context-menu__item-label", children: children })] }));
+        }, type: type, role: "menuitemradio", disabled: disabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], "data-tone": itemProps["data-tone"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "zvk-ui-context-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "zvk-ui-context-menu__item-label", children: children })] }));
 }
 function ContextMenuSeparator({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("liano-context-menu__separator", className) });
+    return _jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("zvk-ui-context-menu__separator", className) });
 }
 export const ContextMenu = Object.assign(ContextMenuRoot, {
     CheckboxItem: ContextMenuCheckboxItem,

package/dist/components/conversation/conversation.js

@@ -2,38 +2,38 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils/cn.js";
 function ConversationRoot({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-conversation", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-conversation", className) });
 }
 function ConversationList({ className, ref, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Conversation", className: cn("liano-conversation__list", className), role: "log" }));
+    return (_jsx("div", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Conversation", className: cn("zvk-ui-conversation__list", className), role: "log" }));
 }
 function ConversationMessage({ className, ref, role, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-conversation__message", className), "data-role": role }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-conversation__message", className), "data-role": role }));
 }
 function ConversationMessageAvatar({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-conversation__message-avatar", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-conversation__message-avatar", className) });
 }
 function ConversationMessageContent({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-conversation__message-content", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-conversation__message-content", className) });
 }
 function ConversationResponse({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-conversation__response", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-conversation__response", className) });
 }
 function ConversationReasoning({ children, className, ref, title = "Reasoning", ...props }) {
-    return (_jsxs("details", { ...props, ref: ref, className: cn("liano-conversation__reasoning", className), children: [_jsx("summary", { className: "liano-conversation__reasoning-summary", children: title }), _jsx("div", { className: "liano-conversation__reasoning-content", children: children })] }));
+    return (_jsxs("details", { ...props, ref: ref, className: cn("zvk-ui-conversation__reasoning", className), children: [_jsx("summary", { className: "zvk-ui-conversation__reasoning-summary", children: title }), _jsx("div", { className: "zvk-ui-conversation__reasoning-content", children: children })] }));
 }
 function ConversationTool({ children, className, ref, status = "pending", title, ...props }) {
-    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-conversation__tool", className), "data-status": status, children: [title ? _jsx("div", { className: "liano-conversation__tool-title", children: title }) : null, children ? _jsx("div", { className: "liano-conversation__tool-content", children: children }) : null] }));
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-ui-conversation__tool", className), "data-status": status, children: [title ? _jsx("div", { className: "zvk-ui-conversation__tool-title", children: title }) : null, children ? _jsx("div", { className: "zvk-ui-conversation__tool-content", children: children }) : null] }));
 }
 function ConversationPromptInput({ className, ref, ...props }) {
-    return _jsx("form", { ...props, ref: ref, className: cn("liano-conversation__prompt-input", className) });
+    return _jsx("form", { ...props, ref: ref, className: cn("zvk-ui-conversation__prompt-input", className) });
 }
 function ConversationPromptInputTextarea({ className, ref, rows = 3, ...props }) {
-    return (_jsx("textarea", { ...props, ref: ref, className: cn("liano-conversation__prompt-textarea", className), rows: rows }));
+    return (_jsx("textarea", { ...props, ref: ref, className: cn("zvk-ui-conversation__prompt-textarea", className), rows: rows }));
 }
 function ConversationPromptInputSubmit({ className, disabled, loading = false, ref, type = "submit", ...props }) {
     const isDisabled = disabled || loading;
-    return (_jsx("button", { ...props, ref: ref, "aria-busy": loading ? true : undefined, className: cn("liano-conversation__prompt-submit", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, disabled: isDisabled, type: type }));
+    return (_jsx("button", { ...props, ref: ref, "aria-busy": loading ? true : undefined, className: cn("zvk-ui-conversation__prompt-submit", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, disabled: isDisabled, type: type }));
 }
 export const Conversation = Object.assign(ConversationRoot, {
     List: ConversationList,

package/dist/components/copy-button/copy-button.js

@@ -43,8 +43,8 @@ export function CopyButton({ className, copiedLabel = "Copied", disabled, errorL
         }
     }
     const label = status === "copied" ? copiedLabel : status === "error" ? errorLabel : idleLabel;
-    return (_jsx("button", { ...props, ref: ref, className: cn("liano-copy-button", className), "data-size": size, "data-status": status, disabled: disabled, onClick: handleClick, type: type, children: label }));
+    return (_jsx("button", { ...props, ref: ref, className: cn("zvk-ui-copy-button", className), "data-size": size, "data-status": status, disabled: disabled, onClick: handleClick, type: type, children: label }));
 }
 export function CopyableText({ className, copyLabel, label, ref, truncate, value, ...props }) {
-    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-copyable-text", className), children: [label ? _jsx("span", { className: "liano-copyable-text__label", children: label }) : null, _jsx("code", { className: "liano-copyable-text__value", "data-truncate": truncate ? "true" : undefined, children: value }), _jsx(CopyButton, { idleLabel: copyLabel ?? "Copy", value: value })] }));
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-ui-copyable-text", className), children: [label ? _jsx("span", { className: "zvk-ui-copyable-text__label", children: label }) : null, _jsx("code", { className: "zvk-ui-copyable-text__value", "data-truncate": truncate ? "true" : undefined, children: value }), _jsx(CopyButton, { idleLabel: copyLabel ?? "Copy", value: value })] }));
 }

package/dist/components/date-picker/date-picker.js

@@ -46,5 +46,5 @@ export function DatePicker({ defaultValue = null, description, disabledDate, err
         onValueChange?.(date);
         setOpen(false);
     };
-    return (_jsxs(Field, { className: "liano-date-picker", invalid: hasError, ...fieldRefProps, children: [hasLabel ? _jsx(Field.Label, { htmlFor: triggerId, children: label }) : null, _jsxs(Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(Popover.Trigger, { "aria-describedby": describedBy, "aria-invalid": hasError ? true : undefined, "aria-label": hasLabel ? undefined : "Selected date", className: cn("liano-date-picker__trigger", !currentValue && "liano-date-picker__trigger--placeholder"), id: triggerId, children: _jsx("span", { className: "liano-date-picker__value", children: currentValue ? formatDate(currentValue) : placeholder }) }), _jsx(Popover.Content, { className: "liano-date-picker__content", matchTriggerWidth: false, sideOffset: 4, children: _jsx(Calendar, { ...calendarProps, selected: currentValue, onSelect: handleSelect }) })] }), hasRenderableNode(description) ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+    return (_jsxs(Field, { className: "zvk-ui-date-picker", invalid: hasError, ...fieldRefProps, children: [hasLabel ? _jsx(Field.Label, { htmlFor: triggerId, children: label }) : null, _jsxs(Popover, { open: open, onOpenChange: setOpen, placement: "bottom-start", children: [_jsx(Popover.Trigger, { "aria-describedby": describedBy, "aria-invalid": hasError ? true : undefined, "aria-label": hasLabel ? undefined : "Selected date", className: cn("zvk-ui-date-picker__trigger", !currentValue && "zvk-ui-date-picker__trigger--placeholder"), id: triggerId, children: _jsx("span", { className: "zvk-ui-date-picker__value", children: currentValue ? formatDate(currentValue) : placeholder }) }), _jsx(Popover.Content, { className: "zvk-ui-date-picker__content", matchTriggerWidth: false, sideOffset: 4, children: _jsx(Calendar, { ...calendarProps, selected: currentValue, onSelect: handleSelect }) })] }), hasRenderableNode(description) ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
 }

package/dist/components/dialog/dialog.js

@@ -77,7 +77,7 @@ function DialogRoot({ children, className, container, defaultOpen = false, disab
             triggerRef,
             disableOutsidePointerDown,
             disableEscapeKeyDown
-        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-dialog", className), "data-state": open ? "open" : "closed", children: children }) }));
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dialog", className), "data-state": open ? "open" : "closed", children: children }) }));
 }
 function DialogPortal({ container, children }) {
     if (container === undefined) {
@@ -86,36 +86,36 @@ function DialogPortal({ container, children }) {
     return _jsx(Portal, { container: container, children: children });
 }
 function DialogOverlay({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-dialog__overlay", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dialog__overlay", className) });
 }
 function DialogContent({ className, children, forceMount = false, ref, ...props }) {
     const { close, container, contentId, describedBy, disableEscapeKeyDown, disableOutsidePointerDown, labelledBy, open } = useDialogContext("Dialog.Content");
     if (!open && !forceMount) {
         return null;
     }
-    const content = (_jsx("div", { ...props, ref: ref, id: contentId, role: "dialog", "aria-modal": true, "aria-labelledby": labelledBy, "aria-describedby": describedBy, className: cn("liano-dialog__content", className), "data-state": open ? "open" : "closed", hidden: open ? undefined : true, children: children }));
+    const content = (_jsx("div", { ...props, ref: ref, id: contentId, role: "dialog", "aria-modal": true, "aria-labelledby": labelledBy, "aria-describedby": describedBy, className: cn("zvk-ui-dialog__content", className), "data-state": open ? "open" : "closed", hidden: open ? undefined : true, children: children }));
     if (!open) {
         return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, { "aria-hidden": true, hidden: true }), content] }));
     }
     return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, { "aria-hidden": true }), _jsx(DismissableLayer, { open: open, disableEscapeKeyDown: disableEscapeKeyDown, disableOutsidePointerDown: disableOutsidePointerDown, onDismiss: close, children: _jsx(FocusScope, { trapped: true, active: open, children: content }) })] }));
 }
 function DialogHeader({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-dialog__header", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dialog__header", className) });
 }
 function DialogTitle({ className, ref, ...props }) {
     const { registerTitle, titleId } = useDialogContext("Dialog.Title");
     const resolvedId = props.id ?? titleId;
     React.useLayoutEffect(() => registerTitle(resolvedId), [registerTitle, resolvedId]);
-    return _jsx("h2", { ...props, ref: ref, id: resolvedId, className: cn("liano-dialog__title", className) });
+    return _jsx("h2", { ...props, ref: ref, id: resolvedId, className: cn("zvk-ui-dialog__title", className) });
 }
 function DialogDescription({ className, ref, ...props }) {
     const { descriptionId, registerDescription } = useDialogContext("Dialog.Description");
     const resolvedId = props.id ?? descriptionId;
     React.useLayoutEffect(() => registerDescription(resolvedId), [registerDescription, resolvedId]);
-    return (_jsx("p", { ...props, ref: ref, id: resolvedId, className: cn("liano-dialog__description", className) }));
+    return (_jsx("p", { ...props, ref: ref, id: resolvedId, className: cn("zvk-ui-dialog__description", className) }));
 }
 function DialogFooter({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-dialog__footer", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dialog__footer", className) });
 }
 function DialogTrigger({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { open, setOpen, contentId, triggerRef } = useDialogContext("Dialog.Trigger");
@@ -126,9 +126,9 @@ function DialogTrigger({ asChild = false, className, disabled, onClick, ref, typ
         setOpen(true);
     };
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: composeRefs(ref, triggerRef), "aria-controls": contentId, "aria-disabled": disabled ? true : undefined, "aria-expanded": open ? "true" : "false", className: cn("liano-dialog__trigger", className), "data-disabled": disabled ? "true" : undefined, "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
+        return (_jsx(Slot, { ...props, ref: composeRefs(ref, triggerRef), "aria-controls": contentId, "aria-disabled": disabled ? true : undefined, "aria-expanded": open ? "true" : "false", className: cn("zvk-ui-dialog__trigger", className), "data-disabled": disabled ? "true" : undefined, "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
     }
-    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef), type: type, disabled: disabled, "aria-controls": contentId, "aria-expanded": open ? "true" : "false", "data-state": open ? "open" : "closed", className: cn("liano-dialog__trigger", className), onClick: composeEventHandlers(onClick, handleClick) }));
+    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef), type: type, disabled: disabled, "aria-controls": contentId, "aria-expanded": open ? "true" : "false", "data-state": open ? "open" : "closed", className: cn("zvk-ui-dialog__trigger", className), onClick: composeEventHandlers(onClick, handleClick) }));
 }
 function DialogClose({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { close } = useDialogContext("Dialog.Close");
@@ -138,9 +138,9 @@ function DialogClose({ asChild = false, className, disabled, onClick, ref, type
         }
     };
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: ref, "aria-disabled": disabled ? true : undefined, className: cn("liano-dialog__close", className), "data-disabled": disabled ? "true" : undefined, onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
+        return (_jsx(Slot, { ...props, ref: ref, "aria-disabled": disabled ? true : undefined, className: cn("zvk-ui-dialog__close", className), "data-disabled": disabled ? "true" : undefined, onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
     }
-    return (_jsx("button", { ...props, ref: ref, type: type, disabled: disabled, className: cn("liano-dialog__close", className), onClick: composeEventHandlers(onClick, handleClick) }));
+    return (_jsx("button", { ...props, ref: ref, type: type, disabled: disabled, className: cn("zvk-ui-dialog__close", className), onClick: composeEventHandlers(onClick, handleClick) }));
 }
 export const Dialog = Object.assign(DialogRoot, {
     Close: DialogClose,

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

@@ -58,7 +58,7 @@ export interface DropdownMenuSubProps extends React.HTMLAttributes<HTMLDivElemen
 }
 declare function DropdownMenuRoot({ children, className, container, defaultOpen, onOpenChange, open: openProp, placement, sideOffset, collisionPadding, matchTriggerWidth, ...props }: DropdownMenuProps): React.JSX.Element;
 declare function DropdownMenuTrigger({ asChild, className, disabled, onClick, ref, type, ...props }: DropdownMenuTriggerProps): React.JSX.Element;
-declare function DropdownMenuContent({ align, alignOffset: _alignOffset, children, className, forceMount, side, sideOffset, collisionPadding, matchTriggerWidth, ref, onKeyDown, ...props }: DropdownMenuContentProps): React.JSX.Element | null;
+declare function DropdownMenuContent({ align, alignOffset, children, className, forceMount, side, sideOffset, collisionPadding, matchTriggerWidth, ref, onKeyDown, ...props }: DropdownMenuContentProps): React.JSX.Element | null;
 declare function DropdownMenuItem({ asChild, children, className, disabled, onClick, onSelect, onKeyDown, ref, ...props }: DropdownMenuItemProps): React.JSX.Element;
 declare function DropdownMenuSeparator({ className, ref, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
 declare function DropdownMenuLabel({ className, ref, ...props }: DropdownMenuLabelProps): React.JSX.Element;

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -11,6 +11,7 @@ import { placementFromSideAlign, placementParts } from "../../internal/floating/
 import { Slot } from "../../internal/slot/index.js";
 const defaultContentPositioning = {
     sideOffset: 8,
+    alignOffset: 0,
     collisionPadding: 0,
     matchTriggerWidth: false
 };
@@ -65,6 +66,7 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
     const wasOpenRef = React.useRef(false);
     const [contentPositioning, setContentPositioning] = React.useState({
         sideOffset,
+        alignOffset: defaultContentPositioning.alignOffset,
         collisionPadding,
         matchTriggerWidth
     });
@@ -73,6 +75,7 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
         placement: contentPositioning.placement ?? placement,
         strategy: "absolute",
         offset: contentPositioning.sideOffset,
+        alignmentOffset: contentPositioning.alignOffset,
         collisionPadding: contentPositioning.collisionPadding,
         matchReferenceWidth: contentPositioning.matchTriggerWidth
     });
@@ -136,7 +139,7 @@ function DropdownMenuRoot({ children, className, container, defaultOpen = false,
             registerItem,
             unregisterItem,
             ...(container === undefined ? {} : { container })
-        }, children: _jsx("div", { ...props, className: cn("liano-dropdown-menu", className), "data-state": open ? "open" : "closed", children: children }) }));
+        }, children: _jsx("div", { ...props, className: cn("zvk-ui-dropdown-menu", className), "data-state": open ? "open" : "closed", children: children }) }));
 }
 function DropdownMenuTrigger({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { contentId, open, setOpen, triggerRef, triggerId, referenceRef, getEnabledItems } = useDropdownMenuContext("DropdownMenu.Trigger");
@@ -155,11 +158,11 @@ function DropdownMenuTrigger({ asChild = false, className, disabled, onClick, re
         });
     };
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: composeRefs(ref, triggerRef, referenceRef), id: triggerId, "aria-controls": contentId, "aria-disabled": disabled ? true : undefined, "aria-expanded": open ? "true" : "false", "aria-haspopup": "menu", className: cn("liano-dropdown-menu__trigger", className), "data-disabled": disabled ? "true" : undefined, "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
+        return (_jsx(Slot, { ...props, ref: composeRefs(ref, triggerRef, referenceRef), id: triggerId, "aria-controls": contentId, "aria-disabled": disabled ? true : undefined, "aria-expanded": open ? "true" : "false", "aria-haspopup": "menu", className: cn("zvk-ui-dropdown-menu__trigger", className), "data-disabled": disabled ? "true" : undefined, "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick), children: props.children }));
     }
-    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef, referenceRef), type: type, disabled: disabled, id: triggerId, role: "button", "aria-haspopup": "menu", "aria-expanded": open ? "true" : "false", "aria-controls": contentId, className: cn("liano-dropdown-menu__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick) }));
+    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef, referenceRef), type: type, disabled: disabled, id: triggerId, role: "button", "aria-haspopup": "menu", "aria-expanded": open ? "true" : "false", "aria-controls": contentId, className: cn("zvk-ui-dropdown-menu__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick) }));
 }
-function DropdownMenuContent({ align, alignOffset: _alignOffset, children, className, forceMount = false, side, sideOffset = defaultContentPositioning.sideOffset, collisionPadding = defaultContentPositioning.collisionPadding, matchTriggerWidth = defaultContentPositioning.matchTriggerWidth, ref, onKeyDown, ...props }) {
+function DropdownMenuContent({ align, alignOffset = defaultContentPositioning.alignOffset, children, className, forceMount = false, side, sideOffset = defaultContentPositioning.sideOffset, collisionPadding = defaultContentPositioning.collisionPadding, matchTriggerWidth = defaultContentPositioning.matchTriggerWidth, ref, onKeyDown, ...props }) {
     const { container, contentId, open, setOpen, updateContentPositioning, triggerId, floatingRef, floatingPlacement, floatingStyle, getEnabledItems } = useDropdownMenuContext("DropdownMenu.Content");
     const focusItem = React.useCallback((index, items) => {
         if (items.length === 0) {
@@ -202,13 +205,14 @@ function DropdownMenuContent({ align, alignOffset: _alignOffset, children, class
         updateContentPositioning({
             ...(side === undefined ? {} : { placement: placementFromSideAlign(side, align, "bottom") }),
             sideOffset,
+            alignOffset,
             collisionPadding,
             matchTriggerWidth
         });
         return () => {
             updateContentPositioning(defaultContentPositioning);
         };
-    }, [align, collisionPadding, matchTriggerWidth, side, sideOffset, updateContentPositioning]);
+    }, [align, alignOffset, collisionPadding, matchTriggerWidth, side, sideOffset, updateContentPositioning]);
     if (!open && !forceMount) {
         return null;
     }
@@ -220,7 +224,7 @@ function DropdownMenuContent({ align, alignOffset: _alignOffset, children, class
             else if (ref) {
                 ref.current = node;
             }
-        }, id: contentId, role: "menu", "aria-labelledby": triggerId, className: cn("liano-dropdown-menu__content", className), style: floatingStyle, "data-align": placementParts(floatingPlacement).align, "data-side": placementParts(floatingPlacement).side, "data-state": open ? "open" : "closed", hidden: open ? undefined : true, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+        }, id: contentId, role: "menu", "aria-labelledby": triggerId, className: cn("zvk-ui-dropdown-menu__content", className), style: floatingStyle, "data-align": placementParts(floatingPlacement).align, "data-side": placementParts(floatingPlacement).side, "data-state": open ? "open" : "closed", hidden: open ? undefined : true, onKeyDown: composeEventHandlers(onKeyDown, (event) => {
             if (event.key === "ArrowDown") {
                 event.preventDefault();
                 moveFocus("next");
@@ -287,7 +291,7 @@ function DropdownMenuItem({ asChild = false, children, className, disabled, onCl
         },
         role: "menuitem",
         "aria-disabled": isDisabled ? true : undefined,
-        className: cn("liano-dropdown-menu__item", className),
+        className: cn("zvk-ui-dropdown-menu__item", className),
         "data-disabled": isDisabled ? "true" : undefined,
         "data-state": isDisabled ? "disabled" : "enabled",
         onClick: composeEventHandlers(onClick, select),
@@ -306,13 +310,13 @@ function DropdownMenuItem({ asChild = false, children, className, disabled, onCl
         }, type: "button", role: "menuitem", disabled: isDisabled, "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-disabled": itemProps["data-disabled"], "data-state": itemProps["data-state"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: children }));
 }
 function DropdownMenuSeparator({ className, ref, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("liano-dropdown-menu__separator", className) }));
+    return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-hidden": "true", className: cn("zvk-ui-dropdown-menu__separator", className) }));
 }
 function DropdownMenuLabel({ className, ref, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-dropdown-menu__label", className) }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dropdown-menu__label", className) }));
 }
 function DropdownMenuShortcut({ className, ref, ...props }) {
-    return (_jsx("span", { ...props, ref: ref, className: cn("liano-dropdown-menu__shortcut", className) }));
+    return (_jsx("span", { ...props, ref: ref, className: cn("zvk-ui-dropdown-menu__shortcut", className) }));
 }
 function DropdownMenuCheckboxItem({ asChild = false, checked, children, className, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, onSelect, ref, ...props }) {
     const context = useDropdownMenuContext("DropdownMenu.CheckboxItem");
@@ -351,7 +355,7 @@ function DropdownMenuCheckboxItem({ asChild = false, checked, children, classNam
         role: "menuitemcheckbox",
         "aria-checked": currentChecked,
         "aria-disabled": isDisabled ? true : undefined,
-        className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__checkbox-item", className),
+        className: cn("zvk-ui-dropdown-menu__item", "zvk-ui-dropdown-menu__checkbox-item", className),
         "data-checked": currentChecked ? "true" : undefined,
         "data-disabled": isDisabled ? "true" : undefined,
         onClick: composeEventHandlers(onClick, select),
@@ -367,14 +371,14 @@ function DropdownMenuCheckboxItem({ asChild = false, checked, children, classNam
     }
     return (_jsxs("button", { ...props, ref: (node) => {
             setComposedRef(itemRef, ref, node);
-        }, type: "button", role: "menuitemcheckbox", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
+        }, type: "button", role: "menuitemcheckbox", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "zvk-ui-dropdown-menu__item-indicator", "aria-hidden": "true", children: currentChecked ? "✓" : "" }), _jsx("span", { className: "zvk-ui-dropdown-menu__item-label", children: children })] }));
 }
 function DropdownMenuRadioGroup({ children, className, onValueChange, ref, value, ...props }) {
     const contextValue = React.useMemo(() => ({
         ...(value !== undefined ? { value } : {}),
         ...(onValueChange ? { onValueChange } : {})
     }), [onValueChange, value]);
-    return (_jsx(DropdownMenuRadioGroupContext.Provider, { value: contextValue, children: _jsx("div", { ...props, ref: ref, className: cn("liano-dropdown-menu__radio-group", className), role: "group", children: children }) }));
+    return (_jsx(DropdownMenuRadioGroupContext.Provider, { value: contextValue, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dropdown-menu__radio-group", className), role: "group", children: children }) }));
 }
 function DropdownMenuRadioItem({ asChild = false, children, className, disabled, onClick, onKeyDown, onSelect, ref, value, ...props }) {
     const context = useDropdownMenuContext("DropdownMenu.RadioItem");
@@ -410,7 +414,7 @@ function DropdownMenuRadioItem({ asChild = false, children, className, disabled,
         role: "menuitemradio",
         "aria-checked": checked,
         "aria-disabled": isDisabled ? true : undefined,
-        className: cn("liano-dropdown-menu__item", "liano-dropdown-menu__radio-item", className),
+        className: cn("zvk-ui-dropdown-menu__item", "zvk-ui-dropdown-menu__radio-item", className),
         "data-checked": checked ? "true" : undefined,
         "data-disabled": isDisabled ? "true" : undefined,
         onClick: composeEventHandlers(onClick, select),
@@ -426,10 +430,10 @@ function DropdownMenuRadioItem({ asChild = false, children, className, disabled,
     }
     return (_jsxs("button", { ...props, ref: (node) => {
             setComposedRef(itemRef, ref, node);
-        }, type: "button", role: "menuitemradio", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "liano-dropdown-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "liano-dropdown-menu__item-label", children: children })] }));
+        }, type: "button", role: "menuitemradio", disabled: isDisabled, "aria-checked": itemProps["aria-checked"], "aria-disabled": itemProps["aria-disabled"], className: itemProps.className, "data-checked": itemProps["data-checked"], "data-disabled": itemProps["data-disabled"], onClick: itemProps.onClick, onKeyDown: itemProps.onKeyDown, children: [_jsx("span", { className: "zvk-ui-dropdown-menu__item-indicator", "aria-hidden": "true", children: checked ? "●" : "" }), _jsx("span", { className: "zvk-ui-dropdown-menu__item-label", children: children })] }));
 }
 function DropdownMenuSub({ children, className, ref, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-dropdown-menu__sub", className), children: children }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-dropdown-menu__sub", className), children: children }));
 }
 export const DropdownMenu = Object.assign(DropdownMenuRoot, {
     CheckboxItem: DropdownMenuCheckboxItem,

package/dist/components/empty-state/empty-state.js

@@ -30,5 +30,5 @@ export function EmptyState({ actions, align = "center", children: _children, cla
     const hasIcon = hasRenderableNode(icon);
     const showDescription = description !== null && description !== undefined;
     const showActions = actions !== null && actions !== undefined;
-    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-empty-state", className), "data-align": align, "data-size": size, children: [icon ? _jsx("div", { "aria-hidden": hasIcon ? undefined : true, className: "liano-empty-state__icon", children: icon }) : null, _jsx("h3", { className: "liano-empty-state__title", children: title }), showDescription ? _jsx("p", { className: "liano-empty-state__description", children: description }) : null, showActions ? _jsx("div", { className: "liano-empty-state__actions", children: actions }) : null] }));
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-ui-empty-state", className), "data-align": align, "data-size": size, children: [icon ? _jsx("div", { "aria-hidden": hasIcon ? undefined : true, className: "zvk-ui-empty-state__icon", children: icon }) : null, _jsx("h3", { className: "zvk-ui-empty-state__title", children: title }), showDescription ? _jsx("p", { className: "zvk-ui-empty-state__description", children: description }) : null, showActions ? _jsx("div", { className: "zvk-ui-empty-state__actions", children: actions }) : null] }));
 }

package/dist/components/error-boundary/error-boundary.js

@@ -39,5 +39,5 @@ export class ErrorBoundary extends React.Component {
     }
 }
 export function ErrorFallback({ action, className, error, ref, title = "Something went wrong", ...props }) {
-    return (_jsxs("div", { ...props, ref: ref, "aria-label": typeof title === "string" ? title : undefined, className: cn("liano-error-fallback", className), role: "alert", children: [_jsx("h3", { className: "liano-error-fallback__title", children: title }), error ? _jsx("p", { className: "liano-error-fallback__message", children: error.message }) : null, action ? _jsx("div", { className: "liano-error-fallback__action", children: action }) : null] }));
+    return (_jsxs("div", { ...props, ref: ref, "aria-label": typeof title === "string" ? title : undefined, className: cn("zvk-ui-error-fallback", className), role: "alert", children: [_jsx("h3", { className: "zvk-ui-error-fallback__title", children: title }), error ? _jsx("p", { className: "zvk-ui-error-fallback__message", children: error.message }) : null, action ? _jsx("div", { className: "zvk-ui-error-fallback__action", children: action }) : null] }));
 }

package/dist/components/field/field.js

@@ -2,16 +2,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils/cn.js";
 function FieldRoot({ className, disabled, invalid, ref, required, ...props }) {
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-field", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalid ? "true" : undefined, "data-required": required ? "true" : undefined }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-field", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalid ? "true" : undefined, "data-required": required ? "true" : undefined }));
 }
 function FieldLabel({ className, ref, ...props }) {
-    return _jsx("label", { ...props, ref: ref, className: cn("liano-field__label", className) });
+    return _jsx("label", { ...props, ref: ref, className: cn("zvk-ui-field__label", className) });
 }
 function FieldDescription({ className, ref, ...props }) {
-    return _jsx("p", { ...props, ref: ref, className: cn("liano-field__description", className) });
+    return _jsx("p", { ...props, ref: ref, className: cn("zvk-ui-field__description", className) });
 }
 function FieldError({ className, ref, role = "alert", ...props }) {
-    return _jsx("p", { ...props, ref: ref, className: cn("liano-field__error", className), role: role });
+    return _jsx("p", { ...props, ref: ref, className: cn("zvk-ui-field__error", className), role: role });
 }
 export const Field = Object.assign(FieldRoot, {
     Label: FieldLabel,

package/dist/components/file-upload-input/file-upload-input.js

@@ -28,12 +28,12 @@ export function FileUploadInput({ "aria-describedby": ariaDescribedBy, buttonLab
     const descriptionId = hasDescription ? `${inputId}-description` : undefined;
     const errorId = hasError ? `${inputId}-error` : undefined;
     const summaryId = `${inputId}-summary`;
-    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
+    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId, summaryId);
     function handleChange(event) {
         setFiles(event.currentTarget.files);
         onChange?.(event);
     }
-    const input = (_jsxs("div", { className: "liano-file-upload-input", children: [_jsx("span", { "aria-hidden": "true", className: "liano-file-upload-input__button", children: buttonLabel }), _jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: cn("liano-file-upload-input__control", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, disabled: disabled, id: inputId, onChange: handleChange, required: required, type: "file" }), _jsx("span", { className: "liano-file-upload-input__summary", id: summaryId, children: getFileSummary(files, emptyLabel) })] }));
+    const input = (_jsxs("div", { className: "zvk-ui-file-upload-input", children: [_jsx("span", { "aria-hidden": "true", className: "zvk-ui-file-upload-input__button", children: buttonLabel }), _jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: cn("zvk-ui-file-upload-input__control", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, disabled: disabled, id: inputId, onChange: handleChange, required: required, type: "file" }), _jsx("span", { className: "zvk-ui-file-upload-input__summary", id: summaryId, children: getFileSummary(files, emptyLabel) })] }));
     if (!hasRenderableNode(label) && !hasDescription && !hasError) {
         return input;
     }