@soybeanjs/headless 0.19.0 → 0.21.0

package/README.md

@@ -61,6 +61,52 @@ import {
 - **Composable**: Components are designed to be composed together.
 - **Vue 3**: Built for Vue 3 using Composition API.
 
+## 🌐 Locale Support
+
+`@soybeanjs/headless` ships locale message files for the following languages:
+
+| Code    | Language            |
+| ------- | ------------------- |
+| `zh-CN` | Simplified Chinese  |
+| `zh-TW` | Traditional Chinese |
+| `en`    | English             |
+| `ar`    | Arabic              |
+| `ja`    | Japanese            |
+| `ko`    | Korean              |
+| `de`    | German              |
+| `fr`    | French              |
+| `es`    | Spanish             |
+| `pt-BR` | Portuguese (Brazil) |
+| `ru`    | Russian             |
+| `tr`    | Turkish             |
+| `id`    | Indonesian          |
+
+Only `en` and `zh-CN` are pre-registered in the locale registry by default. `registerLocale` supports two registration styles:
+
+- Pass a `LocaleRegistry` object. Built-in locale files from `@soybeanjs/headless/locale/{code}` already export this shape, including `dir` metadata.
+- Pass a locale key plus `LocaleMessages` for a lightweight custom locale.
+
+The shorthand `registerLocale(key, messages)` form uses the key as the locale name and falls back to `ltr`. Use the object form when you need explicit metadata such as `rtl`.
+
+```ts
+import { en, registerLocale } from '@soybeanjs/headless/locale';
+import type { LocaleMessages } from '@soybeanjs/headless/locale';
+import ar from '@soybeanjs/headless/locale/ar';
+
+registerLocale(ar);
+
+const customMessages: LocaleMessages = {
+  ...en.messages,
+  pagination: {
+    ...en.messages.pagination,
+    nextPage: 'Next →',
+    prevPage: '← Prev'
+  }
+};
+
+registerLocale('custom', customMessages);
+```
+
 ## 📚 Package Structure
 
 ```

package/README.zh-CN.md

@@ -61,6 +61,52 @@ import {
 - **可组合**: 组件设计为可组合使用。
 - **Vue 3**: 使用 Composition API 为 Vue 3 构建。
 
+## 🌐 语言支持
+
+`@soybeanjs/headless` 当前提供以下语言的 locale 文案文件：
+
+| 代码    | 语言         |
+| ------- | ------------ |
+| `zh-CN` | 简体中文     |
+| `zh-TW` | 繁體中文     |
+| `en`    | 英语         |
+| `ar`    | 阿拉伯语     |
+| `ja`    | 日语         |
+| `ko`    | 韩语         |
+| `de`    | 德语         |
+| `fr`    | 法语         |
+| `es`    | 西班牙语     |
+| `pt-BR` | 巴西葡萄牙语 |
+| `ru`    | 俄语         |
+| `tr`    | 土耳其语     |
+| `id`    | 印度尼西亚语 |
+
+默认只有 `en` 和 `zh-CN` 会在 locale 注册表中预注册。`registerLocale` 支持两种注册方式：
+
+- 直接传入 `LocaleRegistry` 对象。`@soybeanjs/headless/locale/{code}` 导出的内置语言文件已经是这种结构，并且自带 `dir` 元数据。
+- 传入 locale key 和 `LocaleMessages`，用于快速注册一个轻量自定义语言。
+
+简写形式 `registerLocale(key, messages)` 会将 key 作为语言名，并在未显式提供方向时回退到 `ltr`。如果你需要像 `ar` 这样的 `rtl` 元数据，请优先使用对象形式。
+
+```ts
+import { en, registerLocale } from '@soybeanjs/headless/locale';
+import type { LocaleMessages } from '@soybeanjs/headless/locale';
+import ar from '@soybeanjs/headless/locale/ar';
+
+registerLocale(ar);
+
+const customMessages: LocaleMessages = {
+  ...en.messages,
+  pagination: {
+    ...en.messages.pagination,
+    nextPage: '下一页 →',
+    prevPage: '← 上一页'
+  }
+};
+
+registerLocale('custom', customMessages);
+```
+
 ## 📚 包结构
 
 ```

package/dist/components/alert/alert-compact.vue.d.ts

@@ -4,11 +4,11 @@ import * as _$vue from "vue";
 //#region src/components/alert/alert-compact.vue.d.ts
 type __VLS_Slots = AlertCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<AlertCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
   close: (event: PointerEvent) => any;
+  "update:open": (open: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onClose?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/anchor/anchor-root.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorRootProps, {}, {}, {}, {},
   }) => any) | undefined;
 }>, {
   orientation: DataOrientation;
+  modelValue: string;
   offsetTop: number;
   bounds: number;
-  modelValue: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/autocomplete/autocomplete-compact.vue.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends AutocompleteSingleOptionData = Autocomple
   expose: (exposed: {}) => void;
   attrs: any;
   slots: AutocompleteCompactSlots<T>;
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/autocomplete/autocomplete-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as r}from"../combobox/context.js";import i from"../popper/popper-root.js";import"../popper/index.js";import a from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onUnmounted as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=u({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(u,{expose:C,emit:w}){let T=u,E=w,D=n(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),k=t(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),A=b(`listboxElement`),j=s(()=>A.value?.$el),M=s(()=>!1),N=g(!1),P=g(!1),F=s(()=>!1),I=s(()=>!1),L=s(()=>!0),R=s(()=>!0),z=g(),B=g(),V=g(),H=g(``),U=s(()=>A.value?.highlightedElement??void 0),W=S(),G=g(``),K=g(new Map),q=g(new Map),J,Y=()=>{H.value||(H.value=`soybean-autocomplete-content-${y()}`)},X=s(e=>{if(!G.value||L.value||P.value)return{count:K.value.size,items:e?.items??new Map,groups:new Set(q.value.keys())};let t=G.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of K.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of q.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Z=async e=>{if(J&&(clearTimeout(J),J=void 0),k.value=e,e){G.value=O.value??``,await f(),await A.value?.highlightSelected?.(),N.value=!0,z.value?.focus();return}N.value=!1,G.value=``,J=setTimeout(()=>{!e&&F.value&&W.trigger(void 0)},1)},Q=e=>{O.value=e},$=()=>{O.value=``};return p(()=>{J&&clearTimeout(J)}),r({...e(T,[`dir`,`disabled`,`openOnClick`,`openOnFocus`]),ignoreFilter:L,resetSearchTermOnBlur:F,resetSearchTermOnSelect:I,resetModelValueOnClear:R,isMultiple:M,modelValue:O,onModelValueChange:Q,resetModelValue:$,open:k,onOpenChange:Z,isUserInputted:N,isVirtual:P,parentElement:j,contentId:H,initContentId:Y,inputElement:z,onInputElementChange(e){z.value=e},triggerElement:B,onTriggerElementChange(e){B.value=e},popupElement:V,onPopupElementChange(e){V.value=e},highlightedElement:U,onResetSearchTerm:W.on,filterSearch:G,allItems:K,allGroups:q,filterState:X}),o({modelValue:O}),C({filtered:X,highlightedElement:U,highlightItem:e=>{A.value?.highlightItem(e)},highlightFirstItem:()=>{A.value?.highlightFirstItem()},highlightSelected:e=>A.value?.highlightSelected(e)}),(e,t)=>(m(),c(_(i),null,{default:x(()=>[l(_(a),d({ref_key:`listboxElement`,ref:A},_(D),{"model-value":_(O),"highlight-on-hover":u.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>Q(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[h(e.$slots,`default`,{open:_(k),modelValue:_(O)})]),_:3},16,[`model-value`,`highlight-on-hover`])]),_:3}))}});export{C as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as ee,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=c(e=>{if(!K.value||R.value||F.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),Q=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},te=()=>{k.value=``};return ee(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(m(),l(_(a),null,{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[h(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`highlight-on-hover`])]),_:3}))}});export{C as default};

package/dist/components/autocomplete/autocomplete-root.vue.d.ts

@@ -19,17 +19,17 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
   highlightFirstItem: () => void;
   highlightSelected: (event?: Event) => Promise<void> | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  "update:open": (value: boolean) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
-  open: boolean;
   modelValue: string;
+  open: boolean;
+  defaultOpen: boolean;
   highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;

package/dist/components/backtop/backtop.vue.d.ts

@@ -15,11 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
   scrollToTop: typeof scrollToTop;
   updateVisibility: _$_vueuse_shared0.Fn;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (event: PointerEvent) => any;
   change: (visible: boolean) => any;
+  click: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
-  onClick?: ((event: PointerEvent) => any) | undefined;
   onChange?: ((visible: boolean) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
 }>, {
   visibilityHeight: number;
   duration: number;

package/dist/components/bottom-sheet/bottom-sheet-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../dialog/dialog-close.js";import o from"../dialog/dialog-content.js";import s from"../dialog/dialog-description.js";import c from"../dialog/dialog-footer.js";import l from"../dialog/dialog-header.js";import u from"../dialog/dialog-title.js";import d from"../dialog/dialog-trigger.js";import f from"../dialog/dialog-cancel.js";import p from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as m}from"./context.js";import h from"./bottom-sheet-root.js";import g from"./bottom-sheet-root-nested.js";import _ from"./bottom-sheet-popup.js";import v from"./bottom-sheet-overlay.js";import y from"./bottom-sheet-handle.js";import{computed as b,createBlock as x,createCommentVNode as S,createElementVNode as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeClass as k,normalizeProps as A,openBlock as j,renderSlot as M,resolveDynamicComponent as N,toDisplayString as P,toHandlers as F,unref as I,useSlots as L,withCtx as R}from"vue";const z=E({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(E,{emit:z}){let B=E,V=n(B,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),H=z,U=L(),W=t(H),G=e(),K=m(),q=b(()=>({...B.triggerProps,asChild:B.triggerProps?.asChild??!0})),J={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Y=b(()=>B.icon?B.icon:B.isAlert&&B.alertType?J[B.alertType]:null),X=b(()=>B.showConfirm??B.isAlert),Z=b(()=>typeof B.showCancel==`boolean`?B.showCancel:B.isAlert===!0&&B.alertType===`warning`),Q=b(()=>B.pure?!1:U.footer?!0:Z.value||X.value),$=b(()=>B.cancelText??G.value.dialog.cancel),ee=b(()=>B.confirmText??G.value.dialog.confirm);return(e,t)=>(j(),x(N(E.nested?g:h),O(I(V),{"onUpdate:open":t[4]||(t[4]=e=>H(`update:open`,e))}),{default:R(n=>[T(I(d),A(D(q.value)),{default:R(()=>[M(e.$slots,`trigger`,A(D(n)))]),_:2},1040),T(i,A(D(E.portalProps)),{default:R(()=>[T(v,A(D(E.overlayProps)),null,16),T(_,O(E.popupProps,F(I(W))),{default:R(()=>[T(y,A(D(E.handleProps)),null,16),E.pure?S(`v-if`,!0):(j(),x(I(l),A(O({key:0},E.headerProps)),{default:R(()=>[T(I(u),A(D(E.titleProps)),{default:R(()=>[Y.value?(j(),x(r,{key:0,icon:Y.value,class:k(I(K).icon)},null,8,[`icon`,`class`])):S(`v-if`,!0),M(e.$slots,`title`,A(D(n)),()=>[C(`span`,null,P(E.title),1)])]),_:2},1040),U.description||E.description?(j(),x(I(s),A(O({key:0},E.descriptionProps)),{default:R(()=>[M(e.$slots,`description`,A(D(n)),()=>[w(P(E.description),1)])]),_:2},1040)):S(`v-if`,!0),!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[0]||(t[0]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0)]),_:2},1040)),T(I(o),A(D(E.contentProps)),{default:R(()=>[M(e.$slots,`default`,A(D(n)))]),_:2},1040),E.pure&&!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[1]||(t[1]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0),Q.value?(j(),x(I(c),A(O({key:2},E.footerProps)),{default:R(()=>[M(e.$slots,`footer`,A(D(n)),()=>[Z.value?(j(),x(I(f),O({key:0},E.cancelProps,{onCancel:t[2]||(t[2]=e=>H(`cancel`,e))}),{default:R(()=>[M(e.$slots,`cancel`,A(D(n)),()=>[w(P($.value),1)])]),_:2},1040)):S(`v-if`,!0),X.value?(j(),x(I(p),O({key:1},E.confirmProps,{onConfirm:t[3]||(t[3]=e=>H(`confirm`,e))}),{default:R(()=>[M(e.$slots,`confirm`,A(D(n)),()=>[w(P(ee.value),1)])]),_:2},1040)):S(`v-if`,!0)])]),_:2},1040)):S(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{z as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../dialog/dialog-close.js";import o from"../dialog/dialog-content.js";import s from"../dialog/dialog-description.js";import c from"../dialog/dialog-footer.js";import l from"../dialog/dialog-header.js";import u from"../dialog/dialog-title.js";import d from"../dialog/dialog-trigger.js";import f from"../dialog/dialog-cancel.js";import p from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{useBottomSheetUi as m}from"./context.js";import h from"./bottom-sheet-root.js";import g from"./bottom-sheet-root-nested.js";import _ from"./bottom-sheet-popup.js";import v from"./bottom-sheet-overlay.js";import y from"./bottom-sheet-handle.js";import{computed as b,createBlock as x,createCommentVNode as S,createElementVNode as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeClass as k,normalizeProps as A,openBlock as j,renderSlot as M,resolveDynamicComponent as N,toDisplayString as P,toHandlers as F,unref as I,useSlots as L,withCtx as R}from"vue";const z=E({name:`BottomSheetCompact`,__name:`bottom-sheet-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean,default:!0},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{},handleProps:{}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(E,{emit:z}){let B=E,V=n(B,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`,`handleProps`]),H=z,U=L(),W=t(H),G=e(),K=m(),q=b(()=>({...B.triggerProps,asChild:B.triggerProps?.asChild??!0})),J={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Y=b(()=>B.icon?B.icon:B.isAlert&&B.alertType?J[B.alertType]:null),X=b(()=>B.showConfirm??B.isAlert),Z=b(()=>typeof B.showCancel==`boolean`?B.showCancel:B.isAlert===!0&&B.alertType===`warning`),Q=b(()=>B.pure?!1:U.footer?!0:Z.value||X.value),$=b(()=>B.cancelText??G.value.dialog.cancel),ee=b(()=>B.confirmText??G.value.dialog.confirm);return(e,t)=>(j(),x(N(E.nested?g:h),O(I(V),{"onUpdate:open":t[4]||(t[4]=e=>H(`update:open`,e))}),{default:R(n=>[T(I(d),A(D(q.value)),{default:R(()=>[M(e.$slots,`trigger`,A(D(n)))]),_:2},1040),T(i,A(D(E.portalProps)),{default:R(()=>[T(v,A(D(E.overlayProps)),null,16),T(_,O(E.popupProps,F(I(W))),{default:R(()=>[T(y,A(D(E.handleProps)),null,16),E.pure?S(`v-if`,!0):(j(),x(I(l),A(O({key:0},E.headerProps)),{default:R(()=>[T(I(u),A(D(E.titleProps)),{default:R(()=>[Y.value?(j(),x(r,{key:0,icon:Y.value,class:k(I(K).icon)},null,8,[`icon`,`class`])):S(`v-if`,!0),M(e.$slots,`title`,A(D(n)),()=>[C(`span`,null,P(E.title),1)])]),_:2},1040),U.description||E.description?(j(),x(I(s),A(O({key:0},E.descriptionProps)),{default:R(()=>[M(e.$slots,`description`,A(D(n)),()=>[w(P(E.description),1)])]),_:2},1040)):S(`v-if`,!0),!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[0]||(t[0]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0)]),_:2},1040)),T(I(o),A(D(E.contentProps)),{default:R(()=>[M(e.$slots,`default`,A(D(n)))]),_:2},1040),E.pure&&!E.isAlert&&E.showClose?(j(),x(I(a),{key:1,onClose:t[1]||(t[1]=e=>H(`close`))},{default:R(()=>[M(e.$slots,`close`,A(D(n)))]),_:2},1024)):S(`v-if`,!0),Q.value?(j(),x(I(c),A(O({key:2},E.footerProps)),{default:R(()=>[M(e.$slots,`footer`,A(D(n)),()=>[Z.value?(j(),x(I(f),O({key:0},E.cancelProps,{onCancel:t[2]||(t[2]=e=>H(`cancel`,e))}),{default:R(()=>[M(e.$slots,`cancel`,A(D(n)),()=>[w(P($.value),1)])]),_:2},1040)):S(`v-if`,!0),X.value?(j(),x(I(p),O({key:1},E.confirmProps,{onConfirm:t[3]||(t[3]=e=>H(`confirm`,e))}),{default:R(()=>[M(e.$slots,`confirm`,A(D(n)),()=>[w(P(ee.value),1)])]),_:2},1040)):S(`v-if`,!0)])]),_:2},1040)):S(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{z as default};

package/dist/components/bottom-sheet/bottom-sheet-root-nested.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{useDrawerRootContext as t}from"./context.js";import n from"./bottom-sheet-root.js";import{createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=i({name:`BottomSheetRootNested`,__name:`bottom-sheet-root-nested`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean},defaultOpen:{type:Boolean},modal:{type:Boolean},activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(i,{emit:p}){let m=i,h=e(p),{onNestedDrag:g,onNestedOpenChange:_,onNestedRelease:v}=t(`BottomSheetRootNested`);function y(){_(!1)}function b(e){g(e)}function x(e){e&&_(e)}return(e,t)=>(c(),r(n,o(m,{nested:``},u(d(h)),{onClose:y,onDrag:b,onRelease:d(v),"onUpdate:open":x}),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`onRelease`]))}});export{p as default};

package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps), {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   close: () => any;
   drag: (percentageDragged: number) => any;
+  "update:open": (value: boolean) => any;
   release: (open: boolean) => any;
   "update:activeSnapPoint": (val: string | number | null) => any;
 }, string, _$vue.PublicProps, Readonly<(DialogRootProps & {
@@ -66,9 +66,9 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps)> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onDrag?: ((percentageDragged: number) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onRelease?: ((open: boolean) => any) | undefined;
   "onUpdate:activeSnapPoint"?: ((val: string | number | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/bottom-sheet/bottom-sheet-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e)},f.defaultOpen??!1),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},null),g=i(()=>{if(f.fadeFromIndex!==void 0)return f.fadeFromIndex;if(f.snapPoints?.length)return f.snapPoints.length-1}),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import t from"../dialog/dialog-root.js";import"../dialog/index.js";import{CLOSE_THRESHOLD as n}from"./shared.js";import{provideDrawerRootContext as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,toRefs as l,unref as u,withCtx as d}from"vue";const f=o({name:`BottomSheetRoot`,__name:`bottom-sheet-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},modal:{type:Boolean,default:!0},activeSnapPoint:{default:void 0},closeThreshold:{default:n},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:100},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`update:open`,`drag`,`release`,`close`,`update:activeSnapPoint`],setup(n,{emit:o}){let f=n,p=o,m=e(()=>f.open,e=>{p(`update:open`,e)},f.defaultOpen??!1),h=e(()=>f.activeSnapPoint,e=>{p(`update:activeSnapPoint`,e)},null),g=i(()=>{if(f.fadeFromIndex!==void 0)return f.fadeFromIndex;if(f.snapPoints?.length)return f.snapPoints.length-1}),_={emitDrag:e=>p(`drag`,e),emitRelease:e=>p(`release`,e),emitClose:()=>p(`close`),emitOpenChange:e=>{p(`update:open`,e)}},{closeDrawer:v,hasBeenOpened:y,modal:b,isOpen:x}=r({..._,...l(f),activeSnapPoint:h,fadeFromIndex:g,open:m});function S(e){if(f.open!==void 0){_.emitOpenChange(e);return}x.value=e,e?y.value=!0:v()}return(e,n)=>(s(),a(u(t),{open:u(x),modal:u(b),"onUpdate:open":S},{default:d(()=>[c(e.$slots,`default`,{open:u(x)})]),_:3},8,[`open`,`modal`]))}});export{f as default};

package/dist/components/calendar-range/calendar-range-root.vue.d.ts

@@ -15,18 +15,18 @@ declare const __VLS_base: _$vue.DefineComponent<CalendarRangeRootProps, {}, {},
 }>, {
   placeholder: DateValue;
   disabled: boolean;
-  defaultValue: DateRange;
-  numberOfMonths: number;
+  disableDaysOutsideCurrentView: boolean;
   fixedWeeks: boolean;
-  defaultPlaceholder: DateValue;
-  isDateUnavailable: DateMatcher;
-  readonly: boolean;
+  initialFocus: boolean;
+  numberOfMonths: number;
   pagedNavigation: boolean;
   preventDeselect: boolean;
+  readonly: boolean;
+  defaultValue: DateRange;
+  defaultPlaceholder: DateValue;
   weekdayFormat: WeekDayFormat;
-  initialFocus: boolean;
   isDateDisabled: DateMatcher;
-  disableDaysOutsideCurrentView: boolean;
+  isDateUnavailable: DateMatcher;
   allowNonContiguousRanges: boolean;
   maximumDays: number;
   isDateHighlightable: DateMatcher;

package/dist/components/card/card-root.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_base: _$vue.DefineComponent<CardRootProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<CardRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -91,7 +91,7 @@ type CardCompactEmits = CardRootEmits;
 /**
  * Slots for the CardCompact component.
  */
-interface CardCompactSlots {
+type CardCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -124,6 +124,6 @@ interface CardCompactSlots {
    * Custom content for the description slot.
    */
   description?: () => any;
-}
+};
 //#endregion
 export { CardCollapsibleTriggerProps, CardCompactEmits, CardCompactProps, CardCompactSlots, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };

package/dist/components/clipboard/clipboard.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {},
   onCopied?: ((value: string) => any) | undefined;
   onCopyError?: ((error: unknown) => any) | undefined;
 }>, {
-  copiedDuration: number;
   legacy: boolean;
+  copiedDuration: number;
   copyIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
   }> | null;

package/dist/components/collapsible/collapsible-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CollapsibleRootProps, {
 }, string, _$vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/color-area/color-area-compact.vue.d.ts

@@ -4,13 +4,13 @@ import * as _$vue from "vue";
 
 //#region src/components/color-area/color-area-compact.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorAreaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {

package/dist/components/color-field/color-field-root.vue.d.ts

@@ -17,11 +17,11 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   disabled: boolean;
   format: ColorFormat;
   step: number;
+  readonly: boolean;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  readonly: boolean;
-  colorSpace: ColorSpace;
   disableWheelChange: boolean;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/color-picker/color-picker-compact.vue.d.ts

@@ -16,9 +16,9 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -28,9 +28,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {},
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -23,13 +23,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {

package/dist/components/color-slider/color-slider-compact.vue.d.ts

@@ -4,13 +4,13 @@ import * as _$vue from "vue";
 
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/color-slider/color-slider-root.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
@@ -25,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}
   step: number;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  colorSpace: ColorSpace;
   inverted: boolean;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/color-swatch-picker/color-swatch-picker-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};

package/dist/components/color-swatch-picker/types.d.ts

@@ -74,7 +74,7 @@ type ColorSwatchPickerCompactEmits<M extends boolean = false> = ColorSwatchPicke
 /**
  * Slots for the ColorSwatchPickerCompact component.
  */
-interface ColorSwatchPickerCompactSlots<M extends boolean = false> {
+type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
   /**
    * Custom content rendered when colors are not provided.
    */
@@ -87,7 +87,7 @@ interface ColorSwatchPickerCompactSlots<M extends boolean = false> {
    * Custom content rendered inside each indicator.
    */
   indicator?: (props: ColorSwatchPickerCompactColorSlotProps) => any;
-}
+};
 /**
  * Available UI slots for the ColorSwatchPicker component.
  */

package/dist/components/combobox/combobox-compact.vue.d.ts

@@ -8,23 +8,23 @@ import * as _$vue from "vue";
 declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
-    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onPlaced?: (() => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void);
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "placed") => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/combobox/combobox-content-impl.js

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(g,{emit:O}){let k=g,A=O,j=T(),{contentId:M,open:N,ignoreFilter:P,allItems:F,filterState:I,parentElement:L,inputElement:R,triggerElement:z,onOpenChange:B,onPopupElementChange:V}=l(`ComboboxContentImpl`),[H,U]=n(V),{pointerEvents:W}=t(H,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{L.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{B(!1)}}),{onKeydown:G}=i(H,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),K=p(()=>k.position),q=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),J=p(()=>({...j,...k.popupProps})),Y=p(()=>P.value?F.value.size===0:I.value.count===0),X=p(()=>({pointerEvents:W.value,display:k.hideWhenEmpty&&Y.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...K.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:K}),r(),a(()=>[L.value,H.value],N),E(()=>{k.bodyLock&&b(e())});let Z=S(!1);return v(()=>{R.value&&H.value&&(Z.value=H.value.contains(R.value),Z.value&&R.value.focus())}),y(()=>{let e=document.activeElement;Z.value&&(!e||e===document.body)&&z.value?.focus()}),(e,t)=>K.value===`popper`?(x(),m(w(d),_({key:0},w(q),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(M),ref:w(U)},J.value,{"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(M),ref:w(U)},J.value,{as:`div`,"data-dismissable-layer":``,"data-state":w(N)?`open`:`closed`,"data-empty":Y.value?``:void 0,style:X.value,onKeydown:w(G)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};
+import{useBodyScrollLock as e}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useFocusGuards as r}from"../../composables/use-focus-guards.js";import{useFocusScope as i}from"../../composables/use-focus-scope.js";import{useHideOthers as a}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideComboboxContentContext as c,useComboboxRootContext as l}from"./context.js";import{popperCssVars as u}from"../popper/shared.js";import d from"../popper/popper-positioner.js";import f from"../popper/popper-popup.js";import"../popper/index.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onMounted as v,onUnmounted as y,onWatcherCleanup as b,openBlock as x,ref as S,renderSlot as C,unref as w,useAttrs as T,watchEffect as E,withCtx as D}from"vue";const O=g({name:`ComboboxContentImpl`,inheritAttrs:!1,__name:`combobox-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean},hideWhenEmpty:{type:Boolean},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(g,{emit:O}){let k=g,A=O,j=T(),{dir:M,contentId:N,open:P,ignoreFilter:F,allItems:I,filterState:L,parentElement:R,inputElement:z,triggerElement:B,onOpenChange:V,onPopupElementChange:H}=l(`ComboboxContentImpl`),[U,W]=n(H),{pointerEvents:G}=t(U,{disableOutsidePointerEvents:()=>k.disableOutsidePointerEvents,onEscapeKeyDown:e=>{A(`escapeKeyDown`,e)},onPointerDownOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`pointerDownOutside`,e)},onFocusOutside:e=>{R.value?.contains(e.target)&&e.preventDefault(),A(`focusOutside`,e)},onInteractOutside:e=>{A(`interactOutside`,e)},onDismiss:()=>{V(!1)}}),{onKeydown:K}=i(U,{trapped:()=>k.trapFocus,loop:!0,onOpenAutoFocus:e=>{A(`openAutoFocus`,e),e.preventDefault()},onCloseAutoFocus:e=>{A(`closeAutoFocus`,e),e.preventDefault()}}),q=p(()=>k.position),J=o(k,[`bodyLock`,`disableOutsidePointerEvents`,`forceMount`,`hideWhenEmpty`,`popupProps`,`position`,`trapFocus`]),Y=p(()=>({...j,...k.popupProps})),X=p(()=>F.value?I.value.size===0:L.value.count===0),Z=p(()=>({pointerEvents:G.value,display:k.hideWhenEmpty&&X.value?`none`:`flex`,flexDirection:`column`,outline:`none`,...q.value===`popper`?{"--soybean-combobox-content-transform-origin":`var(${u.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${u.availableWidth})`,"--soybean-combobox-content-available-height":`var(${u.availableHeight})`,"--soybean-combobox-trigger-width":`var(${u.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${u.anchorHeight})`,boxSizing:`border-box`}:{}}));c({position:q}),r(),a(()=>[R.value,U.value],P),E(()=>{k.bodyLock&&b(e())});let Q=S(!1);return v(()=>{z.value&&U.value&&(Q.value=U.value.contains(z.value),Q.value&&z.value.focus())}),y(()=>{let e=document.activeElement;Q.value&&(!e||e===document.body)&&B.value?.focus()}),(e,t)=>q.value===`popper`?(x(),m(w(d),_({key:0},w(J),{onPlaced:t[0]||(t[0]=e=>A(`placed`))}),{default:D(()=>[h(w(f),_({id:w(N),ref:w(W)},Y.value,{"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`])]),_:3},16)):(x(),m(w(s),_({key:1,id:w(N),ref:w(W)},Y.value,{as:`div`,"data-dismissable-layer":``,dir:w(M),"data-state":w(P)?`open`:`closed`,"data-empty":X.value?``:void 0,style:Z.value,onKeydown:w(K)}),{default:D(()=>[C(e.$slots,`default`)]),_:3},16,[`id`,`dir`,`data-state`,`data-empty`,`style`,`onKeydown`]))}});export{O as default};