@soybeanjs/headless 0.20.0 → 0.22.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/accordion/accordion-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-root.js";import a from"./accordion-item.js";import o from"./accordion-header.js";import s from"./accordion-trigger.js";import c from"./accordion-content.js";import l from"./accordion-description.js";import{Fragment as u,createBlock as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=r();return(e,t)=>(v(),d(i,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(a,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:i})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(c,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(l,g({ref_for:!0},h.descriptionProps),{default:w(()=>[p(x(t.description),1)]),_:2},1040)])]),_:2},1040)])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{T as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{useAccordionUi as r}from"./context.js";import i from"./accordion-root.js";import a from"./accordion-item.js";import o from"./accordion-header.js";import s from"./accordion-trigger.js";import c from"./accordion-content.js";import l from"./accordion-description.js";import{Fragment as u,createBlock as d,createElementBlock as f,createTextVNode as p,createVNode as m,defineComponent as h,mergeProps as g,normalizeClass as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,withCtx as w}from"vue";const T=h({name:`AccordionCompact`,__name:`accordion-compact`,props:{items:{},itemProps:{},headerProps:{},triggerProps:{},contentProps:{},descriptionProps:{},collapsible:{type:Boolean,default:!0},dir:{},disabled:{type:Boolean},orientation:{},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(h,{emit:T}){let E=h,D=T,O=t(E,[`items`,`itemProps`,`headerProps`,`triggerProps`,`contentProps`]),k=e(D),A=r();return(e,t)=>(v(),d(i,g(C(O),S(C(k))),{default:w(()=>[(v(!0),f(u,null,y(h.items,(t,r)=>(v(),d(a,g({key:t.value,ref_for:!0},h.itemProps,{value:t.value,disabled:t.disabled}),{default:w(({open:i})=>[b(e.$slots,`item`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(o,g({ref_for:!0},h.headerProps),{default:w(()=>[m(s,g({ref_for:!0},h.triggerProps),{default:w(()=>[b(e.$slots,`leading`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:t.icon,class:_(C(A).triggerLeadingIcon)},null,8,[`icon`,`class`])]),b(e.$slots,`title`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[p(x(t.title),1)]),b(e.$slots,`trigger-icon`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(n,{icon:`lucide:chevron-down`,class:_(C(A).triggerIcon)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),m(c,g({ref_for:!0},h.contentProps),{default:w(()=>[b(e.$slots,`content`,{item:t,index:r,modelValue:h.modelValue,open:i},()=>[m(l,g({ref_for:!0},h.descriptionProps),{default:w(()=>[p(x(t.description),1)]),_:2},1040)])]),_:2},1040)])]),_:2},1040,[`value`,`disabled`]))),128))]),_:3},16))}});export{T as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(m,e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!0},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(()=>({...m,clearable:m.collapsible}),e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the AccordionRoot component.
  */
-interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, BaseProps {
+interface AccordionRootProps<M extends boolean = false> extends Omit<SelectionProps<M>, 'clearable'>, BaseProps {
   /**
    * When type is "single", allows closing content when clicking trigger for an open item.
    *

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

@@ -23,9 +23,9 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorRootProps, {}, {}, {}, {},
   }) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  bounds: number;
   modelValue: string;
   offsetTop: number;
+  bounds: number;
 }, {}, {}, {}, 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.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;
 }>, {
+  modelValue: string;
   open: boolean;
   defaultOpen: boolean;
-  modelValue: string;
   highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;

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

@@ -15,14 +15,14 @@ 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;
 }>, {
-  duration: number;
   visibilityHeight: number;
+  duration: number;
 }, {}, {}, {}, 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/bottom-sheet/bottom-sheet-root-nested.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps), {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: () => any;
-  "update:open": (value: boolean) => 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 & {
@@ -67,8 +67,8 @@ declare const __VLS_base: _$vue.DefineComponent<(DialogRootProps & {
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps)> & Readonly<{
   onClose?: (() => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => 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/calendar/calendar-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./calendar-root.js";import i from"./calendar-cell.js";import a from"./calendar-cell-trigger.js";import o from"./calendar-grid.js";import s from"./calendar-grid-body.js";import c from"./calendar-grid-head.js";import l from"./calendar-grid-row.js";import u from"./calendar-head-cell.js";import d from"./calendar-header.js";import f from"./calendar-heading.js";import p from"./calendar-next.js";import m from"./calendar-prev.js";import{Fragment as h,createBlock as g,createElementBlock as _,createTextVNode as v,createVNode as y,defineComponent as b,guardReactiveProps as x,mergeProps as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,toDisplayString as D,toHandlers as O,unref as k,withCtx as A}from"vue";const j=b({name:`CalendarCompact`,__name:`calendar-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(b,{emit:j}){let M=b,N=j,P=t(M,[`headerProps`,`headingProps`,`prevProps`,`nextProps`,`gridProps`,`gridHeadProps`,`gridBodyProps`,`gridRowProps`,`headCellProps`,`cellProps`,`cellTriggerProps`]),F=e(N);return(e,t)=>(w(),g(r,S(k(P),O(k(F))),{default:A(t=>[y(d,C(x(b.headerProps)),{default:A(()=>[y(m,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(f,C(x(b.headingProps)),{default:A(()=>[E(e.$slots,`heading`,{headingValue:t.headingValue,selectedMonth:t.placeholder.month,selectedYear:t.placeholder.year,yearOptions:t.yearOptions,onYearChange:t.onYearChange,monthOptions:t.monthOptions,onMonthChange:t.onMonthChange},()=>[v(D(t.headingValue),1)])]),_:2},1040),y(p,C(x(b.nextProps)),{default:A(t=>[E(e.$slots,`next`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-right`})])]),_:3},16)]),_:2},1040),(w(!0),_(h,null,T(t.grid,n=>(w(),g(o,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(c,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(l,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(u,S({key:`${n.value.toString()}-${t}-${r}`},{ref_for:!0},b.headCellProps),{default:A(()=>[E(e.$slots,`head-cell`,{date:n.value,index:r,label:t},()=>[v(D(t),1)])]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),y(s,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,r)=>(w(),g(l,S({key:`${n.value.toString()}-${r}`},{ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t,t=>(w(),g(i,S({key:t.toString(),date:t},{ref_for:!0},b.cellProps),{default:A(()=>[y(a,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({ref_for:!0},r,{day:t,month:n.value}),()=>[v(D(r.dayValue),1)])]),_:2},1040,[`day`,`month`])]),_:2},1040,[`date`]))),128))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040))),128)),E(e.$slots,`default`,{modelValue:t.modelValue})]),_:3},16))}});export{j as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./calendar-root.js";import i from"./calendar-cell.js";import a from"./calendar-cell-trigger.js";import o from"./calendar-grid.js";import s from"./calendar-grid-body.js";import c from"./calendar-grid-head.js";import l from"./calendar-grid-row.js";import u from"./calendar-head-cell.js";import d from"./calendar-header.js";import f from"./calendar-heading.js";import p from"./calendar-next.js";import m from"./calendar-prev.js";import{Fragment as h,createBlock as g,createElementBlock as _,createTextVNode as v,createVNode as y,defineComponent as b,guardReactiveProps as x,mergeProps as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,toDisplayString as D,toHandlers as O,unref as k,withCtx as A}from"vue";const j=b({name:`CalendarCompact`,__name:`calendar-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(b,{emit:j}){let M=b,N=j,P=t(M,[`headerProps`,`headingProps`,`prevProps`,`nextProps`,`gridProps`,`gridHeadProps`,`gridBodyProps`,`gridRowProps`,`headCellProps`,`cellProps`,`cellTriggerProps`]),F=e(N);return(e,t)=>(w(),g(r,S(k(P),O(k(F))),{default:A(t=>[y(d,C(x(b.headerProps)),{default:A(()=>[y(m,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(f,C(x(b.headingProps)),{default:A(()=>[E(e.$slots,`heading`,{headingValue:t.headingValue,selectedMonth:t.placeholder.month,selectedYear:t.placeholder.year,yearOptions:t.yearOptions,onYearChange:t.onYearChange,monthOptions:t.monthOptions,onMonthChange:t.onMonthChange},()=>[v(D(t.headingValue),1)])]),_:2},1040),y(p,C(x(b.nextProps)),{default:A(t=>[E(e.$slots,`next`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-right`})])]),_:3},16)]),_:2},1040),(w(!0),_(h,null,T(t.grid,n=>(w(),g(o,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(c,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(l,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(u,S({key:`${n.value.toString()}-${t}-${r}`},{ref_for:!0},b.headCellProps),{default:A(()=>[E(e.$slots,`head-cell`,{date:n.value,index:r,label:t},()=>[v(D(t),1)])]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),y(s,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,r)=>(w(),g(l,S({key:`${n.value.toString()}-${r}`},{ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t,t=>(w(),g(i,S({key:t.toString(),date:t},{ref_for:!0},b.cellProps),{default:A(()=>[y(a,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({ref_for:!0},r,{day:t,month:n.value}),()=>[v(D(r.dayValue),1)])]),_:2},1040,[`day`,`month`])]),_:2},1040,[`date`]))),128))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040))),128)),E(e.$slots,`default`,{modelValue:t.modelValue})]),_:3},16))}});export{j as default};

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

@@ -16,20 +16,20 @@ declare const __VLS_base: _$vue.DefineComponent<CalendarRangeRootProps, {}, {},
   placeholder: DateValue;
   disabled: boolean;
   defaultValue: DateRange;
-  numberOfMonths: number;
-  fixedWeeks: boolean;
   readonly: boolean;
   defaultPlaceholder: DateValue;
+  isDateUnavailable: DateMatcher;
+  allowNonContiguousRanges: boolean;
   pagedNavigation: boolean;
   preventDeselect: boolean;
+  maximumDays: number;
   weekdayFormat: WeekDayFormat;
+  fixedWeeks: boolean;
+  numberOfMonths: number;
   initialFocus: boolean;
   isDateDisabled: DateMatcher;
-  isDateUnavailable: DateMatcher;
-  disableDaysOutsideCurrentView: boolean;
-  allowNonContiguousRanges: boolean;
-  maximumDays: number;
   isDateHighlightable: DateMatcher;
+  disableDaysOutsideCurrentView: boolean;
   fixedDate: "start" | "end";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -46,12 +46,12 @@ declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {},
 }>, {
   legacy: boolean;
   copiedDuration: number;
-  copyIcon: string | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  copyIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
-  }> | _$vue.Component | null;
-  copiedIcon: string | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  }> | null;
+  copiedIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;
-  }> | _$vue.Component | null;
+  }> | null;
   copyText: string;
   copiedText: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -5,13 +5,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, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -9,22 +9,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;
+  modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
 }, {}, {}, {}, 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-field/color-field-root.vue.d.ts

@@ -17,11 +17,11 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   disabled: boolean;
   format: ColorFormat;
   step: number;
+  colorSpace: ColorSpace;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
   readonly: boolean;
   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,34 +16,34 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   "update:open": (value: boolean) => any;
+  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
-  "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => 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;
 }>, {
+  colorSpace: ColorSpace;
   open: boolean;
-  placement: Placement;
   showArrow: boolean;
-  colorSpace: ColorSpace;
+  placement: Placement;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;

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

@@ -24,20 +24,20 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
+  colorSpace: ColorSpace;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  colorSpace: ColorSpace;
   defaultFormat: ColorFormat;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -5,13 +5,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, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -10,22 +10,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
+  change: (value: string) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
   orientation: DataOrientation;
   step: number;
+  colorSpace: ColorSpace;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  colorSpace: ColorSpace;
   inverted: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -8,14 +8,14 @@ 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:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
     onPlaced?: (() => any) | undefined;
   }> & (typeof globalThis extends {
@@ -24,7 +24,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ComboboxCompactSlots<M>;
-  emit: ((evt: "select", event: SelectEvent<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: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => 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: "closeAutoFocus", event: Event) => 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: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -8,25 +8,25 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ComboboxContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  closeAutoFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
-  closeAutoFocus: (event: Event) => any;
   placed: () => any;
 }, string, _$vue.PublicProps, Readonly<ComboboxContentProps> & Readonly<{
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
-  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onPlaced?: (() => any) | undefined;
 }>, {
+  position: "inline" | "popper";
   avoidCollisions: boolean;
   prioritizePosition: boolean;
-  position: "inline" | "popper";
 }, {}, {}, {}, 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/combobox/combobox-root.vue.d.ts

@@ -6,8 +6,8 @@ import * as _$vue from "vue";
 //#region src/components/combobox/combobox-root.vue.d.ts
 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<ComboboxRootProps<M> & {
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -30,7 +30,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
       modelValue: (M extends true ? string[] : string) | undefined;
     }) => any;
   };
-  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/config-provider/config-provider.js

@@ -1,4 +1,4 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConfigProviderContext as t}from"./context.js";import"../../shared/index.js";import{defineComponent as n,renderSlot as r}from"vue";import{useStyleTag as i}from"@vueuse/core";const a=n({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{default:`ltr`},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(n){let a=n;return t({...e(a),iconRender:a.iconRender}),i(`
+import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
 .soybean-headless-scrollbar-hidden {
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -36,4 +36,4 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConf
   white-space: nowrap;
   border-width: 0;
 }
-`,{id:`__SoybeanHeadless_Styles`}),(e,t)=>r(e.$slots,`default`)}});export{a as default};
+`,{id:`__SoybeanHeadless_Styles`}),(e,t)=>a(e.$slots,`default`)}});export{s as default};

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -1,4 +1,3 @@
-import { Direction } from "../../types/common.js";
 import { ConfigProviderProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   nuxt: boolean;
-  dir: Direction;
   locale: string;
   nonce: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/config-provider/types.d.ts

@@ -12,7 +12,7 @@ interface ConfigProviderProps {
   /**
    * The global reading direction of your application. This will be inherited by all components.
    *
-   * @defaultValue 'ltr'
+   * When omitted, the direction follows the current locale and falls back to `'ltr'`.
    */
   dir?: Direction;
   /**

package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts

@@ -8,22 +8,22 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => 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: "update:modelValue", value: T[]) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => 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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };