@soybeanjs/headless 0.20.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/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

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

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: CheckedState | null;
   value: DefinedValue;
+  modelValue: CheckedState | null;
 }, {}, {}, {}, 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/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-field/color-field-root.vue.d.ts

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

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

@@ -16,6 +16,8 @@ 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;
+  change: (value: string) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
@@ -23,11 +25,11 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {},
   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;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -35,8 +37,6 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerCompactProps, {}, {},
   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;
 }>, {

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

@@ -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/combobox/combobox-compact.vue.d.ts

@@ -8,6 +8,7 @@ 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;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -15,16 +16,15 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
     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;
+    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: "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: "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-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;
     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: "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);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
     onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((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;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCompactSlots<T>;
-  emit: ((evt: "select", item: MenuOptionData<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: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", 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: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -8,21 +8,21 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  entryFocus: (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;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
+  onEntryFocus?: ((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;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -8,22 +8,22 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((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"?: ((payload: Exclude<T, undefined>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<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", payload: Exclude<T, undefined>) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", 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: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (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;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((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;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<DateFieldRootProps, {}, {}, {},
   placeholder: _$_internationalized_date0.DateValue;
   disabled: boolean;
   step: DateStep;
-  defaultValue: _$_internationalized_date0.DateValue;
   readonly: boolean;
+  defaultValue: _$_internationalized_date0.DateValue;
   defaultPlaceholder: _$_internationalized_date0.DateValue;
   isDateUnavailable: DateMatcher;
   granularity: Granularity;

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};