zaravand-ui 6.0.0 → 7.0.0

package/dist/components/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../lib/utils.cjs`),r=require(`../shared/IconActionButton.cjs`),i=require(`../shared/useControllableState.cjs`),a=require(`../shared/useExclusiveAction.cjs`),o=require(`./Accordion.variant.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`),l=require(`lucide-react`);var u=`zui:size-4`,d=s.createContext(null);function f(e){let t=s.useContext(d);if(!t)throw Error(`${e} must be used within an <Accordion> component`);return t}var p=s.createContext(null);function m(e){let t=s.useContext(p);if(!t)throw Error(`${e} must be used within an <AccordionItem> component`);return t}function h(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function g(e){return typeof e==`string`||typeof e==`number`?String(e):``}function _(e){return`${g(e.title)} ${Array.isArray(e.content)?e.content.map(e=>g(e.label)).join(` `):g(e.content)}`.toLocaleLowerCase()}var v=s.forwardRef(function({type:e=`single`,value:f,defaultValue:p,onValueChange:m,collapsible:g=!1,dir:v,items:S,searchable:C=!1,onAdd:w,onEdit:T,onDelete:E,onContentItemEdit:D,onContentItemDelete:O,className:k,children:A},j){let{messages:M,dir:N}=t.useZuiConfig(),P=v??N,[F,I]=i.useControllableState({value:s.useMemo(()=>f===void 0?void 0:h(f),[f]),defaultValue:()=>h(p)}),[L,R]=a.useExclusiveAction(),[z,B]=s.useState(``),V=C&&Array.isArray(S),H=typeof w==`function`,U=z.trim().toLocaleLowerCase(),W=s.useMemo(()=>{if(!S)return;let e=S.map((e,t)=>({item:e,originalIndex:t}));return!V||U.length===0?e:e.filter(({item:e})=>_(e).includes(U))},[S,U,V]),G=s.useCallback(t=>{I(t),e===`multiple`?m?.(t):m?.(t[0]??``)},[m,I,e]),K=s.useCallback(t=>{let n=F.includes(t);if(e===`multiple`){G(n?F.filter(e=>e!==t):[...F,t]);return}if(n){G(g?[]:F);return}G([t])},[g,G,F,e]),q=s.useCallback(async()=>{w&&await R(w)},[w,R]),J=s.useCallback(async(e,t)=>{T&&await R(()=>T({item:e,index:t}))},[T,R]),Y=s.useCallback(async(e,t)=>{E&&await R(()=>E({item:e,index:t}))},[E,R]),X=s.useCallback(async(e,t,n,r)=>{D&&await R(()=>D({item:e,itemIndex:t,contentItem:n,contentIndex:r}))},[D,R]),Z=s.useCallback(async(e,t,n,r)=>{O&&await R(()=>O({item:e,itemIndex:t,contentItem:n,contentIndex:r}))},[O,R]),Q=s.useMemo(()=>({openValues:F,toggleValue:K,dir:P,type:e}),[F,K,P,e]);return(0,c.jsx)(d.Provider,{value:Q,children:(0,c.jsxs)(`div`,{ref:j,dir:P,"data-slot":`accordion`,className:n.cn(o.accordionVariants(),k),children:[V||H?(0,c.jsx)(r.ListToolbar,{"data-slot":`accordion-controls`,searchSlot:`accordion-search-input`,actionsSlot:`accordion-actions`,className:`zui:mb-2`,search:V?{value:z,onChange:e=>B(e.target.value),placeholder:M.common.searchPlaceholder,ariaLabel:M.accordion.searchAriaLabel}:void 0,actions:H?(0,c.jsx)(r.ToolbarIconButton,{"data-slot":`accordion-action-add-button`,label:M.common.add,disabled:L,onClick:()=>void q(),icon:(0,c.jsx)(l.Plus,{})}):void 0}):null,W&&V&&W.length===0?(0,c.jsx)(`div`,{"data-slot":`accordion-empty-state`,className:o.accordionEmptyStateVariants(),children:M.accordion.noSearchResults}):null,W?W.map(({item:e,originalIndex:t})=>{let n=e.isEdit&&typeof T==`function`,i=e.isDelete&&typeof E==`function`,a=n||i?(0,c.jsxs)(c.Fragment,{children:[n?(0,c.jsx)(r.IconActionButton,{"data-slot":`accordion-action-edit-button`,label:M.common.edit,icon:(0,c.jsx)(l.Pencil,{className:u,"aria-hidden":`true`}),disabled:L,className:o.accordionActionButtonVariants({tone:`edit`}),onClick:()=>void J(e,t)}):null,i?(0,c.jsx)(r.IconActionButton,{"data-slot":`accordion-action-delete-button`,label:M.common.delete,icon:(0,c.jsx)(l.Trash2,{className:u,"aria-hidden":`true`}),disabled:L,className:o.accordionActionButtonVariants({tone:`delete`}),onClick:()=>void Y(e,t)}):null]}):void 0,s=Array.isArray(e.content)?(0,c.jsx)(`div`,{"data-slot":`accordion-content-list`,className:o.accordionContentListVariants(),children:e.content.map((n,i)=>{let a=n.isEdit&&typeof D==`function`,s=n.isDelete&&typeof O==`function`;return(0,c.jsxs)(`div`,{"data-slot":`accordion-content-list-row`,className:o.accordionContentListRowVariants(),children:[(0,c.jsx)(`span`,{className:`zui:min-w-0 zui:flex-1 zui:text-start`,children:n.label}),a?(0,c.jsx)(r.IconActionButton,{"data-slot":`accordion-content-item-edit-button`,label:M.common.edit,icon:(0,c.jsx)(l.Pencil,{className:u,"aria-hidden":`true`}),disabled:L,className:o.accordionContentActionButtonVariants({tone:`edit`}),onClick:()=>void X(e,t,n,i)}):null,s?(0,c.jsx)(r.IconActionButton,{"data-slot":`accordion-content-item-delete-button`,label:M.common.delete,icon:(0,c.jsx)(l.Trash2,{className:u,"aria-hidden":`true`}),disabled:L,className:o.accordionContentActionButtonVariants({tone:`delete`}),onClick:()=>void Z(e,t,n,i)}):null]},n.value)})}):e.content;return(0,c.jsxs)(y,{value:e.value,disabled:e.disabled,children:[(0,c.jsx)(b,{icon:e.icon,actions:a,children:e.title}),(0,c.jsx)(x,{children:s})]},e.value)}):A]})})}),y=s.forwardRef(function({value:e,disabled:t=!1,className:r,children:i},a){let{openValues:l}=f(`AccordionItem`),u=l.includes(e),d=s.useId(),m=`accordion-trigger-${d}`,h=`accordion-content-${d}`,g=s.useMemo(()=>({value:e,isOpen:u,disabled:t,triggerId:m,contentId:h}),[e,u,t,m,h]);return(0,c.jsx)(p.Provider,{value:g,children:(0,c.jsx)(`div`,{ref:a,"data-slot":`accordion-item`,"data-state":u?`open`:`closed`,"data-disabled":t?``:void 0,className:n.cn(o.accordionItemVariants(),r),children:i})})}),b=s.forwardRef(function({icon:e,actions:t,className:r,children:i},a){let{toggleValue:s}=f(`AccordionTrigger`),{value:u,isOpen:d,disabled:p,triggerId:h,contentId:g}=m(`AccordionTrigger`);return(0,c.jsxs)(`div`,{"data-slot":`accordion-trigger-row`,className:o.accordionTriggerRowVariants(),children:[(0,c.jsxs)(`button`,{ref:a,type:`button`,id:h,"aria-expanded":d,"aria-controls":g,disabled:p,"data-slot":`accordion-trigger`,"data-state":d?`open`:`closed`,onClick:()=>{p||s(u)},className:n.cn(o.accordionTriggerVariants(),r),children:[(0,c.jsx)(`span`,{className:`zui:flex-1 zui:text-start`,children:i}),e??(0,c.jsx)(l.ChevronDown,{"aria-hidden":`true`,className:n.cn(`zui:size-4 zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200 zui:ease-out`,d?`zui:rotate-180`:`zui:rotate-0`)})]}),t?(0,c.jsx)(`div`,{"data-slot":`accordion-trigger-actions`,className:o.accordionTriggerActionsVariants(),children:t}):null]})}),x=s.forwardRef(function({forceMount:e,className:t,children:r},i){let{isOpen:a,triggerId:s,contentId:l}=m(`AccordionContent`);return!e&&!a?null:(0,c.jsx)(`div`,{ref:i,role:`region`,id:l,"aria-labelledby":s,"data-slot":`accordion-content`,"data-state":a?`open`:`closed`,hidden:e?!a:void 0,className:n.cn(o.accordionContentVariants(),t),children:r})});exports.AccordionContent=x,exports.AccordionItem=y,exports.AccordionTrigger=b,exports.default=v;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../lib/utils.cjs`),r=require(`../shared/ActionSheet.cjs`),i=require(`../shared/FieldClearButton.cjs`),a=require(`../shared/IconActionButton.cjs`),o=require(`../shared/useControllableState.cjs`),s=require(`../shared/useExclusiveAction.cjs`),c=require(`../shared/useStickyToolbar.cjs`),l=require(`../shared/viewport.cjs`),u=require(`./Accordion.variant.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`),p=require(`lucide-react`);var m=`zui:size-4`,h=d.createContext(null);function g(e){let t=d.useContext(h);if(!t)throw Error(`${e} must be used within an <Accordion> component`);return t}var _=d.createContext(null);function v(e){let t=d.useContext(_);if(!t)throw Error(`${e} must be used within an <AccordionItem> component`);return t}function y(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function b(e){return typeof e==`string`||typeof e==`number`?String(e):``}function ee(e){return`${b(e.title)} ${Array.isArray(e.content)?e.content.map(e=>b(e.label)).join(` `):b(e.content)}`.toLocaleLowerCase()}var x=d.forwardRef(function({type:e=`single`,value:g,defaultValue:_,onValueChange:v,collapsible:b=!1,dir:x,items:T,searchable:te=!1,onAdd:E,onEdit:D,onDelete:O,onContentItemEdit:k,onContentItemDelete:A,stickyToolbar:j=!0,className:ne,children:re},ie){let{messages:M,dir:ae}=t.useZuiConfig(),N=x??ae,[P,F]=o.useControllableState({value:d.useMemo(()=>g===void 0?void 0:y(g),[g]),defaultValue:()=>y(_)}),[I,L]=s.useExclusiveAction(),R=l.useIsMobileViewport(),[z,B]=d.useState({open:!1,actions:[]}),V=e=>B({open:!0,actions:e}),[H,oe]=d.useState(``),U=te&&Array.isArray(T),W=typeof E==`function`,G=U||W,K=d.useRef(null),q=d.useRef(null);c.useStickyToolbar(K,q,R&&j&&G);let J=H.trim().toLocaleLowerCase(),Y=d.useMemo(()=>{if(!T)return;let e=T.map((e,t)=>({item:e,originalIndex:t}));return!U||J.length===0?e:e.filter(({item:e})=>ee(e).includes(J))},[T,J,U]),X=d.useCallback(t=>{F(t),e===`multiple`?v?.(t):v?.(t[0]??``)},[v,F,e]),Z=d.useCallback(t=>{let n=P.includes(t);if(e===`multiple`){X(n?P.filter(e=>e!==t):[...P,t]);return}if(n){X(b?[]:P);return}X([t])},[b,X,P,e]),se=d.useCallback(async()=>{E&&await L(E)},[E,L]),Q=d.useCallback(async(e,t)=>{D&&await L(()=>D({item:e,index:t}))},[D,L]),$=d.useCallback(async(e,t)=>{O&&await L(()=>O({item:e,index:t}))},[O,L]),ce=d.useCallback(async(e,t,n,r)=>{k&&await L(()=>k({item:e,itemIndex:t,contentItem:n,contentIndex:r}))},[k,L]),le=d.useCallback(async(e,t,n,r)=>{A&&await L(()=>A({item:e,itemIndex:t,contentItem:n,contentIndex:r}))},[A,L]),ue=d.useMemo(()=>({openValues:P,toggleValue:Z,dir:N,type:e}),[P,Z,N,e]);return(0,f.jsx)(h.Provider,{value:ue,children:(0,f.jsxs)(`div`,{ref:ie,dir:N,"data-slot":`accordion`,className:n.cn(u.accordionVariants(),ne),children:[G?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{ref:q,"aria-hidden":`true`,"data-slot":`accordion-sticky-sentinel`,className:`zui:-mb-2`}),(0,f.jsx)(`div`,{ref:K,"data-slot":`accordion-sticky-toolbar`,"data-sticky-toolbar":R&&j?`true`:void 0,className:`zui:mb-2`,children:(0,f.jsx)(a.ListToolbar,{"data-slot":`accordion-controls`,searchSlot:`accordion-search-input`,actionsSlot:`accordion-actions`,inlineActionsOnMobile:W,search:U?{value:H,onChange:e=>oe(e.target.value),placeholder:M.common.searchPlaceholder,ariaLabel:M.accordion.searchAriaLabel}:void 0,actions:W?(0,f.jsx)(a.ToolbarIconButton,{"data-slot":`accordion-action-add-button`,label:M.common.add,disabled:I,onClick:()=>void se(),icon:(0,f.jsx)(p.Plus,{})}):void 0})})]}):null,Y&&U&&Y.length===0?(0,f.jsx)(`div`,{"data-slot":`accordion-empty-state`,className:u.accordionEmptyStateVariants(),children:M.accordion.noSearchResults}):null,Y?Y.map(({item:e,originalIndex:t})=>{let n=e.isEdit&&typeof D==`function`,r=e.isDelete&&typeof O==`function`,o=n||r,s=e=>(0,f.jsx)(e,{className:i.CLEAR_ICON_CLASS,"aria-hidden":`true`}),c=[...n?[{key:`edit`,label:M.common.edit,icon:s(p.Pencil),onSelect:()=>void Q(e,t)}]:[],...r?[{key:`delete`,label:M.common.delete,icon:s(p.Trash2),danger:!0,onSelect:()=>void $(e,t)}]:[]],l=R&&c.length>1?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-action-menu-button`,label:M.accordion.actions,icon:(0,f.jsx)(p.EllipsisVertical,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionActionButtonVariants({tone:`edit`}),onClick:()=>V(c)}):o?(0,f.jsxs)(f.Fragment,{children:[n?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-action-edit-button`,label:M.common.edit,icon:(0,f.jsx)(p.Pencil,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionActionButtonVariants({tone:`edit`}),onClick:()=>void Q(e,t)}):null,r?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-action-delete-button`,label:M.common.delete,icon:(0,f.jsx)(p.Trash2,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionActionButtonVariants({tone:`delete`}),onClick:()=>void $(e,t)}):null]}):void 0,d=Array.isArray(e.content)?(0,f.jsx)(`div`,{"data-slot":`accordion-content-list`,className:u.accordionContentListVariants(),children:e.content.map((n,r)=>{let i=n.isEdit&&typeof k==`function`,o=n.isDelete&&typeof A==`function`,c=[...i?[{key:`edit`,label:M.common.edit,icon:s(p.Pencil),onSelect:()=>void ce(e,t,n,r)}]:[],...o?[{key:`delete`,label:M.common.delete,icon:s(p.Trash2),danger:!0,onSelect:()=>void le(e,t,n,r)}]:[]],l=R&&c.length>1;return(0,f.jsxs)(`div`,{"data-slot":`accordion-content-list-row`,className:u.accordionContentListRowVariants(),children:[(0,f.jsx)(`span`,{className:`zui:min-w-0 zui:flex-1 zui:text-start`,children:n.label}),l?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-content-item-menu-button`,label:M.accordion.actions,icon:(0,f.jsx)(p.EllipsisVertical,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionContentActionButtonVariants({tone:`edit`}),onClick:()=>V(c)}):null,!l&&i?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-content-item-edit-button`,label:M.common.edit,icon:(0,f.jsx)(p.Pencil,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionContentActionButtonVariants({tone:`edit`}),onClick:()=>void ce(e,t,n,r)}):null,!l&&o?(0,f.jsx)(a.IconActionButton,{"data-slot":`accordion-content-item-delete-button`,label:M.common.delete,icon:(0,f.jsx)(p.Trash2,{className:m,"aria-hidden":`true`}),disabled:I,className:u.accordionContentActionButtonVariants({tone:`delete`}),onClick:()=>void le(e,t,n,r)}):null]},n.value)})}):e.content;return(0,f.jsxs)(S,{value:e.value,disabled:e.disabled,children:[(0,f.jsx)(C,{icon:e.icon,actions:l,children:e.title}),(0,f.jsx)(w,{children:d})]},e.value)}):re,R?(0,f.jsx)(r.default,{open:z.open,onOpenChange:e=>B(t=>({...t,open:e})),actions:z.actions,label:M.accordion.actions}):null]})})}),S=d.forwardRef(function({value:e,disabled:t=!1,className:r,children:i},a){let{openValues:o}=g(`AccordionItem`),s=o.includes(e),c=d.useId(),l=`accordion-trigger-${c}`,p=`accordion-content-${c}`,m=d.useMemo(()=>({value:e,isOpen:s,disabled:t,triggerId:l,contentId:p}),[e,s,t,l,p]);return(0,f.jsx)(_.Provider,{value:m,children:(0,f.jsx)(`div`,{ref:a,"data-slot":`accordion-item`,"data-state":s?`open`:`closed`,"data-disabled":t?``:void 0,className:n.cn(u.accordionItemVariants(),r),children:i})})}),C=d.forwardRef(function({icon:e,actions:t,className:r,children:i},a){let{toggleValue:o}=g(`AccordionTrigger`),{value:s,isOpen:c,disabled:l,triggerId:d,contentId:m}=v(`AccordionTrigger`);return(0,f.jsxs)(`div`,{"data-slot":`accordion-trigger-row`,className:u.accordionTriggerRowVariants(),children:[(0,f.jsxs)(`button`,{ref:a,type:`button`,id:d,"aria-expanded":c,"aria-controls":m,disabled:l,"data-slot":`accordion-trigger`,"data-state":c?`open`:`closed`,onClick:()=>{l||o(s)},className:n.cn(u.accordionTriggerVariants(),r),children:[(0,f.jsx)(`span`,{className:`zui:flex-1 zui:text-start`,children:i}),e??(0,f.jsx)(p.ChevronDown,{"aria-hidden":`true`,className:n.cn(`zui:size-4 zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200 zui:ease-out`,c?`zui:rotate-180`:`zui:rotate-0`)})]}),t?(0,f.jsx)(`div`,{"data-slot":`accordion-trigger-actions`,className:u.accordionTriggerActionsVariants(),children:t}):null]})}),w=d.forwardRef(function({forceMount:e,className:t,children:r},i){let{isOpen:a,triggerId:o,contentId:s}=v(`AccordionContent`);return!e&&!a?null:(0,f.jsx)(`div`,{ref:i,role:`region`,id:s,"aria-labelledby":o,"data-slot":`accordion-content`,"data-state":a?`open`:`closed`,hidden:e?!a:void 0,className:n.cn(u.accordionContentVariants(),t),children:r})});exports.AccordionContent=w,exports.AccordionItem=S,exports.AccordionTrigger=C,exports.default=x;

package/dist/components/Accordion/Accordion.interface.d.cts

@@ -72,6 +72,14 @@ export interface AccordionProps {
     onContentItemEdit?: AccordionContentItemEditHandler;
     /** Called when a content-list row's delete icon (`AccordionContentItem.isDelete`) is clicked. */
     onContentItemDelete?: AccordionContentItemDeleteHandler;
+    /**
+     * On phones the search and "+" button stay pinned to the top while the items scroll: they slide
+     * away when the user scrolls down and come back as soon as they scroll up. Set to `false` to let
+     * them scroll away with the page. Pin them below a fixed header of your own with the CSS variable
+     * `--zui-table-sticky-top` (e.g. `56px`). No effect on larger screens.
+     * @default true
+     */
+    stickyToolbar?: boolean;
     className?: string;
     children?: React.ReactNode;
 }

package/dist/components/Accordion/Accordion.interface.d.ts

@@ -72,6 +72,14 @@ export interface AccordionProps {
     onContentItemEdit?: AccordionContentItemEditHandler;
     /** Called when a content-list row's delete icon (`AccordionContentItem.isDelete`) is clicked. */
     onContentItemDelete?: AccordionContentItemDeleteHandler;
+    /**
+     * On phones the search and "+" button stay pinned to the top while the items scroll: they slide
+     * away when the user scrolls down and come back as soon as they scroll up. Set to `false` to let
+     * them scroll away with the page. Pin them below a fixed header of your own with the CSS variable
+     * `--zui-table-sticky-top` (e.g. `56px`). No effect on larger screens.
+     * @default true
+     */
+    stickyToolbar?: boolean;
     className?: string;
     children?: React.ReactNode;
 }

package/dist/components/Accordion/Accordion.js

@@ -1,216 +1,294 @@
 "use client";
 import { useZuiConfig as e } from "../../config/useZuiConfig.js";
 import { cn as t } from "../../lib/utils.js";
-import { IconActionButton as n, ListToolbar as r, ToolbarIconButton as i } from "../shared/IconActionButton.js";
-import { useControllableState as a } from "../shared/useControllableState.js";
-import { useExclusiveAction as o } from "../shared/useExclusiveAction.js";
-import { accordionActionButtonVariants as s, accordionContentActionButtonVariants as c, accordionContentListRowVariants as l, accordionContentListVariants as u, accordionContentVariants as d, accordionEmptyStateVariants as ee, accordionItemVariants as f, accordionTriggerActionsVariants as p, accordionTriggerRowVariants as m, accordionTriggerVariants as h, accordionVariants as te } from "./Accordion.variant.js";
-import * as g from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { ChevronDown as b, Pencil as x, Plus as S, Trash2 as C } from "lucide-react";
+import n from "../shared/ActionSheet.js";
+import { CLEAR_ICON_CLASS as r } from "../shared/FieldClearButton.js";
+import { IconActionButton as i, ListToolbar as a, ToolbarIconButton as o } from "../shared/IconActionButton.js";
+import { useControllableState as s } from "../shared/useControllableState.js";
+import { useExclusiveAction as c } from "../shared/useExclusiveAction.js";
+import { useStickyToolbar as l } from "../shared/useStickyToolbar.js";
+import { useIsMobileViewport as u } from "../shared/viewport.js";
+import { accordionActionButtonVariants as d, accordionContentActionButtonVariants as f, accordionContentListRowVariants as ee, accordionContentListVariants as te, accordionContentVariants as p, accordionEmptyStateVariants as ne, accordionItemVariants as m, accordionTriggerActionsVariants as h, accordionTriggerRowVariants as g, accordionTriggerVariants as _, accordionVariants as re } from "./Accordion.variant.js";
+import * as v from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronDown as S, EllipsisVertical as C, Pencil as w, Plus as ie, Trash2 as T } from "lucide-react";
 //#region src/components/Accordion/Accordion.tsx
-var w = "zui:size-4", T = g.createContext(null);
-function E(e) {
-	let t = g.useContext(T);
+var E = "zui:size-4", D = v.createContext(null);
+function O(e) {
+	let t = v.useContext(D);
 	if (!t) throw Error(`${e} must be used within an <Accordion> component`);
 	return t;
 }
-var D = g.createContext(null);
-function O(e) {
-	let t = g.useContext(D);
+var k = v.createContext(null);
+function A(e) {
+	let t = v.useContext(k);
 	if (!t) throw Error(`${e} must be used within an <AccordionItem> component`);
 	return t;
 }
-function k(e) {
+function j(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
 }
-function A(e) {
+function M(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function ne(e) {
-	return `${A(e.title)} ${Array.isArray(e.content) ? e.content.map((e) => A(e.label)).join(" ") : A(e.content)}`.toLocaleLowerCase();
+function ae(e) {
+	return `${M(e.title)} ${Array.isArray(e.content) ? e.content.map((e) => M(e.label)).join(" ") : M(e.content)}`.toLocaleLowerCase();
 }
-var j = g.forwardRef(function({ type: d = "single", value: f, defaultValue: p, onValueChange: m, collapsible: h = !1, dir: b, items: E, searchable: D = !1, onAdd: O, onEdit: A, onDelete: j, onContentItemEdit: F, onContentItemDelete: I, className: re, children: L }, R) {
-	let { messages: z, dir: B } = e(), V = b ?? B, [H, U] = a({
-		value: g.useMemo(() => f === void 0 ? void 0 : k(f), [f]),
-		defaultValue: () => k(p)
-	}), [W, G] = o(), [K, q] = g.useState(""), J = D && Array.isArray(E), Y = typeof O == "function", X = K.trim().toLocaleLowerCase(), Z = g.useMemo(() => {
-		if (!E) return;
-		let e = E.map((e, t) => ({
+var N = v.forwardRef(function({ type: p = "single", value: m, defaultValue: h, onValueChange: g, collapsible: _ = !1, dir: S, items: O, searchable: k = !1, onAdd: A, onEdit: M, onDelete: N, onContentItemEdit: P, onContentItemDelete: F, stickyToolbar: I = !0, className: le, children: ue }, de) {
+	let { messages: L, dir: fe } = e(), R = S ?? fe, [z, B] = s({
+		value: v.useMemo(() => m === void 0 ? void 0 : j(m), [m]),
+		defaultValue: () => j(h)
+	}), [V, H] = c(), U = u(), [W, pe] = v.useState({
+		open: !1,
+		actions: []
+	}), G = (e) => pe({
+		open: !0,
+		actions: e
+	}), [K, me] = v.useState(""), q = k && Array.isArray(O), J = typeof A == "function", Y = q || J, he = v.useRef(null), ge = v.useRef(null);
+	l(he, ge, U && I && Y);
+	let X = K.trim().toLocaleLowerCase(), Z = v.useMemo(() => {
+		if (!O) return;
+		let e = O.map((e, t) => ({
 			item: e,
 			originalIndex: t
 		}));
-		return !J || X.length === 0 ? e : e.filter(({ item: e }) => ne(e).includes(X));
+		return !q || X.length === 0 ? e : e.filter(({ item: e }) => ae(e).includes(X));
 	}, [
-		E,
+		O,
 		X,
-		J
-	]), Q = g.useCallback((e) => {
-		U(e), d === "multiple" ? m?.(e) : m?.(e[0] ?? "");
+		q
+	]), Q = v.useCallback((e) => {
+		B(e), p === "multiple" ? g?.(e) : g?.(e[0] ?? "");
 	}, [
-		m,
-		U,
-		d
-	]), $ = g.useCallback((e) => {
-		let t = H.includes(e);
-		if (d === "multiple") {
-			Q(t ? H.filter((t) => t !== e) : [...H, e]);
+		g,
+		B,
+		p
+	]), _e = v.useCallback((e) => {
+		let t = z.includes(e);
+		if (p === "multiple") {
+			Q(t ? z.filter((t) => t !== e) : [...z, e]);
 			return;
 		}
 		if (t) {
-			Q(h ? [] : H);
+			Q(_ ? [] : z);
 			return;
 		}
 		Q([e]);
 	}, [
-		h,
+		_,
 		Q,
-		H,
-		d
-	]), ie = g.useCallback(async () => {
-		O && await G(O);
-	}, [O, G]), ae = g.useCallback(async (e, t) => {
-		A && await G(() => A({
+		z,
+		p
+	]), ve = v.useCallback(async () => {
+		A && await H(A);
+	}, [A, H]), ye = v.useCallback(async (e, t) => {
+		M && await H(() => M({
 			item: e,
 			index: t
 		}));
-	}, [A, G]), oe = g.useCallback(async (e, t) => {
-		j && await G(() => j({
+	}, [M, H]), be = v.useCallback(async (e, t) => {
+		N && await H(() => N({
 			item: e,
 			index: t
 		}));
-	}, [j, G]), se = g.useCallback(async (e, t, n, r) => {
-		F && await G(() => F({
+	}, [N, H]), xe = v.useCallback(async (e, t, n, r) => {
+		P && await H(() => P({
 			item: e,
 			itemIndex: t,
 			contentItem: n,
 			contentIndex: r
 		}));
-	}, [F, G]), ce = g.useCallback(async (e, t, n, r) => {
-		I && await G(() => I({
+	}, [P, H]), $ = v.useCallback(async (e, t, n, r) => {
+		F && await H(() => F({
 			item: e,
 			itemIndex: t,
 			contentItem: n,
 			contentIndex: r
 		}));
-	}, [I, G]), le = g.useMemo(() => ({
-		openValues: H,
-		toggleValue: $,
-		dir: V,
-		type: d
+	}, [F, H]), Se = v.useMemo(() => ({
+		openValues: z,
+		toggleValue: _e,
+		dir: R,
+		type: p
 	}), [
-		H,
-		$,
-		V,
-		d
+		z,
+		_e,
+		R,
+		p
 	]);
-	return /* @__PURE__ */ v(T.Provider, {
-		value: le,
-		children: /* @__PURE__ */ y("div", {
-			ref: R,
-			dir: V,
+	return /* @__PURE__ */ b(D.Provider, {
+		value: Se,
+		children: /* @__PURE__ */ x("div", {
+			ref: de,
+			dir: R,
 			"data-slot": "accordion",
-			className: t(te(), re),
+			className: t(re(), le),
 			children: [
-				J || Y ? /* @__PURE__ */ v(r, {
-					"data-slot": "accordion-controls",
-					searchSlot: "accordion-search-input",
-					actionsSlot: "accordion-actions",
+				Y ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+					ref: ge,
+					"aria-hidden": "true",
+					"data-slot": "accordion-sticky-sentinel",
+					className: "zui:-mb-2"
+				}), /* @__PURE__ */ b("div", {
+					ref: he,
+					"data-slot": "accordion-sticky-toolbar",
+					"data-sticky-toolbar": U && I ? "true" : void 0,
 					className: "zui:mb-2",
-					search: J ? {
-						value: K,
-						onChange: (e) => q(e.target.value),
-						placeholder: z.common.searchPlaceholder,
-						ariaLabel: z.accordion.searchAriaLabel
-					} : void 0,
-					actions: Y ? /* @__PURE__ */ v(i, {
-						"data-slot": "accordion-action-add-button",
-						label: z.common.add,
-						disabled: W,
-						onClick: () => void ie(),
-						icon: /* @__PURE__ */ v(S, {})
-					}) : void 0
-				}) : null,
-				Z && J && Z.length === 0 ? /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ b(a, {
+						"data-slot": "accordion-controls",
+						searchSlot: "accordion-search-input",
+						actionsSlot: "accordion-actions",
+						inlineActionsOnMobile: J,
+						search: q ? {
+							value: K,
+							onChange: (e) => me(e.target.value),
+							placeholder: L.common.searchPlaceholder,
+							ariaLabel: L.accordion.searchAriaLabel
+						} : void 0,
+						actions: J ? /* @__PURE__ */ b(o, {
+							"data-slot": "accordion-action-add-button",
+							label: L.common.add,
+							disabled: V,
+							onClick: () => void ve(),
+							icon: /* @__PURE__ */ b(ie, {})
+						}) : void 0
+					})
+				})] }) : null,
+				Z && q && Z.length === 0 ? /* @__PURE__ */ b("div", {
 					"data-slot": "accordion-empty-state",
-					className: ee(),
-					children: z.accordion.noSearchResults
+					className: ne(),
+					children: L.accordion.noSearchResults
 				}) : null,
 				Z ? Z.map(({ item: e, originalIndex: t }) => {
-					let r = e.isEdit && typeof A == "function", i = e.isDelete && typeof j == "function", a = r || i ? /* @__PURE__ */ y(_, { children: [r ? /* @__PURE__ */ v(n, {
+					let n = e.isEdit && typeof M == "function", a = e.isDelete && typeof N == "function", o = n || a, s = (e) => /* @__PURE__ */ b(e, {
+						className: r,
+						"aria-hidden": "true"
+					}), c = [...n ? [{
+						key: "edit",
+						label: L.common.edit,
+						icon: s(w),
+						onSelect: () => void ye(e, t)
+					}] : [], ...a ? [{
+						key: "delete",
+						label: L.common.delete,
+						icon: s(T),
+						danger: !0,
+						onSelect: () => void be(e, t)
+					}] : []], l = U && c.length > 1 ? /* @__PURE__ */ b(i, {
+						"data-slot": "accordion-action-menu-button",
+						label: L.accordion.actions,
+						icon: /* @__PURE__ */ b(C, {
+							className: E,
+							"aria-hidden": "true"
+						}),
+						disabled: V,
+						className: d({ tone: "edit" }),
+						onClick: () => G(c)
+					}) : o ? /* @__PURE__ */ x(y, { children: [n ? /* @__PURE__ */ b(i, {
 						"data-slot": "accordion-action-edit-button",
-						label: z.common.edit,
-						icon: /* @__PURE__ */ v(x, {
-							className: w,
+						label: L.common.edit,
+						icon: /* @__PURE__ */ b(w, {
+							className: E,
 							"aria-hidden": "true"
 						}),
-						disabled: W,
-						className: s({ tone: "edit" }),
-						onClick: () => void ae(e, t)
-					}) : null, i ? /* @__PURE__ */ v(n, {
+						disabled: V,
+						className: d({ tone: "edit" }),
+						onClick: () => void ye(e, t)
+					}) : null, a ? /* @__PURE__ */ b(i, {
 						"data-slot": "accordion-action-delete-button",
-						label: z.common.delete,
-						icon: /* @__PURE__ */ v(C, {
-							className: w,
+						label: L.common.delete,
+						icon: /* @__PURE__ */ b(T, {
+							className: E,
 							"aria-hidden": "true"
 						}),
-						disabled: W,
-						className: s({ tone: "delete" }),
-						onClick: () => void oe(e, t)
-					}) : null] }) : void 0, o = Array.isArray(e.content) ? /* @__PURE__ */ v("div", {
+						disabled: V,
+						className: d({ tone: "delete" }),
+						onClick: () => void be(e, t)
+					}) : null] }) : void 0, u = Array.isArray(e.content) ? /* @__PURE__ */ b("div", {
 						"data-slot": "accordion-content-list",
-						className: u(),
-						children: e.content.map((r, i) => {
-							let a = r.isEdit && typeof F == "function", o = r.isDelete && typeof I == "function";
-							return /* @__PURE__ */ y("div", {
+						className: te(),
+						children: e.content.map((n, r) => {
+							let a = n.isEdit && typeof P == "function", o = n.isDelete && typeof F == "function", c = [...a ? [{
+								key: "edit",
+								label: L.common.edit,
+								icon: s(w),
+								onSelect: () => void xe(e, t, n, r)
+							}] : [], ...o ? [{
+								key: "delete",
+								label: L.common.delete,
+								icon: s(T),
+								danger: !0,
+								onSelect: () => void $(e, t, n, r)
+							}] : []], l = U && c.length > 1;
+							return /* @__PURE__ */ x("div", {
 								"data-slot": "accordion-content-list-row",
-								className: l(),
+								className: ee(),
 								children: [
-									/* @__PURE__ */ v("span", {
+									/* @__PURE__ */ b("span", {
 										className: "zui:min-w-0 zui:flex-1 zui:text-start",
-										children: r.label
+										children: n.label
 									}),
-									a ? /* @__PURE__ */ v(n, {
+									l ? /* @__PURE__ */ b(i, {
+										"data-slot": "accordion-content-item-menu-button",
+										label: L.accordion.actions,
+										icon: /* @__PURE__ */ b(C, {
+											className: E,
+											"aria-hidden": "true"
+										}),
+										disabled: V,
+										className: f({ tone: "edit" }),
+										onClick: () => G(c)
+									}) : null,
+									!l && a ? /* @__PURE__ */ b(i, {
 										"data-slot": "accordion-content-item-edit-button",
-										label: z.common.edit,
-										icon: /* @__PURE__ */ v(x, {
-											className: w,
+										label: L.common.edit,
+										icon: /* @__PURE__ */ b(w, {
+											className: E,
 											"aria-hidden": "true"
 										}),
-										disabled: W,
-										className: c({ tone: "edit" }),
-										onClick: () => void se(e, t, r, i)
+										disabled: V,
+										className: f({ tone: "edit" }),
+										onClick: () => void xe(e, t, n, r)
 									}) : null,
-									o ? /* @__PURE__ */ v(n, {
+									!l && o ? /* @__PURE__ */ b(i, {
 										"data-slot": "accordion-content-item-delete-button",
-										label: z.common.delete,
-										icon: /* @__PURE__ */ v(C, {
-											className: w,
+										label: L.common.delete,
+										icon: /* @__PURE__ */ b(T, {
+											className: E,
 											"aria-hidden": "true"
 										}),
-										disabled: W,
-										className: c({ tone: "delete" }),
-										onClick: () => void ce(e, t, r, i)
+										disabled: V,
+										className: f({ tone: "delete" }),
+										onClick: () => void $(e, t, n, r)
 									}) : null
 								]
-							}, r.value);
+							}, n.value);
 						})
 					}) : e.content;
-					return /* @__PURE__ */ y(M, {
+					return /* @__PURE__ */ x(oe, {
 						value: e.value,
 						disabled: e.disabled,
-						children: [/* @__PURE__ */ v(N, {
+						children: [/* @__PURE__ */ b(se, {
 							icon: e.icon,
-							actions: a,
+							actions: l,
 							children: e.title
-						}), /* @__PURE__ */ v(P, { children: o })]
+						}), /* @__PURE__ */ b(ce, { children: u })]
 					}, e.value);
-				}) : L
+				}) : ue,
+				U ? /* @__PURE__ */ b(n, {
+					open: W.open,
+					onOpenChange: (e) => pe((t) => ({
+						...t,
+						open: e
+					})),
+					actions: W.actions,
+					label: L.accordion.actions
+				}) : null
 			]
 		})
 	});
-}), M = g.forwardRef(function({ value: e, disabled: n = !1, className: r, children: i }, a) {
-	let { openValues: o } = E("AccordionItem"), s = o.includes(e), c = g.useId(), l = `accordion-trigger-${c}`, u = `accordion-content-${c}`, d = g.useMemo(() => ({
+}), oe = v.forwardRef(function({ value: e, disabled: n = !1, className: r, children: i }, a) {
+	let { openValues: o } = O("AccordionItem"), s = o.includes(e), c = v.useId(), l = `accordion-trigger-${c}`, u = `accordion-content-${c}`, d = v.useMemo(() => ({
 		value: e,
 		isOpen: s,
 		disabled: n,
@@ -223,23 +301,23 @@ var j = g.forwardRef(function({ type: d = "single", value: f, defaultValue: p, o
 		l,
 		u
 	]);
-	return /* @__PURE__ */ v(D.Provider, {
+	return /* @__PURE__ */ b(k.Provider, {
 		value: d,
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ b("div", {
 			ref: a,
 			"data-slot": "accordion-item",
 			"data-state": s ? "open" : "closed",
 			"data-disabled": n ? "" : void 0,
-			className: t(f(), r),
+			className: t(m(), r),
 			children: i
 		})
 	});
-}), N = g.forwardRef(function({ icon: e, actions: n, className: r, children: i }, a) {
-	let { toggleValue: o } = E("AccordionTrigger"), { value: s, isOpen: c, disabled: l, triggerId: u, contentId: d } = O("AccordionTrigger");
-	return /* @__PURE__ */ y("div", {
+}), se = v.forwardRef(function({ icon: e, actions: n, className: r, children: i }, a) {
+	let { toggleValue: o } = O("AccordionTrigger"), { value: s, isOpen: c, disabled: l, triggerId: u, contentId: d } = A("AccordionTrigger");
+	return /* @__PURE__ */ x("div", {
 		"data-slot": "accordion-trigger-row",
-		className: m(),
-		children: [/* @__PURE__ */ y("button", {
+		className: g(),
+		children: [/* @__PURE__ */ x("button", {
 			ref: a,
 			type: "button",
 			id: u,
@@ -251,23 +329,23 @@ var j = g.forwardRef(function({ type: d = "single", value: f, defaultValue: p, o
 			onClick: () => {
 				l || o(s);
 			},
-			className: t(h(), r),
-			children: [/* @__PURE__ */ v("span", {
+			className: t(_(), r),
+			children: [/* @__PURE__ */ b("span", {
 				className: "zui:flex-1 zui:text-start",
 				children: i
-			}), e ?? /* @__PURE__ */ v(b, {
+			}), e ?? /* @__PURE__ */ b(S, {
 				"aria-hidden": "true",
 				className: t("zui:size-4 zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200 zui:ease-out", c ? "zui:rotate-180" : "zui:rotate-0")
 			})]
-		}), n ? /* @__PURE__ */ v("div", {
+		}), n ? /* @__PURE__ */ b("div", {
 			"data-slot": "accordion-trigger-actions",
-			className: p(),
+			className: h(),
 			children: n
 		}) : null]
 	});
-}), P = g.forwardRef(function({ forceMount: e, className: n, children: r }, i) {
-	let { isOpen: a, triggerId: o, contentId: s } = O("AccordionContent");
-	return !e && !a ? null : /* @__PURE__ */ v("div", {
+}), ce = v.forwardRef(function({ forceMount: e, className: n, children: r }, i) {
+	let { isOpen: a, triggerId: o, contentId: s } = A("AccordionContent");
+	return !e && !a ? null : /* @__PURE__ */ b("div", {
 		ref: i,
 		role: "region",
 		id: s,
@@ -275,9 +353,9 @@ var j = g.forwardRef(function({ type: d = "single", value: f, defaultValue: p, o
 		"data-slot": "accordion-content",
 		"data-state": a ? "open" : "closed",
 		hidden: e ? !a : void 0,
-		className: t(d(), n),
+		className: t(p(), n),
 		children: r
 	});
 });
 //#endregion
-export { P as AccordionContent, M as AccordionItem, N as AccordionTrigger, j as default };
+export { ce as AccordionContent, oe as AccordionItem, se as AccordionTrigger, N as default };

package/dist/components/Accordion/Accordion.variant.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:flex zui:w-full zui:flex-col zui:gap-2`),n=(0,e.cva)(`zui:flex zui:flex-col zui:overflow-hidden zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:transition-colors zui:duration-200 zui:ease-out`),r=(0,e.cva)(`zui:flex zui:w-full zui:items-center zui:gap-1`),i=(0,e.cva)(`zui:group/accordion-trigger zui:flex zui:min-w-0 zui:flex-1 zui:cursor-pointer zui:select-none zui:items-center zui:justify-between zui:gap-2 zui:px-4 zui:py-3 zui:text-start zui:text-sm zui:font-medium zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[color-mix(in_srgb,var(--zui-color-primary)_12%,transparent)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-1 zui:focus-visible:ring-offset-[var(--zui-color-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-50`),a=(0,e.cva)(`zui:flex zui:shrink-0 zui:items-center zui:gap-1 zui:ps-1 zui:pe-4`),o=(0,e.cva)(`zui:inline-flex zui:size-8 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[var(--zui-theme-bg-muted)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{tone:{edit:`zui:text-[var(--zui-color-text)]`,delete:`zui:text-[var(--zui-color-danger)]`}},defaultVariants:{tone:`edit`}}),s=(0,e.cva)(`zui:inline-flex zui:size-7 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui:bg-transparent zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-[1.2] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{tone:{edit:`zui:text-[var(--zui-color-text)]`,delete:`zui:text-[var(--zui-color-danger)]`}},defaultVariants:{tone:`edit`}}),c=(0,e.cva)(`zui:mx-4 zui:mb-3 zui:border-s-2 zui:border-[var(--zui-color-border)] zui:ps-4 zui:pt-1 zui:text-sm zui:leading-relaxed zui:text-[var(--zui-color-text)]`),l=(0,e.cva)(`zui:flex zui:flex-col zui:divide-y zui:divide-[var(--zui-color-border)]`),u=(0,e.cva)(`zui:flex zui:items-center zui:gap-2 zui:py-2`),d=(0,e.cva)(`zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:px-4 zui:py-7 zui:text-center zui:text-sm zui:text-[var(--zui-color-text)]`);exports.accordionActionButtonVariants=o,exports.accordionContentActionButtonVariants=s,exports.accordionContentListRowVariants=u,exports.accordionContentListVariants=l,exports.accordionContentVariants=c,exports.accordionEmptyStateVariants=d,exports.accordionItemVariants=n,exports.accordionTriggerActionsVariants=a,exports.accordionTriggerRowVariants=r,exports.accordionTriggerVariants=i,exports.accordionVariants=t;
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:flex zui:w-full zui:flex-col zui:gap-2`),n=(0,e.cva)(`zui:flex zui:flex-col zui:overflow-hidden zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:transition-colors zui:duration-200 zui:ease-out`),r=(0,e.cva)(`zui:flex zui:w-full zui:items-center zui:gap-1`),i=(0,e.cva)(`zui:group/accordion-trigger zui:flex zui:min-w-0 zui:flex-1 zui:cursor-pointer zui:select-none zui:items-center zui:justify-between zui:gap-2 zui:min-h-[calc(var(--zui-scale,10px)*5.184)] zui:px-4 zui:py-3 zui:text-start zui:text-sm zui:mobile:text-base zui:font-medium zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[color-mix(in_srgb,var(--zui-color-primary)_12%,transparent)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-1 zui:focus-visible:ring-offset-[var(--zui-color-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-50`),a=(0,e.cva)(`zui:flex zui:shrink-0 zui:items-center zui:gap-1 zui:ps-1 zui:pe-4`),o=(0,e.cva)(`zui:inline-flex zui:size-8 zui:mobile:size-10 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[var(--zui-theme-bg-muted)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{tone:{edit:`zui:text-[var(--zui-color-text)]`,delete:`zui:text-[var(--zui-color-danger)]`}},defaultVariants:{tone:`edit`}}),s=(0,e.cva)(`zui:inline-flex zui:size-7 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui:bg-transparent zui:transition-transform zui:duration-200 zui:ease-out zui:hover:scale-[1.2] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45`,{variants:{tone:{edit:`zui:text-[var(--zui-color-text)]`,delete:`zui:text-[var(--zui-color-danger)]`}},defaultVariants:{tone:`edit`}}),c=(0,e.cva)(`zui:mx-4 zui:mb-3 zui:border-s-2 zui:border-[var(--zui-color-border)] zui:ps-4 zui:pt-1 zui:text-sm zui:mobile:text-base zui:leading-relaxed zui:text-[var(--zui-color-text)]`),l=(0,e.cva)(`zui:flex zui:flex-col zui:divide-y zui:divide-[var(--zui-color-border)]`),u=(0,e.cva)(`zui:flex zui:items-center zui:gap-2 zui:py-2`),d=(0,e.cva)(`zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:px-4 zui:py-7 zui:text-center zui:text-sm zui:mobile:text-base zui:text-[var(--zui-color-text)]`);exports.accordionActionButtonVariants=o,exports.accordionContentActionButtonVariants=s,exports.accordionContentListRowVariants=u,exports.accordionContentListVariants=l,exports.accordionContentVariants=c,exports.accordionEmptyStateVariants=d,exports.accordionItemVariants=n,exports.accordionTriggerActionsVariants=a,exports.accordionTriggerRowVariants=r,exports.accordionTriggerVariants=i,exports.accordionVariants=t;

package/dist/components/Accordion/Accordion.variant.js

@@ -1,6 +1,6 @@
 import { cva as e } from "class-variance-authority";
 //#region src/components/Accordion/Accordion.variant.ts
-var t = e("zui:flex zui:w-full zui:flex-col zui:gap-2"), n = e("zui:flex zui:flex-col zui:overflow-hidden zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:transition-colors zui:duration-200 zui:ease-out"), r = e("zui:flex zui:w-full zui:items-center zui:gap-1"), i = e("zui:group/accordion-trigger zui:flex zui:min-w-0 zui:flex-1 zui:cursor-pointer zui:select-none zui:items-center zui:justify-between zui:gap-2 zui:px-4 zui:py-3 zui:text-start zui:text-sm zui:font-medium zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[color-mix(in_srgb,var(--zui-color-primary)_12%,transparent)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-1 zui:focus-visible:ring-offset-[var(--zui-color-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-50"), a = e("zui:flex zui:shrink-0 zui:items-center zui:gap-1 zui:ps-1 zui:pe-4"), o = e("zui:inline-flex zui:size-8 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[var(--zui-theme-bg-muted)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", {
+var t = e("zui:flex zui:w-full zui:flex-col zui:gap-2"), n = e("zui:flex zui:flex-col zui:overflow-hidden zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:transition-colors zui:duration-200 zui:ease-out"), r = e("zui:flex zui:w-full zui:items-center zui:gap-1"), i = e("zui:group/accordion-trigger zui:flex zui:min-w-0 zui:flex-1 zui:cursor-pointer zui:select-none zui:items-center zui:justify-between zui:gap-2 zui:min-h-[calc(var(--zui-scale,10px)*5.184)] zui:px-4 zui:py-3 zui:text-start zui:text-sm zui:mobile:text-base zui:font-medium zui:leading-none zui:text-[var(--zui-color-text)] zui:outline-none zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[color-mix(in_srgb,var(--zui-color-primary)_12%,transparent)] zui:focus-visible:ring-2 zui:focus-visible:ring-[var(--zui-color-primary)] zui:focus-visible:ring-offset-1 zui:focus-visible:ring-offset-[var(--zui-color-surface)] zui:disabled:pointer-events-none zui:disabled:opacity-50"), a = e("zui:flex zui:shrink-0 zui:items-center zui:gap-1 zui:ps-1 zui:pe-4"), o = e("zui:inline-flex zui:size-8 zui:mobile:size-10 zui:shrink-0 zui:cursor-pointer zui:items-center zui:justify-center zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:bg-transparent zui:transition-colors zui:duration-200 zui:ease-out zui:hover:bg-[var(--zui-theme-bg-muted)] zui:disabled:pointer-events-none zui:disabled:cursor-not-allowed zui:disabled:opacity-45", {
 	variants: { tone: {
 		edit: "zui:text-[var(--zui-color-text)]",
 		delete: "zui:text-[var(--zui-color-danger)]"
@@ -12,6 +12,6 @@ var t = e("zui:flex zui:w-full zui:flex-col zui:gap-2"), n = e("zui:flex zui:fle
 		delete: "zui:text-[var(--zui-color-danger)]"
 	} },
 	defaultVariants: { tone: "edit" }
-}), c = e("zui:mx-4 zui:mb-3 zui:border-s-2 zui:border-[var(--zui-color-border)] zui:ps-4 zui:pt-1 zui:text-sm zui:leading-relaxed zui:text-[var(--zui-color-text)]"), l = e("zui:flex zui:flex-col zui:divide-y zui:divide-[var(--zui-color-border)]"), u = e("zui:flex zui:items-center zui:gap-2 zui:py-2"), d = e("zui:rounded-md zui:border zui:border-[var(--zui-color-border)] zui:px-4 zui:py-7 zui:text-center zui:text-sm zui:text-[var(--zui-color-text)]");
+}), c = e("zui:mx-4 zui:mb-3 zui:border-s-2 zui:border-[var(--zui-color-border)] zui:ps-4 zui:pt-1 zui:text-sm zui:mobile:text-base zui:leading-relaxed zui:text-[var(--zui-color-text)]"), l = e("zui:flex zui:flex-col zui:divide-y zui:divide-[var(--zui-color-border)]"), u = e("zui:flex zui:items-center zui:gap-2 zui:py-2"), d = e("zui-radius-xs zui:border zui:border-[var(--zui-color-border)] zui:px-4 zui:py-7 zui:text-center zui:text-sm zui:mobile:text-base zui:text-[var(--zui-color-text)]");
 //#endregion
 export { o as accordionActionButtonVariants, s as accordionContentActionButtonVariants, u as accordionContentListRowVariants, l as accordionContentListVariants, c as accordionContentVariants, d as accordionEmptyStateVariants, n as accordionItemVariants, a as accordionTriggerActionsVariants, r as accordionTriggerRowVariants, i as accordionTriggerVariants, t as accordionVariants };