@soybeanjs/headless 0.23.1 → 0.24.0

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

@@ -13,9 +13,9 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
   "update:open": (value: boolean) => any;
-  "update:modelValue": (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -25,9 +25,9 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -40,11 +40,11 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   open: boolean;
   placement: Placement;
   showArrow: boolean;
-  colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
   swatches: string[];
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("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-root.vue.d.ts

@@ -11,8 +11,8 @@ declare var __VLS_1: {
   displayFormat: ColorFormat;
   displayFormatLabel: string;
   areaChannel: {
-    readonly x: "saturation" | "chroma";
-    readonly y: "lightness" | "brightness";
+    readonly x: "chroma" | "saturation";
+    readonly y: "brightness" | "lightness";
   };
   setColor: typeof setColor;
   setFormat: typeof setFormat;
@@ -21,22 +21,22 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
-  disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
+  disabled: boolean;
   defaultValue: string | ColorValue;
-  colorSpace: ColorSpace;
+  modelValue: string | ColorValue;
   defaultFormat: ColorFormat;
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("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-trigger.js

@@ -1 +1 @@
-import{isFormControl as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{useColorPickerRootContext as i,useColorPickerUi as a}from"./context.js";import o from"../color-swatch/color-swatch-compact.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=i(`ColorPickerTrigger`),A=a(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(o,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};
+import{isFormControl as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import i from"../color-swatch/color-swatch-compact.js";import{useColorPickerRootContext as a,useColorPickerUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=a(`ColorPickerTrigger`),A=o(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(i,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};

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

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

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

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

package/dist/components/color-swatch/color-swatch-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-root.js";import n from"./color-swatch-checker.js";import r from"./color-swatch-fill.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(t,c(s(d(p))),{default:f(t=>[a(n,c(s(o.checkerProps)),null,16),a(r,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(t)))]),_:3},16))}});export{p as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(r,c(s(d(p))),{default:f(r=>[a(t,c(s(o.checkerProps)),null,16),a(n,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(r)))]),_:3},16))}});export{p as default};

package/dist/components/color-swatch/index.js

@@ -1 +1 @@
-import{provideColorSwatchUi as e}from"./context.js";import t from"./color-swatch-root.js";import n from"./color-swatch-checker.js";import r from"./color-swatch-fill.js";import i from"./color-swatch-compact.js";export{n as ColorSwatchChecker,i as ColorSwatchCompact,r as ColorSwatchFill,t as ColorSwatchRoot,e as provideColorSwatchUi};
+import{provideColorSwatchUi as e}from"./context.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import i from"./color-swatch-compact.js";export{t as ColorSwatchChecker,i as ColorSwatchCompact,n as ColorSwatchFill,r as ColorSwatchRoot,e as provideColorSwatchUi};

