@zvk/ui 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -0,0 +1,48 @@
+# Changelog
+
+## [0.1.7](https://github.com/brandon-schabel/zvk/compare/v0.1.6...v0.1.7) (2026-06-15)
+
+
+### Bug Fixes
+
+* harden popup positioning ([efb8c8a](https://github.com/brandon-schabel/zvk/commit/efb8c8a98c2b759f4e84a60f5ae292b1e8900907))
+
+## [0.1.6](https://github.com/brandon-schabel/zvk/compare/v0.1.5...v0.1.6) (2026-06-12)
+
+
+### Features
+
+* improve consumer migration support ([10b9e8a](https://github.com/brandon-schabel/zvk/commit/10b9e8ac106774eeba0be19db8522abbda02a422))
+
+## [0.1.5](https://github.com/brandon-schabel/zvk-ui/compare/v0.1.4...v0.1.5) (2026-06-04)
+
+
+### Features
+
+* add promptliano adoption primitives ([9a33d57](https://github.com/brandon-schabel/zvk-ui/commit/9a33d57d6a70c73a28810226d72b5e9afc5be203))
+* add promptliano migration component APIs ([43844a4](https://github.com/brandon-schabel/zvk-ui/commit/43844a4bb4dd9b5ab6b30bca83a26da268f5f7a1))
+* harmonize overlay api edges ([be2ab74](https://github.com/brandon-schabel/zvk-ui/commit/be2ab7450c47f5e56802b15b4e350776ea7cf2f6))
+
+
+### Bug Fixes
+
+* **ci:** release please 0.1.4 ([47bc3c5](https://github.com/brandon-schabel/zvk-ui/commit/47bc3c5cb6c7acab9bed45ef7c286de6f9320364))
+
+## [0.1.3](https://github.com/brandon-schabel/zvk-ui/compare/v0.1.2...v0.1.3) (2026-06-03)
+
+
+### Features
+
+* add ZvkUi adoption primitives ([9a33d57](https://github.com/brandon-schabel/zvk-ui/commit/9a33d57d6a70c73a28810226d72b5e9afc5be203))
+
+## [0.1.2](https://github.com/brandon-schabel/zvk-ui/compare/v0.1.1...v0.1.2) (2026-06-03)
+
+
+### Features
+
+* add ZvkUi migration component APIs ([43844a4](https://github.com/brandon-schabel/zvk-ui/commit/43844a4bb4dd9b5ab6b30bca83a26da268f5f7a1))
+* harmonize overlay api edges ([be2ab74](https://github.com/brandon-schabel/zvk-ui/commit/be2ab7450c47f5e56802b15b4e350776ea7cf2f6))
+
+## 0.1.0
+
+- Planned initial package scaffold and first component slice.

package/README.md

@@ -1,7 +1,7 @@
 # @zvk/ui
 
 @zvk/ui is an internal React 19 component library for polished application interfaces. It is styled by default, TypeScript-first, dependency-conscious, and built around explicit subpath imports.
-  
+
 `ZVK` is short for **Zero Vendor Kit**.
 
 ```tsx
@@ -16,18 +16,18 @@ import "@zvk/ui/styles.css";
 - Peer dependencies are limited to `react` and `react-dom` with React 19 compatibility.
 - Styling ships through one public stylesheet: `@zvk/ui/styles.css`.
 - Components use plain CSS classes, CSS variables, and data attributes.
-- First-slice overlays such as Dialog, Popover, Tooltip, Select, and DropdownMenu are intentionally deferred.
+- Runtime package imports remain SSR-safe; browser-only behavior runs after hydration.
 
 ## Release Status
 
-GitHub Actions runs `npm run preflight` before release publishing. Release Please opens
+GitHub Actions runs `bun run preflight` before release publishing. Release Please opens
 reviewable version-bump PRs from conventional commits; merging a release PR creates the
 GitHub release and publishes `@zvk/ui` to npm through trusted publishing in the protected
 `npm-publish` environment.
 
-## First Slice
+## Component Surface
 
-The initial build includes Button, IconButton, Badge, Card, Separator, Spinner, Skeleton, Field, Input, and the hooks/utilities named in the checked-in plans.
+The package ships dependency-free form controls, layout and display primitives, popup foundation internals, Dialog, Sheet, AlertDialog, Popover, HoverCard, Tooltip, Select, Combobox, DropdownMenu, ContextMenu, Menubar, Calendar, DatePicker, Carousel, Toast, and Conversation primitives.
 
 ## License
 

package/dist/components/accordion/accordion.js

@@ -105,7 +105,7 @@ function AccordionRoot({ children, className, collapsible = false, defaultValue,
             registerTrigger,
             unregisterTrigger,
             getOrderedTriggers
-        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-accordion", className), "data-state": type, "data-disabled": disabled ? "true" : undefined, children: children }) }));
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-accordion", className), "data-state": type, "data-disabled": disabled ? "true" : undefined, children: children }) }));
 }
 function AccordionItem({ className, children, disabled = false, ref, value, ...props }) {
     const generatedId = React.useId();
@@ -120,7 +120,7 @@ function AccordionItem({ className, children, disabled = false, ref, value, ...p
             contentId,
             defaultContentId,
             setContentId
-        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-accordion__item", className), "data-state": getValueIsOpen(rootContext.type, rootContext.value, value) ? "open" : "closed", "data-disabled": disabled || rootContext.disabled ? "true" : undefined, children: children }) }));
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-accordion__item", className), "data-state": getValueIsOpen(rootContext.type, rootContext.value, value) ? "open" : "closed", "data-disabled": disabled || rootContext.disabled ? "true" : undefined, children: children }) }));
 }
 function AccordionTrigger({ className, onClick, onKeyDown, ref, type = "button", ...props }) {
     const rootContext = useAccordionRootContext("Accordion.Trigger");
@@ -172,7 +172,7 @@ function AccordionTrigger({ className, onClick, onKeyDown, ref, type = "button",
             else if (ref) {
                 ref.current = node;
             }
-        }, id: itemContext.triggerId, "aria-controls": itemContext.contentId, "aria-expanded": isItemOpen, className: cn("liano-accordion__trigger", className), "data-state": isItemOpen ? "open" : "closed", "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => {
+        }, id: itemContext.triggerId, "aria-controls": itemContext.contentId, "aria-expanded": isItemOpen, className: cn("zvk-ui-accordion__trigger", className), "data-state": isItemOpen ? "open" : "closed", "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => {
             if (!isDisabled && !rootContext.disabled) {
                 rootContext.setValue(toggleValue({
                     type: rootContext.type,
@@ -198,7 +198,7 @@ function AccordionContent({ className, forceMount = false, ref, ...props }) {
     if (!forceMount && !isItemOpen) {
         return null;
     }
-    return (_jsx("div", { ...props, id: resolvedId, ref: ref, "aria-labelledby": itemContext.triggerId, className: cn("liano-accordion__content", className), "data-state": isItemOpen ? "open" : "closed", hidden: isItemOpen ? undefined : true }));
+    return (_jsx("div", { ...props, id: resolvedId, ref: ref, "aria-labelledby": itemContext.triggerId, className: cn("zvk-ui-accordion__content", className), "data-state": isItemOpen ? "open" : "closed", hidden: isItemOpen ? undefined : true }));
 }
 export const Accordion = Object.assign(AccordionRoot, {
     Item: AccordionItem,

package/dist/components/alert/alert.d.ts

@@ -13,12 +13,17 @@ export interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement
 export interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement>;
 }
+export interface AlertActionProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
 export type AlertRoot = (props: AlertProps) => React.ReactElement;
 declare function AlertRoot({ children, className, icon, ref, role, title, tone, ...props }: AlertProps): React.JSX.Element;
 declare function AlertTitle({ className, ref, ...props }: AlertTitleProps): React.JSX.Element;
 declare function AlertDescription({ className, ref, ...props }: AlertDescriptionProps): React.JSX.Element;
+declare function AlertAction({ className, ref, ...props }: AlertActionProps): React.JSX.Element;
 export declare const Alert: typeof AlertRoot & {
     Title: typeof AlertTitle;
     Description: typeof AlertDescription;
+    Action: typeof AlertAction;
 };
 export {};

package/dist/components/alert/alert.js

@@ -3,15 +3,19 @@ import * as React from "react";
 import { cn } from "../../utils/cn.js";
 function AlertRoot({ children, className, icon, ref, role, title, tone = "info", ...props }) {
     const resolvedRole = role ?? (tone === "destructive" ? "alert" : "status");
-    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-alert", className), "data-tone": tone, role: resolvedRole, children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "liano-alert__icon", children: icon })) : null, _jsxs("div", { className: "liano-alert__content", children: [title ? _jsx(AlertTitle, { children: title }) : null, children] })] }));
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-ui-alert", className), "data-tone": tone, role: resolvedRole, children: [icon ? (_jsx("span", { "aria-hidden": "true", className: "zvk-ui-alert__icon", children: icon })) : null, _jsxs("div", { className: "zvk-ui-alert__content", children: [title ? _jsx(AlertTitle, { children: title }) : null, children] })] }));
 }
 function AlertTitle({ className, ref, ...props }) {
-    return _jsx("h3", { ...props, ref: ref, className: cn("liano-alert__title", className) });
+    return _jsx("h3", { ...props, ref: ref, className: cn("zvk-ui-alert__title", className) });
 }
 function AlertDescription({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-alert__description", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-alert__description", className) });
+}
+function AlertAction({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-alert__action", className) });
 }
 export const Alert = Object.assign(AlertRoot, {
     Title: AlertTitle,
-    Description: AlertDescription
+    Description: AlertDescription,
+    Action: AlertAction
 });

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

@@ -1,2 +1,2 @@
 export { Alert } from "./alert.js";
-export type { AlertDescriptionProps, AlertProps, AlertRoot, AlertTitleProps, AlertTone } from "./alert.js";
+export type { AlertActionProps, AlertDescriptionProps, AlertProps, AlertRoot, AlertTitleProps, AlertTone } from "./alert.js";

package/dist/components/alert-dialog/alert-dialog.js

@@ -66,7 +66,7 @@ function AlertDialogRoot({ children, className, defaultOpen = false, onOpenChang
             setOpen,
             titleId: `${instanceId}-title`,
             triggerRef
-        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-alert-dialog", className), "data-state": open ? "open" : "closed", children: children }) }));
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-alert-dialog", className), "data-state": open ? "open" : "closed", children: children }) }));
 }
 function AlertDialogTrigger({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { contentId, open, setOpen, triggerRef } = useAlertDialogContext("AlertDialog.Trigger");
@@ -76,31 +76,31 @@ function AlertDialogTrigger({ asChild = false, className, disabled, onClick, ref
         }
     };
     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-alert-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-alert-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", className: cn("liano-alert-dialog__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick) }));
+    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef), type: type, disabled: disabled, "aria-controls": contentId, "aria-expanded": open ? "true" : "false", className: cn("zvk-ui-alert-dialog__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, handleClick) }));
 }
 function AlertDialogContent({ children, className, ref, ...props }) {
     const { close, contentId, describedBy, labelledBy, open } = useAlertDialogContext("AlertDialog.Content");
     if (!open) {
         return null;
     }
-    return (_jsxs(Portal, { children: [_jsx("div", { "aria-hidden": "true", className: "liano-alert-dialog__overlay" }), _jsx(DismissableLayer, { open: open, onDismiss: close, children: _jsx(FocusScope, { active: open, trapped: true, children: _jsx("div", { ...props, ref: ref, id: contentId, role: "alertdialog", "aria-modal": "true", "aria-describedby": describedBy, "aria-labelledby": labelledBy, className: cn("liano-alert-dialog__content", className), "data-state": open ? "open" : "closed", children: children }) }) })] }));
+    return (_jsxs(Portal, { children: [_jsx("div", { "aria-hidden": "true", className: "zvk-ui-alert-dialog__overlay" }), _jsx(DismissableLayer, { open: open, onDismiss: close, disableEscapeKeyDown: true, disableOutsidePointerDown: true, children: _jsx(FocusScope, { active: open, trapped: true, children: _jsx("div", { ...props, ref: ref, id: contentId, role: "alertdialog", "aria-modal": "true", "aria-describedby": describedBy, "aria-labelledby": labelledBy, className: cn("zvk-ui-alert-dialog__content", className), "data-state": open ? "open" : "closed", children: children }) }) })] }));
 }
 function AlertDialogTitle({ className, ref, ...props }) {
     const { registerTitle, titleId } = useAlertDialogContext("AlertDialog.Title");
     const id = props.id ?? titleId;
     React.useLayoutEffect(() => registerTitle(id), [id, registerTitle]);
-    return _jsx("h2", { ...props, ref: ref, id: id, className: cn("liano-alert-dialog__title", className) });
+    return _jsx("h2", { ...props, ref: ref, id: id, className: cn("zvk-ui-alert-dialog__title", className) });
 }
 function AlertDialogDescription({ className, ref, ...props }) {
     const { descriptionId, registerDescription } = useAlertDialogContext("AlertDialog.Description");
     const id = props.id ?? descriptionId;
     React.useLayoutEffect(() => registerDescription(id), [id, registerDescription]);
-    return _jsx("p", { ...props, ref: ref, id: id, className: cn("liano-alert-dialog__description", className) });
+    return _jsx("p", { ...props, ref: ref, id: id, className: cn("zvk-ui-alert-dialog__description", className) });
 }
 function AlertDialogFooter({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-alert-dialog__footer", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-alert-dialog__footer", className) });
 }
 function AlertDialogCloseButton({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const { close } = useAlertDialogContext("AlertDialog.Action");
@@ -110,9 +110,9 @@ function AlertDialogCloseButton({ asChild = false, className, disabled, onClick,
         }
     };
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: ref, "aria-disabled": disabled ? true : undefined, className: cn("liano-alert-dialog__button", 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-alert-dialog__button", 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-alert-dialog__button", className), onClick: composeEventHandlers(onClick, handleClick) }));
+    return (_jsx("button", { ...props, ref: ref, type: type, disabled: disabled, className: cn("zvk-ui-alert-dialog__button", className), onClick: composeEventHandlers(onClick, handleClick) }));
 }
 export const AlertDialog = Object.assign(AlertDialogRoot, {
     Action: AlertDialogCloseButton,

package/dist/components/avatar/avatar.js

@@ -18,5 +18,5 @@ export function Avatar({ alt, className, fallback, name, ref, shape = "circle",
     React.useEffect(() => {
         setImageFailed(false);
     }, [src]);
-    return (_jsx("span", { ...props, ref: ref, className: cn("liano-avatar", className), "data-shape": shape, "data-size": size, children: showImage ? (_jsx("img", { alt: alt ?? name ?? "", className: "liano-avatar__image", onError: () => setImageFailed(true), src: src })) : (_jsx("span", { "aria-hidden": fallbackContent ? undefined : "true", className: "liano-avatar__fallback", children: fallbackContent })) }));
+    return (_jsx("span", { ...props, ref: ref, className: cn("zvk-ui-avatar", className), "data-shape": shape, "data-size": size, children: showImage ? (_jsx("img", { alt: alt ?? name ?? "", className: "zvk-ui-avatar__image", onError: () => setImageFailed(true), src: src })) : (_jsx("span", { "aria-hidden": fallbackContent ? undefined : "true", className: "zvk-ui-avatar__fallback", children: fallbackContent })) }));
 }

package/dist/components/badge/badge.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils/cn.js";
 export function Badge({ className, ref, size = "sm", tone = "neutral", variant = "soft", ...props }) {
-    return (_jsx("span", { ...props, ref: ref, className: cn("liano-badge", className), "data-size": size, "data-tone": tone, "data-variant": variant }));
+    return (_jsx("span", { ...props, ref: ref, className: cn("zvk-ui-badge", className), "data-size": size, "data-tone": tone, "data-variant": variant }));
 }

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { cn } from "../../utils/cn.js";
 function BreadcrumbsRoot({ className, children, label = "Breadcrumb", separator = "/", ref, ...props }) {
     const items = React.Children.toArray(children).filter(React.isValidElement);
-    return (_jsx("nav", { ...props, ref: ref, "aria-label": props["aria-label"] ?? label, className: cn("liano-breadcrumbs", className), children: _jsx("ol", { className: "liano-breadcrumbs__list", children: items.map((item, index) => (_jsx(Breadcrumbs.Item, { ...item.props, hasSeparator: index < items.length - 1, separator: separator }, item.key))) }) }));
+    return (_jsx("nav", { ...props, ref: ref, "aria-label": props["aria-label"] ?? label, className: cn("zvk-ui-breadcrumbs", className), children: _jsx("ol", { className: "zvk-ui-breadcrumbs__list", children: items.map((item, index) => (_jsx(Breadcrumbs.Item, { ...item.props, hasSeparator: index < items.length - 1, separator: separator }, item.key))) }) }));
 }
 function BreadcrumbsItem({ children, className, current, href, hasSeparator = false, linkProps = {}, ref, separator = "/", ...props }) {
     const renderedSeparator = React.isValidElement(separator)
@@ -12,7 +12,7 @@ function BreadcrumbsItem({ children, className, current, href, hasSeparator = fa
             "aria-hidden": true
         })
         : React.createElement("span", null, separator);
-    const content = current || !href ? (_jsx("span", { className: "liano-breadcrumbs__text", children: children })) : (_jsx("a", { href: href, ...linkProps, className: cn("liano-breadcrumbs__link", linkProps.className), children: children }));
-    return (_jsxs("li", { ...props, ref: ref, "aria-current": current ? "page" : undefined, className: cn("liano-breadcrumbs__item", className), children: [content, hasSeparator ? (_jsx("span", { "aria-hidden": "true", className: "liano-breadcrumbs__separator", children: renderedSeparator })) : null] }));
+    const content = current || !href ? (_jsx("span", { className: "zvk-ui-breadcrumbs__text", children: children })) : (_jsx("a", { href: href, ...linkProps, className: cn("zvk-ui-breadcrumbs__link", linkProps.className), children: children }));
+    return (_jsxs("li", { ...props, ref: ref, "aria-current": current ? "page" : undefined, className: cn("zvk-ui-breadcrumbs__item", className), children: [content, hasSeparator ? (_jsx("span", { "aria-hidden": "true", className: "zvk-ui-breadcrumbs__separator", children: renderedSeparator })) : null] }));
 }
 export const Breadcrumbs = Object.assign(BreadcrumbsRoot, { Item: BreadcrumbsItem });

package/dist/components/button/button.js

@@ -3,10 +3,54 @@ import * as React from "react";
 import { Spinner } from "../spinner/spinner.js";
 import { Slot } from "../../internal/slot/index.js";
 import { cn } from "../../utils/cn.js";
+function composeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref !== undefined && ref !== null) {
+                ref.current = node;
+            }
+        }
+    };
+}
 export function Button({ asChild = false, children, className, disabled, leadingIcon, loading = false, ref, size = "md", trailingIcon, type = "button", variant = "primary", ...props }) {
     const isDisabled = disabled || loading;
+    const suppressDisabledActivation = React.useCallback((event) => {
+        if (!isDisabled) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }, [isDisabled]);
+    if (asChild && isDisabled) {
+        if (!React.isValidElement(children)) {
+            throw new Error("Button asChild requires a single valid React element child.");
+        }
+        const child = children;
+        const childProps = child.props;
+        const disabledChildProps = {
+            ...childProps,
+            ...props,
+            ref: composeRefs(childProps.ref, ref),
+            "aria-busy": loading ? true : undefined,
+            "aria-disabled": true,
+            className: cn("zvk-ui-button", className, childProps.className),
+            "data-disabled": "true",
+            "data-loading": loading ? "true" : undefined,
+            "data-size": size,
+            "data-variant": variant,
+            onClick: suppressDisabledActivation,
+            onClickCapture: suppressDisabledActivation,
+            onKeyDown: suppressDisabledActivation,
+            onKeyDownCapture: suppressDisabledActivation,
+            tabIndex: -1
+        };
+        return React.cloneElement(child, disabledChildProps);
+    }
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: ref, "aria-busy": loading ? true : undefined, "aria-disabled": isDisabled ? true : undefined, className: cn("liano-button", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, "data-size": size, "data-variant": variant, children: children }));
+        return (_jsx(Slot, { ...props, ref: ref, "aria-busy": loading ? true : undefined, "aria-disabled": isDisabled ? true : undefined, className: cn("zvk-ui-button", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, "data-size": size, "data-variant": variant, onClickCapture: suppressDisabledActivation, onKeyDownCapture: suppressDisabledActivation, tabIndex: isDisabled ? -1 : undefined, children: children }));
     }
-    return (_jsxs("button", { ...props, ref: ref, "aria-busy": loading ? true : undefined, className: cn("liano-button", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, "data-size": size, "data-variant": variant, disabled: isDisabled, type: type, children: [loading ? (_jsx("span", { "aria-hidden": "true", className: "liano-button__spinner", children: _jsx(Spinner, { size: "sm" }) })) : null, leadingIcon ? (_jsx("span", { "aria-hidden": "true", className: "liano-button__icon", children: leadingIcon })) : null, _jsx("span", { className: "liano-button__content", children: children }), trailingIcon ? (_jsx("span", { "aria-hidden": "true", className: "liano-button__icon", children: trailingIcon })) : null] }));
+    return (_jsxs("button", { ...props, ref: ref, "aria-busy": loading ? true : undefined, className: cn("zvk-ui-button", className), "data-disabled": isDisabled ? "true" : undefined, "data-loading": loading ? "true" : undefined, "data-size": size, "data-variant": variant, disabled: isDisabled, type: type, children: [loading ? (_jsx("span", { "aria-hidden": "true", className: "zvk-ui-button__spinner", children: _jsx(Spinner, { size: "sm" }) })) : null, leadingIcon ? (_jsx("span", { "aria-hidden": "true", className: "zvk-ui-button__icon", children: leadingIcon })) : null, _jsx("span", { className: "zvk-ui-button__content", children: children }), trailingIcon ? (_jsx("span", { "aria-hidden": "true", className: "zvk-ui-button__icon", children: trailingIcon })) : null] }));
 }

package/dist/components/calendar/calendar.js

@@ -167,7 +167,7 @@ export function Calendar({ classNames, className, defaultMonth, defaultSelected
         }
         moveFocus(addDays(focusedDate, offset));
     };
-    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-calendar", classNames?.months, classNames?.month, className), onKeyDown: handleKeyDown, children: [_jsxs("div", { className: cn("liano-calendar__header", classNames?.caption, classNames?.nav), children: [_jsx("button", { "aria-label": "Previous month", className: cn("liano-calendar__nav", classNames?.nav_button, classNames?.nav_button_previous), type: "button", onClick: () => setVisibleMonth(addMonths(visibleMonth, -1)), children: _jsx("span", { "aria-hidden": "true", children: "\u2039" }) }), _jsx("h2", { className: cn("liano-calendar__heading", classNames?.caption_label), id: headingId, children: monthLabel }), _jsx("button", { "aria-label": "Next month", className: cn("liano-calendar__nav", classNames?.nav_button, classNames?.nav_button_next), type: "button", onClick: () => setVisibleMonth(addMonths(visibleMonth, 1)), children: _jsx("span", { "aria-hidden": "true", children: "\u203A" }) })] }), _jsxs("div", { "aria-labelledby": headingId, className: cn("liano-calendar__grid", classNames?.table), role: "grid", children: [_jsx("div", { className: cn("liano-calendar__weekdays", classNames?.head_row), role: "row", children: weekdays.map((weekday) => (_jsx("span", { className: cn("liano-calendar__weekday", classNames?.head_cell), role: "columnheader", children: weekday }, weekday))) }), Array.from({ length: 6 }, (_, rowIndex) => (_jsx("div", { className: cn("liano-calendar__week", classNames?.row), role: "row", children: days.slice(rowIndex * 7, rowIndex * 7 + 7).map((date) => {
+    return (_jsxs("div", { ...props, ref: ref, className: cn("zvk-ui-calendar", classNames?.months, classNames?.month, className), onKeyDown: handleKeyDown, children: [_jsxs("div", { className: cn("zvk-ui-calendar__header", classNames?.caption, classNames?.nav), children: [_jsx("button", { "aria-label": "Previous month", className: cn("zvk-ui-calendar__nav", classNames?.nav_button, classNames?.nav_button_previous), type: "button", onClick: () => setVisibleMonth(addMonths(visibleMonth, -1)), children: _jsx("span", { "aria-hidden": "true", children: "\u2039" }) }), _jsx("h2", { className: cn("zvk-ui-calendar__heading", classNames?.caption_label), id: headingId, children: monthLabel }), _jsx("button", { "aria-label": "Next month", className: cn("zvk-ui-calendar__nav", classNames?.nav_button, classNames?.nav_button_next), type: "button", onClick: () => setVisibleMonth(addMonths(visibleMonth, 1)), children: _jsx("span", { "aria-hidden": "true", children: "\u203A" }) })] }), _jsxs("div", { "aria-labelledby": headingId, className: cn("zvk-ui-calendar__grid", classNames?.table), role: "grid", children: [_jsx("div", { className: cn("zvk-ui-calendar__weekdays", classNames?.head_row), role: "row", children: weekdays.map((weekday) => (_jsx("span", { className: cn("zvk-ui-calendar__weekday", classNames?.head_cell), role: "columnheader", children: weekday }, weekday))) }), Array.from({ length: 6 }, (_, rowIndex) => (_jsx("div", { className: cn("zvk-ui-calendar__week", classNames?.row), role: "row", children: days.slice(rowIndex * 7, rowIndex * 7 + 7).map((date) => {
                             const normalizedDate = startOfDay(date);
                             const dateKey = normalizedDate.getTime();
                             const outsideMonth = date.getMonth() !== visibleMonth.getMonth();
@@ -176,9 +176,9 @@ export function Calendar({ classNames, className, defaultMonth, defaultSelected
                             const selectedDay = isSameDay(currentSelected, date);
                             const focusedDay = isSameDay(focusedDate, date);
                             if (hideOutsideDay) {
-                                return (_jsx("span", { className: cn("liano-calendar__cell", classNames?.cell), role: "gridcell", children: _jsx("span", { "aria-hidden": "true", className: cn("liano-calendar__day", classNames?.day, classNames?.day_outside), "data-outside-month": "true" }) }, dateKey));
+                                return (_jsx("span", { className: cn("zvk-ui-calendar__cell", classNames?.cell), role: "gridcell", children: _jsx("span", { "aria-hidden": "true", className: cn("zvk-ui-calendar__day", classNames?.day, classNames?.day_outside), "data-outside-month": "true" }) }, dateKey));
                             }
-                            return (_jsx("span", { className: cn("liano-calendar__cell", classNames?.cell), role: "gridcell", children: _jsx("button", { "aria-label": getDayLabel(date, locale), "aria-pressed": selectedDay, className: cn("liano-calendar__day", classNames?.day, selectedDay ? classNames?.day_selected : undefined, outsideMonth ? classNames?.day_outside : undefined, disabled ? classNames?.day_disabled : undefined, isSameDay(today, date) ? classNames?.day_today : undefined), "data-disabled": disabled ? "true" : undefined, "data-outside-month": outsideMonth ? "true" : undefined, "data-selected": selectedDay ? "true" : undefined, "data-today": isSameDay(today, date) ? "true" : undefined, disabled: disabled, ref: (node) => {
+                            return (_jsx("span", { className: cn("zvk-ui-calendar__cell", classNames?.cell), role: "gridcell", children: _jsx("button", { "aria-label": getDayLabel(date, locale), "aria-pressed": selectedDay, className: cn("zvk-ui-calendar__day", classNames?.day, selectedDay ? classNames?.day_selected : undefined, outsideMonth ? classNames?.day_outside : undefined, disabled ? classNames?.day_disabled : undefined, isSameDay(today, date) ? classNames?.day_today : undefined), "data-disabled": disabled ? "true" : undefined, "data-outside-month": outsideMonth ? "true" : undefined, "data-selected": selectedDay ? "true" : undefined, "data-today": isSameDay(today, date) ? "true" : undefined, disabled: disabled, ref: (node) => {
                                         if (node) {
                                             dayButtonRefs.current.set(dateKey, node);
                                         }

package/dist/components/card/card.d.ts

@@ -15,17 +15,22 @@ export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement>
 export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
     ref?: React.Ref<HTMLParagraphElement>;
 }
+export interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
 declare function CardRoot({ className, padding, ref, variant, ...props }: CardProps): React.JSX.Element;
 declare function CardHeader({ className, ref, ...props }: CardSlotProps): React.JSX.Element;
 declare function CardTitle({ className, ref, ...props }: CardTitleProps): React.JSX.Element;
 declare function CardDescription({ className, ref, ...props }: CardDescriptionProps): React.JSX.Element;
 declare function CardContent({ className, ref, ...props }: CardSlotProps): React.JSX.Element;
 declare function CardFooter({ className, ref, ...props }: CardSlotProps): React.JSX.Element;
+declare function CardAction({ className, ref, ...props }: CardActionProps): React.JSX.Element;
 export declare const Card: typeof CardRoot & {
     Header: typeof CardHeader;
     Title: typeof CardTitle;
     Description: typeof CardDescription;
     Content: typeof CardContent;
     Footer: typeof CardFooter;
+    Action: typeof CardAction;
 };
 export {};

package/dist/components/card/card.js

@@ -2,27 +2,31 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils/cn.js";
 function CardRoot({ className, padding = "md", ref, variant = "elevated", ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-card", className), "data-padding": padding, "data-variant": variant });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-card", className), "data-padding": padding, "data-variant": variant });
 }
 function CardHeader({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-card__header", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-card__header", className) });
 }
 function CardTitle({ className, ref, ...props }) {
-    return _jsx("h3", { ...props, ref: ref, className: cn("liano-card__title", className) });
+    return _jsx("h3", { ...props, ref: ref, className: cn("zvk-ui-card__title", className) });
 }
 function CardDescription({ className, ref, ...props }) {
-    return _jsx("p", { ...props, ref: ref, className: cn("liano-card__description", className) });
+    return _jsx("p", { ...props, ref: ref, className: cn("zvk-ui-card__description", className) });
 }
 function CardContent({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-card__content", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-card__content", className) });
 }
 function CardFooter({ className, ref, ...props }) {
-    return _jsx("div", { ...props, ref: ref, className: cn("liano-card__footer", className) });
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-card__footer", className) });
+}
+function CardAction({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-card__action", className) });
 }
 export const Card = Object.assign(CardRoot, {
     Header: CardHeader,
     Title: CardTitle,
     Description: CardDescription,
     Content: CardContent,
-    Footer: CardFooter
+    Footer: CardFooter,
+    Action: CardAction
 });

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

@@ -1,2 +1,2 @@
 export { Card } from "./card.js";
-export type { CardDescriptionProps, CardPadding, CardProps, CardSlotProps, CardTitleProps, CardVariant } from "./card.js";
+export type { CardActionProps, CardDescriptionProps, CardPadding, CardProps, CardSlotProps, CardTitleProps, CardVariant } from "./card.js";

package/dist/components/carousel/carousel.js

@@ -157,15 +157,15 @@ function CarouselRoot({ children, className, defaultIndex = 0, index, onApiChang
         slideCount,
         unregisterSlide
     ]);
-    return (_jsx(CarouselContext.Provider, { value: context, children: _jsx("div", { ...props, ref: ref, "aria-roledescription": "carousel", className: cn("liano-carousel", className), "data-orientation": orientation, onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown), role: props.role ?? "region", tabIndex: tabIndex ?? 0, children: children }) }));
+    return (_jsx(CarouselContext.Provider, { value: context, children: _jsx("div", { ...props, ref: ref, "aria-roledescription": "carousel", className: cn("zvk-ui-carousel", className), "data-orientation": orientation, onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown), role: props.role ?? "region", tabIndex: tabIndex ?? 0, children: children }) }));
 }
 function CarouselViewport({ className, ref, ...props }) {
     const context = useCarouselContext("Carousel.Viewport");
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-carousel__viewport", className), "data-orientation": context.orientation }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-carousel__viewport", className), "data-orientation": context.orientation }));
 }
 function CarouselTrack({ className, ref, ...props }) {
     const context = useCarouselContext("Carousel.Track");
-    return (_jsx("div", { ...props, ref: ref, className: cn("liano-carousel__track", className), "data-orientation": context.orientation }));
+    return (_jsx("div", { ...props, ref: ref, className: cn("zvk-ui-carousel__track", className), "data-orientation": context.orientation }));
 }
 function CarouselSlide({ className, ref, ...props }) {
     const context = useCarouselContext("Carousel.Slide");
@@ -183,22 +183,22 @@ function CarouselSlide({ className, ref, ...props }) {
     return (_jsx("div", { ...props, ref: (node) => {
             slideRef.current = node;
             setRef(ref, node);
-        }, "aria-label": props["aria-label"] ?? `${safeIndex + 1} of ${context.slideCount}`, "aria-roledescription": "slide", className: cn("liano-carousel__slide", className), "data-orientation": context.orientation, "data-selected": isSelected ? "true" : undefined, role: props.role ?? "group" }));
+        }, "aria-label": props["aria-label"] ?? `${safeIndex + 1} of ${context.slideCount}`, "aria-roledescription": "slide", className: cn("zvk-ui-carousel__slide", className), "data-orientation": context.orientation, "data-selected": isSelected ? "true" : undefined, role: props.role ?? "group" }));
 }
 function CarouselPrevious({ className, disabled, onClick, ref, type = "button", ...props }) {
     const context = useCarouselContext("Carousel.Previous");
     const isDisabled = disabled === true || !context.canScrollPrev;
-    return (_jsx("button", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Previous slide", className: cn("liano-carousel__button liano-carousel__button--previous", className), "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => context.scrollPrev()), type: type }));
+    return (_jsx("button", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Previous slide", className: cn("zvk-ui-carousel__button zvk-ui-carousel__button--previous", className), "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => context.scrollPrev()), type: type }));
 }
 function CarouselNext({ className, disabled, onClick, ref, type = "button", ...props }) {
     const context = useCarouselContext("Carousel.Next");
     const isDisabled = disabled === true || !context.canScrollNext;
-    return (_jsx("button", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Next slide", className: cn("liano-carousel__button liano-carousel__button--next", className), "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => context.scrollNext()), type: type }));
+    return (_jsx("button", { ...props, ref: ref, "aria-label": props["aria-label"] ?? "Next slide", className: cn("zvk-ui-carousel__button zvk-ui-carousel__button--next", className), "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, () => context.scrollNext()), type: type }));
 }
 function CarouselPage({ children, className, ref, ...props }) {
     const context = useCarouselContext("Carousel.Page");
     const label = context.slideCount === 0 ? "0 / 0" : `${context.selectedIndex + 1} / ${context.slideCount}`;
-    return (_jsx("output", { ...props, ref: ref, "aria-live": props["aria-live"] ?? "polite", className: cn("liano-carousel__page", className), children: children ?? label }));
+    return (_jsx("output", { ...props, ref: ref, "aria-live": props["aria-live"] ?? "polite", className: cn("zvk-ui-carousel__page", className), children: children ?? label }));
 }
 export const Carousel = Object.assign(CarouselRoot, {
     Next: CarouselNext,

package/dist/components/checkbox/checkbox.js

@@ -21,10 +21,10 @@ export function Checkbox({ "aria-describedby": ariaDescribedBy, className, descr
     const descriptionId = hasDescription ? `${checkboxId}-description` : undefined;
     const errorId = hasError ? `${checkboxId}-error` : undefined;
     const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
-    const input = (_jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: "liano-checkbox__input", "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, disabled: disabled, id: checkboxId, required: required, type: "checkbox" }));
-    const content = (_jsxs(_Fragment, { children: [input, _jsx("span", { className: "liano-checkbox__control", "aria-hidden": "true", children: _jsx("span", { className: "liano-checkbox__indicator" }) }), hasLabel ? _jsx("span", { className: "liano-checkbox__label", children: label }) : null] }));
+    const input = (_jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: "zvk-ui-checkbox__input", "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, disabled: disabled, id: checkboxId, required: required, type: "checkbox" }));
+    const content = (_jsxs(_Fragment, { children: [input, _jsx("span", { className: "zvk-ui-checkbox__control", "aria-hidden": "true", children: _jsx("span", { className: "zvk-ui-checkbox__indicator" }) }), hasLabel ? _jsx("span", { className: "zvk-ui-checkbox__label", children: label }) : null] }));
     if (!hasLabel && !hasDescription && !hasError) {
-        return (_jsx("span", { className: cn("liano-checkbox", className), "data-size": size, "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, children: content }));
+        return (_jsx("span", { className: cn("zvk-ui-checkbox", className), "data-size": size, "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, children: content }));
     }
-    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [_jsx("label", { className: cn("liano-checkbox", className), "data-size": size, "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, children: content }), hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [_jsx("label", { className: cn("zvk-ui-checkbox", className), "data-size": size, "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, children: content }), hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
 }

package/dist/components/code-block/code-block.js

@@ -11,6 +11,6 @@ function toLanguageClass(value) {
 export function CodeBlock({ className, code, filename, language, ref, size = "md", ...props }) {
     const hasMetadata = (filename !== undefined && filename !== null) ||
         (language !== undefined && language !== null && language.trim().length > 0);
-    const codeClassName = cn("liano-code-block__code", toLanguageClass(language));
-    return (_jsxs("pre", { ...props, ref: ref, className: cn("liano-code-block", className), "data-size": size, children: [hasMetadata ? (_jsxs("span", { className: "liano-code-block__header", children: [filename !== undefined && filename !== null ? _jsx("span", { className: "liano-code-block__filename", children: filename }) : null, language ? _jsx("span", { className: "liano-code-block__language", children: language }) : null] })) : null, _jsx("code", { className: codeClassName, children: code })] }));
+    const codeClassName = cn("zvk-ui-code-block__code", toLanguageClass(language));
+    return (_jsxs("pre", { ...props, ref: ref, className: cn("zvk-ui-code-block", className), "data-size": size, children: [hasMetadata ? (_jsxs("span", { className: "zvk-ui-code-block__header", children: [filename !== undefined && filename !== null ? _jsx("span", { className: "zvk-ui-code-block__filename", children: filename }) : null, language ? _jsx("span", { className: "zvk-ui-code-block__language", children: language }) : null] })) : null, _jsx("code", { className: codeClassName, children: code })] }));
 }

package/dist/components/collapsible/collapsible.js

@@ -22,7 +22,7 @@ function CollapsibleRoot({ children, className, defaultOpen = false, disabled =
         defaultOpen,
         ...(onOpenChange ? { onOpenChange } : {})
     });
-    return (_jsx(CollapsibleContext.Provider, { value: { open: isOpen, setOpen, disabled, contentId, defaultContentId, setContentId }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-collapsible", className), "data-state": isOpen ? "open" : "closed", "data-disabled": disabled ? "true" : undefined, children: children }) }));
+    return (_jsx(CollapsibleContext.Provider, { value: { open: isOpen, setOpen, disabled, contentId, defaultContentId, setContentId }, children: _jsx("div", { ...props, ref: ref, className: cn("zvk-ui-collapsible", className), "data-state": isOpen ? "open" : "closed", "data-disabled": disabled ? "true" : undefined, children: children }) }));
 }
 function CollapsibleTrigger({ asChild = false, className, disabled, onClick, ref, type = "button", ...props }) {
     const context = useCollapsibleContext("Collapsible.Trigger");
@@ -31,9 +31,9 @@ function CollapsibleTrigger({ asChild = false, className, disabled, onClick, ref
         context.setOpen((previous) => !previous);
     };
     if (asChild) {
-        return (_jsx(Slot, { ...props, ref: ref, "aria-controls": context.contentId, "aria-disabled": isDisabled ? true : undefined, "aria-expanded": context.open, className: cn("liano-collapsible__trigger", className), "data-disabled": isDisabled ? "true" : undefined, "data-state": context.open ? "open" : "closed", onClick: composeEventHandlers(onClick, isDisabled ? undefined : handleClick), children: props.children }));
+        return (_jsx(Slot, { ...props, ref: ref, "aria-controls": context.contentId, "aria-disabled": isDisabled ? true : undefined, "aria-expanded": context.open, className: cn("zvk-ui-collapsible__trigger", className), "data-disabled": isDisabled ? "true" : undefined, "data-state": context.open ? "open" : "closed", onClick: composeEventHandlers(onClick, isDisabled ? undefined : handleClick), children: props.children }));
     }
-    return (_jsx("button", { ...props, ref: ref, className: cn("liano-collapsible__trigger", className), "aria-controls": context.contentId, "aria-expanded": context.open, "data-state": context.open ? "open" : "closed", "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, isDisabled ? undefined : handleClick), type: type }));
+    return (_jsx("button", { ...props, ref: ref, className: cn("zvk-ui-collapsible__trigger", className), "aria-controls": context.contentId, "aria-expanded": context.open, "data-state": context.open ? "open" : "closed", "data-disabled": isDisabled ? "true" : undefined, disabled: isDisabled, onClick: composeEventHandlers(onClick, isDisabled ? undefined : handleClick), type: type }));
 }
 function CollapsibleContent({ className, forceMount = false, ref, ...props }) {
     const context = useCollapsibleContext("Collapsible.Content");
@@ -48,7 +48,7 @@ function CollapsibleContent({ className, forceMount = false, ref, ...props }) {
     if (!forceMount && !open) {
         return null;
     }
-    return (_jsx("div", { ...props, id: resolvedId, ref: ref, className: cn("liano-collapsible__content", className), "data-state": open ? "open" : "closed", hidden: open ? undefined : true }));
+    return (_jsx("div", { ...props, id: resolvedId, ref: ref, className: cn("zvk-ui-collapsible__content", className), "data-state": open ? "open" : "closed", hidden: open ? undefined : true }));
 }
 export const Collapsible = Object.assign(CollapsibleRoot, {
     Trigger: CollapsibleTrigger,