package/dist/components/color-swatch-picker/color-swatch-picker-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"./color-swatch-picker-item.js";import i from"./color-swatch-picker-item-indicator.js";import a from"./color-swatch-picker-item-swatch.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(r,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(a,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(i,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b 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"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";import a from"./color-swatch-picker-item.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(a,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(i,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(r,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b as default};

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

@@ -1 +1 @@
-import{provideColorSwatchPickerUi as e}from"./context.js";import t from"./color-swatch-picker-item.js";import n from"./color-swatch-picker-item-indicator.js";import r from"./color-swatch-picker-item-swatch.js";import i from"./color-swatch-picker-root.js";import a from"./color-swatch-picker-compact.js";export{a as ColorSwatchPickerCompact,t as ColorSwatchPickerItem,n as ColorSwatchPickerItemIndicator,r as ColorSwatchPickerItemSwatch,i as ColorSwatchPickerRoot,e as provideColorSwatchPickerUi};
+import e from"./color-swatch-picker-item-indicator.js";import{provideColorSwatchPickerUi as t}from"./context.js";import n from"./color-swatch-picker-item-swatch.js";import r from"./color-swatch-picker-item.js";import i from"./color-swatch-picker-root.js";import a from"./color-swatch-picker-compact.js";export{a as ColorSwatchPickerCompact,r as ColorSwatchPickerItem,e as ColorSwatchPickerItemIndicator,n as ColorSwatchPickerItemSwatch,i as ColorSwatchPickerRoot,t as provideColorSwatchPickerUi};

package/dist/components/combobox/combobox-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../popper/popper-anchor.js";import i from"../portal/portal.js";import a from"../listbox/listbox-group-label.js";import o from"../listbox/listbox-item-indicator.js";import s from"./combobox-cancel.js";import c from"./combobox-content.js";import l from"./combobox-empty.js";import u from"./combobox-group.js";import d from"./combobox-input.js";import f from"./combobox-item.js";import p from"./combobox-root.js";import m from"./combobox-separator.js";import h from"./combobox-trigger.js";import g from"./combobox-viewport.js";import{getDisplayValue as _,getSelectedLabels as v,isGroupOption as y}from"./shared.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:_(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>y(e)?`group-${e.label}-${t}`:e.value,Y=e=>v(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(p,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:p})=>[E(r,j(O(q.value)),{default:L(()=>[E(h,j(O(Z(p))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:p,selectedLabels:Y(p),slotText:X(p)},()=>[T(F(X(p)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(i,j(O(D.portalProps)),{default:L(()=>[E(c,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(d,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(s,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(l,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(g,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(r,i)=>(M(),w(b,{key:J(r,i)},[I(y)(r)?(M(),w(b,{key:0},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(u,k({ref_for:!0},D.groupProps),{default:L(()=>[E(a,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:r},()=>[T(F(r.label),1)])]),_:2},1040),(M(!0),w(b,null,N(r.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(o,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(o,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../listbox/listbox-group-label.js";import i from"../listbox/listbox-item-indicator.js";import a from"../popper/popper-anchor.js";import o from"../portal/portal.js";import{getDisplayValue as s,getSelectedLabels as c,isGroupOption as l}from"./shared.js";import u from"./combobox-cancel.js";import d from"./combobox-content.js";import f from"./combobox-empty.js";import p from"./combobox-group.js";import m from"./combobox-input.js";import h from"./combobox-item.js";import g from"./combobox-root.js";import _ from"./combobox-separator.js";import v from"./combobox-trigger.js";import y from"./combobox-viewport.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:s(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>l(e)?`group-${e.label}-${t}`:e.value,Y=e=>c(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(g,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:s})=>[E(a,j(O(q.value)),{default:L(()=>[E(v,j(O(Z(s))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:s,selectedLabels:Y(s),slotText:X(s)},()=>[T(F(X(s)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(o,j(O(D.portalProps)),{default:L(()=>[E(d,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(m,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(u,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(f,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(y,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(a,o)=>(M(),w(b,{key:J(a,o)},[I(l)(a)?(M(),w(b,{key:0},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(p,k({ref_for:!0},D.groupProps),{default:L(()=>[E(r,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:a},()=>[T(F(a.label),1)])]),_:2},1040),(M(!0),w(b,null,N(a.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:a.value,"text-value":a.textValue??a.label,disabled:a.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:a},()=>[a.icon?(M(),S(n,{key:0,icon:a.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:a},()=>[T(F(a.label),1)]),P(e.$slots,`item-trailing`,{item:a}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:a},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};

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

@@ -6,8 +6,8 @@ import { ComboboxCompactProps, ComboboxCompactSlots } from "./types.js";
 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: import("vue").PublicProps & __VLS_PrettifyLocal<ComboboxCompactProps<M> & {
     onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -22,7 +22,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: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => 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: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "placed") => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,8 +4,8 @@ import { ComboboxRootProps } from "./types.js";
 //#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: import("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;
@@ -28,7 +28,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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/combobox/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as n}from"../popper/context.js";import{provideListboxUi as r}from"../listbox/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return n(e),r(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as n}from"../listbox/context.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return r(e),n(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};

package/dist/components/combobox/index.js

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../listbox/listbox-group-label.js";import r from"../listbox/listbox-item-indicator.js";import{provideComboboxUi as i}from"./context.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-root.js";import f from"./combobox-separator.js";import p from"./combobox-trigger.js";import m from"./combobox-viewport.js";import h from"./combobox-compact.js";import g from"./combobox-arrow.js";import _ from"./combobox-virtualizer.js";export{e as ComboboxAnchor,g as ComboboxArrow,a as ComboboxCancel,h as ComboboxCompact,o as ComboboxContent,s as ComboboxEmpty,c as ComboboxGroup,n as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,r as ComboboxItemIndicator,t as ComboboxPortal,d as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,i as provideComboboxUi};
+import e from"../listbox/listbox-group-label.js";import t from"../listbox/listbox-item-indicator.js";import n from"../popper/popper-anchor.js";import r from"../portal/portal.js";import{provideComboboxUi as i}from"./context.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-root.js";import f from"./combobox-separator.js";import p from"./combobox-trigger.js";import m from"./combobox-viewport.js";import h from"./combobox-compact.js";import g from"./combobox-arrow.js";import _ from"./combobox-virtualizer.js";export{n as ComboboxAnchor,g as ComboboxArrow,a as ComboboxCancel,h as ComboboxCompact,o as ComboboxContent,s as ComboboxEmpty,c as ComboboxGroup,e as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,t as ComboboxItemIndicator,r as ComboboxPortal,d as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,i as provideComboboxUi};

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

@@ -1,8 +1,8 @@
 import { MaybeArray, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
-import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";

package/dist/components/command/command-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../listbox/listbox-group-label.js";import a from"../listbox/listbox-root.js";import o from"../listbox/listbox-content.js";import s from"../listbox/listbox-group.js";import c from"../listbox/listbox-item.js";import l from"../listbox/listbox-filter.js";import"../listbox/index.js";import u from"../kbd/kbd.js";import d from"../separator/separator-root.js";import{useCommandUi as f}from"./context.js";import{getCommandItemOptions as p,getCommandSearchOptions as m,isGroupOption as h}from"./shared.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as x,createTextVNode as S,createVNode as C,defineComponent as w,guardReactiveProps as T,isRef as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";import{defu as I}from"defu";import{useFuse as L}from"@vueuse/integrations/useFuse";const R=w({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(w,{emit:R}){let z=w,B=R,V=n(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=_(()=>I(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=L(H,_(()=>m(z.items)),U),G=_(()=>p(W.value.map(e=>e.item))),K=_(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=_(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=f(),Y=e(),X=e=>h(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(A(),v(P(a),D(P(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:F(()=>[C(P(l),D(K.value,{modelValue:P(H),"onUpdate:modelValue":t[0]||(t[0]=e=>E(H)?H.value=e:null),autofocus:``}),{leading:F(({clear:t})=>[M(e.$slots,`input-leading`,{clear:t},()=>[C(r,{icon:`lucide:search`})])]),trailing:F(({clear:t})=>[w.clearable?(A(),v(r,{key:0,icon:`lucide:x`,class:O(P(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):y(`v-if`,!0),M(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),C(P(o),k(T(q.value)),{default:F(()=>[G.value.length?y(`v-if`,!0):(A(),b(`div`,D({key:0},w.emptyProps,{class:P(J).empty}),[M(e.$slots,`empty`,{},()=>[S(N(z.emptyLabel??P(Y).command.noResults),1)])],16)),(A(!0),b(g,null,j(G.value,n=>(A(),b(g,{key:X(n)},[P(h)(n)?(A(),b(g,{key:0},[C(P(s),D({ref_for:!0},w.groupProps),{default:F(()=>[C(P(i),D({ref_for:!0},w.groupLabelProps),{default:F(()=>[S(N(n.label),1)]),_:2},1040),(A(!0),b(g,null,j(n.items,n=>(A(),v(P(c),D({key:String(n.value)},{ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64)):(A(),b(g,{key:1},[C(P(c),D({ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64))],64))),128))]),_:3},16),M(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../listbox/listbox-group-label.js";import a from"../listbox/listbox-root.js";import o from"../listbox/listbox-content.js";import s from"../listbox/listbox-group.js";import c from"../listbox/listbox-item.js";import l from"../listbox/listbox-filter.js";import"../listbox/index.js";import u from"../kbd/kbd.js";import d from"../separator/separator-root.js";import{getCommandItemOptions as f,getCommandSearchOptions as p,isGroupOption as m}from"./shared.js";import{useCommandUi as h}from"./context.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as x,createTextVNode as S,createVNode as C,defineComponent as w,guardReactiveProps as T,isRef as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";import{defu as I}from"defu";import{useFuse as L}from"@vueuse/integrations/useFuse";const R=w({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(w,{emit:R}){let z=w,B=R,V=n(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=_(()=>I(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=L(H,_(()=>p(z.items)),U),G=_(()=>f(W.value.map(e=>e.item))),K=_(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=_(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=h(),Y=e(),X=e=>m(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(A(),v(P(a),D(P(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:F(()=>[C(P(l),D(K.value,{modelValue:P(H),"onUpdate:modelValue":t[0]||(t[0]=e=>E(H)?H.value=e:null),autofocus:``}),{leading:F(({clear:t})=>[M(e.$slots,`input-leading`,{clear:t},()=>[C(r,{icon:`lucide:search`})])]),trailing:F(({clear:t})=>[w.clearable?(A(),v(r,{key:0,icon:`lucide:x`,class:O(P(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):y(`v-if`,!0),M(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),C(P(o),k(T(q.value)),{default:F(()=>[G.value.length?y(`v-if`,!0):(A(),b(`div`,D({key:0},w.emptyProps,{class:P(J).empty}),[M(e.$slots,`empty`,{},()=>[S(N(z.emptyLabel??P(Y).command.noResults),1)])],16)),(A(!0),b(g,null,j(G.value,n=>(A(),b(g,{key:X(n)},[P(m)(n)?(A(),b(g,{key:0},[C(P(s),D({ref_for:!0},w.groupProps),{default:F(()=>[C(P(i),D({ref_for:!0},w.groupLabelProps),{default:F(()=>[S(N(n.label),1)]),_:2},1040),(A(!0),b(g,null,j(n.items,n=>(A(),v(P(c),D({key:String(n.value)},{ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64)):(A(),b(g,{key:1},[C(P(c),D({ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64))],64))),128))]),_:3},16),M(e.$slots,`bottom`)]),_:3},16))}});export{R as default};

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

@@ -6,8 +6,8 @@ import { ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots } from
 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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => 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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -6,8 +6,8 @@ import { ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots } from "./ty
 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: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -17,8 +17,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
   defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
   isDateUnavailable: DateMatcher;
-  granularity: Granularity;
   hourCycle: 12 | 24;
+  granularity: Granularity;
   hideTimeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -264,7 +264,7 @@ declare var __VLS_25: {
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
     readonly multiple: boolean;
-  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "positionerProps" | "triggerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };
@@ -272,8 +272,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (date: DateValue | undefined) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -282,8 +282,8 @@ declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps,
   closeAutoFocus: (event: Event) => any;
   "update:placeholder": (date: DateValue) => any;
 }, string, import("vue").PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/date-range-field/date-range-field-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{useDateRangeFieldUi as n}from"./context.js";import r from"./date-range-field-root.js";import i from"./date-range-field-input.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`DateRangeFieldCompact`,__name:`date-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(r,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-date-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(i,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-date-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(i,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b 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{useDateRangeFieldUi as n}from"./context.js";import r from"./date-range-field-input.js";import i from"./date-range-field-root.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`DateRangeFieldCompact`,__name:`date-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(i,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-date-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(r,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-date-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(r,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b as default};

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

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
   defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
   isDateUnavailable: DateMatcher;
-  granularity: Granularity;
   hourCycle: 12 | 24;
+  granularity: Granularity;
   hideTimeZone: boolean;
   startName: string;
   endName: string;

package/dist/components/date-range-field/index.js

@@ -1 +1 @@
-import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-root.js";import n from"./date-range-field-input.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,n as DateRangeFieldInput,t as DateRangeFieldRoot,e as provideDateRangeFieldUi};
+import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-input.js";import n from"./date-range-field-root.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,t as DateRangeFieldInput,n as DateRangeFieldRoot,e as provideDateRangeFieldUi};

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -267,7 +267,7 @@ declare var __VLS_25: {
     readonly readonly: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "positionerProps" | "triggerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };
@@ -275,8 +275,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (range: DateRange) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -286,8 +286,8 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangePickerCompactPr
   "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

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

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

@@ -3,8 +3,8 @@ import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  cancel: (event: MouseEvent) => any;
   click: (event: PointerEvent) => any;
+  cancel: (event: MouseEvent) => any;
   close: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
   closeAutoFocus: (event: Event) => any;
   confirm: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
-  onCancel?: ((event: MouseEvent) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;

package/dist/components/dialog/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideDialogUi as t}from"./context.js";import n from"./dialog-close.js";import r from"./dialog-popup.js";import i from"./dialog-content.js";import a from"./dialog-description.js";import o from"./dialog-footer.js";import s from"./dialog-header.js";import c from"./dialog-overlay.js";import l from"./dialog-root.js";import u from"./dialog-title.js";import d from"./dialog-trigger.js";import f from"./dialog-cancel.js";import p from"./dialog-confirm.js";import m from"./dialog-compact.js";import{dialog as h}from"./state.js";import g from"./dialog-provider.js";export{f as DialogCancel,n as DialogClose,m as DialogCompact,p as DialogConfirm,i as DialogContent,a as DialogDescription,o as DialogFooter,s as DialogHeader,c as DialogOverlay,r as DialogPopup,e as DialogPortal,g as DialogProvider,l as DialogRoot,u as DialogTitle,d as DialogTrigger,h as dialog,t as provideDialogUi};
+import e from"../portal/portal.js";import{provideDialogUi as t}from"./context.js";import n from"./dialog-cancel.js";import r from"./dialog-close.js";import i from"./dialog-confirm.js";import a from"./dialog-content.js";import o from"./dialog-description.js";import s from"./dialog-footer.js";import c from"./dialog-header.js";import l from"./dialog-overlay.js";import u from"./dialog-popup.js";import d from"./dialog-root.js";import f from"./dialog-title.js";import p from"./dialog-trigger.js";import m from"./dialog-compact.js";import{dialog as h}from"./state.js";import g from"./dialog-provider.js";export{n as DialogCancel,r as DialogClose,m as DialogCompact,i as DialogConfirm,a as DialogContent,o as DialogDescription,s as DialogFooter,c as DialogHeader,l as DialogOverlay,u as DialogPopup,e as DialogPortal,g as DialogProvider,d as DialogRoot,f as DialogTitle,p as DialogTrigger,h as dialog,t as provideDialogUi};

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

@@ -1,9 +1,9 @@
 import { Direction, UiClass } from "../../types/common.js";
 import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { IconValue } from "../_icon/types.js";
 import { PortalProps } from "../portal/types.js";
 import { ComputedRef, Ref, ShallowRef, VNode } from "vue";
 

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

@@ -6,8 +6,8 @@ import { DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots } fr
 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: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxCompactProps<T> & {
     onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxCompactSlots<T>;
-  emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: T[]) => 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: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => 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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -6,8 +6,8 @@ import { DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots } from "./
 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: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => 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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/form/core/use-form.js

@@ -1 +1 @@
-import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import"../../../shared/index.js";import{updateFormState as n}from"./shared.js";import{useFormState as r}from"./use-form-state.js";import{useRegisterFieldArray as i}from"./use-field-array.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=r(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return i(e,{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s},t?.validate)}function g(r){r?.preventDefault(),n(l,{type:`SubmitAttempt`}),p().then(r=>{if(t(r).length===0){let t=s(a(l.values),u);if(e(t))return;t.then(e=>(n(l,{type:`SubmitSuccess`}),e)).catch(()=>{n(l,{type:`SubmitFailure`})})}else n(l,{type:`SubmitFailure`}),c?.(r)})}function _(e){e?.preventDefault(),f()}return{...l,handleSubmit:g,handleReset:_,useField:m,useFieldArray:h,...d}}export{o as useHeadlessForm};
+import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import"../../../shared/index.js";import{updateFormState as n}from"./shared.js";import{useRegisterFieldArray as r}from"./use-field-array.js";import{useFormState as i}from"./use-form-state.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=i(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:i,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return r(e,{getFieldState:n,getFieldValue:i,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s},t?.validate)}function g(r){r?.preventDefault(),n(l,{type:`SubmitAttempt`}),p().then(r=>{if(t(r).length===0){let t=s(a(l.values),u);if(e(t))return;t.then(e=>(n(l,{type:`SubmitSuccess`}),e)).catch(()=>{n(l,{type:`SubmitFailure`})})}else n(l,{type:`SubmitFailure`}),c?.(r)})}function _(e){e?.preventDefault(),f()}return{...l,handleSubmit:g,handleReset:_,useField:m,useFieldArray:h,...d}}export{o as useHeadlessForm};

package/dist/components/form/form-field-base-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useFormCompactContext as t}from"./context.js";import n from"./form-field.js";import r from"./form-label.js";import i from"./form-control.js";import a from"./form-description.js";import o from"./form-error.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b,withDirectives as x}from"vue";import{vAutoAnimate as S}from"@formkit/auto-animate/vue";const C=d({name:`FormFieldBaseCompact`,__name:`form-field-base-compact`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(d){let C=d,w=y(),T=e(C,[`orientation`,`label`,`description`,`error`,`labelProps`,`controlProps`,`descriptionProps`,`errorProps`]),E=t(`FormFieldCompact`),D=s(()=>C.orientation??E.orientation.value??`vertical`),O=s(()=>p({...C.isFieldArray?E.fieldArrayProps.value:E.fieldProps.value},T.value)),k=s(()=>p({...E.labelProps.value},{...C.labelProps})),A=s(()=>p({...E.controlProps.value},{...C.controlProps})),j=s(()=>p({...E.descriptionProps.value},{...C.descriptionProps})),M=s(()=>p({...E.errorProps.value},{...C.errorProps}));return(e,t)=>(h(),c(n,p(O.value,{"data-orientation":D.value,"data-error":d.error?``:void 0}),{default:b(t=>[v(w).label||d.label?(h(),c(r,m(p({key:0},k.value)),{default:b(()=>[g(e.$slots,`label`,{},()=>[u(_(d.label),1)])]),_:3},16)):l(`v-if`,!0),x((h(),c(i,m(f(A.value)),{default:b(()=>[g(e.$slots,`default`,m(f(t))),d.error?(h(),c(o,m(p({key:0},M.value)),{default:b(()=>[u(_(d.error),1)]),_:1},16)):l(`v-if`,!0)]),_:2},1040)),[[v(S)]]),v(w).description||d.description?(h(),c(a,m(p({key:1},j.value)),{default:b(()=>[g(e.$slots,`description`,{},()=>[u(_(d.description),1)])]),_:3},16)):l(`v-if`,!0)]),_:3},16,[`data-orientation`,`data-error`]))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useFormCompactContext as t}from"./context.js";import n from"./form-control.js";import r from"./form-description.js";import i from"./form-error.js";import a from"./form-field.js";import o from"./form-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b,withDirectives as x}from"vue";import{vAutoAnimate as S}from"@formkit/auto-animate/vue";const C=d({name:`FormFieldBaseCompact`,__name:`form-field-base-compact`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(d){let C=d,w=y(),T=e(C,[`orientation`,`label`,`description`,`error`,`labelProps`,`controlProps`,`descriptionProps`,`errorProps`]),E=t(`FormFieldCompact`),D=s(()=>C.orientation??E.orientation.value??`vertical`),O=s(()=>p({...C.isFieldArray?E.fieldArrayProps.value:E.fieldProps.value},T.value)),k=s(()=>p({...E.labelProps.value},{...C.labelProps})),A=s(()=>p({...E.controlProps.value},{...C.controlProps})),j=s(()=>p({...E.descriptionProps.value},{...C.descriptionProps})),M=s(()=>p({...E.errorProps.value},{...C.errorProps}));return(e,t)=>(h(),c(a,p(O.value,{"data-orientation":D.value,"data-error":d.error?``:void 0}),{default:b(t=>[v(w).label||d.label?(h(),c(o,m(p({key:0},k.value)),{default:b(()=>[g(e.$slots,`label`,{},()=>[u(_(d.label),1)])]),_:3},16)):l(`v-if`,!0),x((h(),c(n,m(f(A.value)),{default:b(()=>[g(e.$slots,`default`,m(f(t))),d.error?(h(),c(i,m(p({key:0},M.value)),{default:b(()=>[u(_(d.error),1)]),_:1},16)):l(`v-if`,!0)]),_:2},1040)),[[v(S)]]),v(w).description||d.description?(h(),c(r,m(p({key:1},j.value)),{default:b(()=>[g(e.$slots,`description`,{},()=>[u(_(d.description),1)])]),_:3},16)):l(`v-if`,!0)]),_:3},16,[`data-orientation`,`data-error`]))}});export{C as default};