@soybeanjs/headless 0.23.1 → 0.24.1

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

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

package/dist/components/accordion/index.js

@@ -1 +1 @@
-import{provideAccordionUi as e}from"./context.js";import t from"./accordion-root.js";import n from"./accordion-item.js";import r from"./accordion-header.js";import i from"./accordion-trigger.js";import a from"./accordion-content.js";import o from"./accordion-description.js";import s from"./accordion-compact.js";export{s as AccordionCompact,a as AccordionContent,o as AccordionDescription,r as AccordionHeader,n as AccordionItem,t as AccordionRoot,i as AccordionTrigger,e as provideAccordionUi};
+import{provideAccordionUi as e}from"./context.js";import t from"./accordion-content.js";import n from"./accordion-description.js";import r from"./accordion-header.js";import i from"./accordion-item.js";import a from"./accordion-root.js";import o from"./accordion-trigger.js";import s from"./accordion-compact.js";export{s as AccordionCompact,t as AccordionContent,n as AccordionDescription,r as AccordionHeader,i as AccordionItem,a as AccordionRoot,o as AccordionTrigger,e as provideAccordionUi};

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

@@ -1,7 +1,7 @@
 import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
-import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
 import { IconValue } from "../_icon/types.js";
+import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/accordion/types.d.ts

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

@@ -1,7 +1,7 @@
 import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
-import { ButtonProps } from "../button/types.js";
 import { IconValue } from "../_icon/types.js";
+import { ButtonProps } from "../button/types.js";
 import { ShallowRef } from "vue";
 
 //#region src/components/alert/types.d.ts

package/dist/components/autocomplete/autocomplete-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"../popper/popper-anchor.js";import a from"../portal/portal.js";import o from"../listbox/listbox-group-label.js";import s from"../listbox/listbox-item-indicator.js";import c from"../combobox/combobox-cancel.js";import l from"../combobox/combobox-content.js";import u from"../combobox/combobox-empty.js";import d from"../combobox/combobox-group.js";import f from"../combobox/combobox-item.js";import p from"../combobox/combobox-separator.js";import m from"../combobox/combobox-trigger.js";import h from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import g from"./autocomplete-root.js";import _ from"./autocomplete-input.js";import{getAutocompleteItemOptions as v,getAutocompleteSearchOptions as y,isGroupOption as b}from"./shared.js";import{Fragment as x,computed as S,createBlock as C,createCommentVNode as w,createElementBlock as T,createTextVNode as E,createVNode as D,defineComponent as O,guardReactiveProps as k,mergeProps as A,normalizeClass as j,normalizeProps as M,openBlock as N,renderList as P,renderSlot as F,toDisplayString as I,unref as L,withCtx as R}from"vue";import{defu as z}from"defu";import{useFuse as B}from"@vueuse/integrations/useFuse";const V=O({name:`AutocompleteCompact`,__name:`autocomplete-compact`,props:{modelValue:{default:void 0},defaultValue:{},items:{},placeholder:{},clearable:{type:Boolean,default:!1},clearLabel:{},emptyLabel:{},fuseOptions:{},anchorProps:{},inputProps:{},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`,`select`],setup(O,{emit:V}){let H=O,U=V,W=n(H,[`items`,`modelValue`,`defaultValue`,`placeholder`,`clearable`,`clearLabel`,`emptyLabel`,`fuseOptions`,`anchorProps`,`inputProps`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),G=t(()=>H.modelValue,e=>{U(`update:modelValue`,e)},H.defaultValue??``),K=S(()=>z(H.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.3,keys:[`label`,`value`,`keywords`,`groupLabel`]},matchAllWhenSearchEmpty:!0})),q=S(()=>y(H.items)),{results:J}=B(S(()=>G.value),q,K),Y=S(()=>v(J.value.map(e=>e.item))),X=S(()=>({...H.inputProps,id:H.inputProps?.id??H.id,placeholder:H.placeholder??H.inputProps?.placeholder})),Z=e(),Q=e=>b(e)?`group-${e.label}`:`item-${e.value}`,$=e=>{U(`select`,e)};return(e,t)=>(N(),C(g,A(L(W),{"model-value":L(G),onHighlight:t[0]||(t[0]=e=>U(`highlight`,e)),"onUpdate:modelValue":t[1]||(t[1]=e=>G.value=e),"onUpdate:open":t[2]||(t[2]=e=>U(`update:open`,e))}),{default:R(()=>[D(L(i),A(O.anchorProps,{"data-soybean-autocomplete-anchor":``}),{default:R(()=>[D(_,M(k(X.value)),{leading:R(()=>[F(e.$slots,`input-leading`,{},()=>[D(r,{icon:`lucide:search`})])]),trailing:R(({clear:t})=>[O.clearable&&L(G)?(N(),C(L(c),{key:0,"aria-label":H.clearLabel??L(Z).autocomplete.clearInput,"data-soybean-autocomplete-cancel":``,onClick:t},{default:R(()=>[D(r,{icon:`lucide:x`})]),_:1},8,[`aria-label`,`onClick`])):w(`v-if`,!0),F(e.$slots,`input-trailing`)]),_:3},16),D(L(m),A(O.triggerProps,{"aria-label":L(Z).autocomplete.toggleSuggestions,"data-soybean-autocomplete-trigger":``}),{default:R(({triggerIconClass:t})=>[F(e.$slots,`trigger-icon`,{},()=>[D(r,{icon:`lucide:chevrons-up-down`,class:j(t)},null,8,[`class`])])]),_:3},16,[`aria-label`])]),_:3},16),D(L(a),M(k(O.portalProps)),{default:R(()=>[D(L(l),M(k(O.contentProps)),{default:R(()=>[D(L(h),M(k(O.viewportProps)),{default:R(()=>[Y.value.length?w(`v-if`,!0):(N(),C(L(u),{key:0},{default:R(()=>[F(e.$slots,`empty`,{},()=>[E(I(H.emptyLabel??L(Z).autocomplete.noResults),1)])]),_:3})),(N(!0),T(x,null,P(Y.value,t=>(N(),T(x,{key:Q(t)},[L(b)(t)?(N(),T(x,{key:0},[D(L(d),A({ref_for:!0},O.groupProps),{default:R(()=>[D(L(o),A({ref_for:!0},O.groupLabelProps),{default:R(()=>[F(e.$slots,`group-label`,{item:t},()=>[E(I(t.label),1)])]),_:2},1040),(N(!0),T(x,null,P(t.items,t=>(N(),T(x,{key:t.value},[D(L(f),A({ref_for:!0},O.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:t},()=>[t.icon?(N(),C(r,{key:0,icon:t.icon},null,8,[`icon`])):w(`v-if`,!0)]),F(e.$slots,`item-text`,{item:t},()=>[E(I(t.label??t.value),1)]),F(e.$slots,`item-trailing`,{item:t}),D(L(s),A({ref_for:!0},O.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:t},()=>[D(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64))),128))]),_:2},1040),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64)):(N(),T(x,{key:1},[D(L(f),A({ref_for:!0},O.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:t},()=>[t.icon?(N(),C(r,{key:0,icon:t.icon},null,8,[`icon`])):w(`v-if`,!0)]),F(e.$slots,`item-text`,{item:t},()=>[E(I(t.label??t.value),1)]),F(e.$slots,`item-trailing`,{item:t}),D(L(s),A({ref_for:!0},O.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:t},()=>[D(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16,[`model-value`]))}});export{V 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-item-indicator.js";import o from"../popper/popper-anchor.js";import s from"../portal/portal.js";import c from"../combobox/combobox-cancel.js";import l from"../combobox/combobox-content.js";import u from"../combobox/combobox-empty.js";import d from"../combobox/combobox-group.js";import f from"../combobox/combobox-item.js";import p from"../combobox/combobox-separator.js";import m from"../combobox/combobox-trigger.js";import h from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import{getAutocompleteItemOptions as g,getAutocompleteSearchOptions as _,isGroupOption as v}from"./shared.js";import y from"./autocomplete-input.js";import b from"./autocomplete-root.js";import{Fragment as x,computed as S,createBlock as C,createCommentVNode as w,createElementBlock as T,createTextVNode as E,createVNode as D,defineComponent as O,guardReactiveProps as k,mergeProps as A,normalizeClass as j,normalizeProps as M,openBlock as N,renderList as P,renderSlot as F,toDisplayString as I,unref as L,withCtx as R}from"vue";import{defu as z}from"defu";import{useFuse as B}from"@vueuse/integrations/useFuse";const V=O({name:`AutocompleteCompact`,__name:`autocomplete-compact`,props:{modelValue:{default:void 0},defaultValue:{},items:{},placeholder:{},clearable:{type:Boolean,default:!1},clearLabel:{},emptyLabel:{},fuseOptions:{},anchorProps:{},inputProps:{},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`,`select`],setup(O,{emit:V}){let H=O,U=V,W=n(H,[`items`,`modelValue`,`defaultValue`,`placeholder`,`clearable`,`clearLabel`,`emptyLabel`,`fuseOptions`,`anchorProps`,`inputProps`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),G=t(()=>H.modelValue,e=>{U(`update:modelValue`,e)},H.defaultValue??``),K=S(()=>z(H.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.3,keys:[`label`,`value`,`keywords`,`groupLabel`]},matchAllWhenSearchEmpty:!0})),q=S(()=>_(H.items)),{results:J}=B(S(()=>G.value),q,K),Y=S(()=>g(J.value.map(e=>e.item))),X=S(()=>({...H.inputProps,id:H.inputProps?.id??H.id,placeholder:H.placeholder??H.inputProps?.placeholder})),Z=e(),Q=e=>v(e)?`group-${e.label}`:`item-${e.value}`,$=e=>{U(`select`,e)};return(e,t)=>(N(),C(b,A(L(W),{"model-value":L(G),onHighlight:t[0]||(t[0]=e=>U(`highlight`,e)),"onUpdate:modelValue":t[1]||(t[1]=e=>G.value=e),"onUpdate:open":t[2]||(t[2]=e=>U(`update:open`,e))}),{default:R(()=>[D(L(o),A(O.anchorProps,{"data-soybean-autocomplete-anchor":``}),{default:R(()=>[D(y,M(k(X.value)),{leading:R(()=>[F(e.$slots,`input-leading`,{},()=>[D(r,{icon:`lucide:search`})])]),trailing:R(({clear:t})=>[O.clearable&&L(G)?(N(),C(L(c),{key:0,"aria-label":H.clearLabel??L(Z).autocomplete.clearInput,"data-soybean-autocomplete-cancel":``,onClick:t},{default:R(()=>[D(r,{icon:`lucide:x`})]),_:1},8,[`aria-label`,`onClick`])):w(`v-if`,!0),F(e.$slots,`input-trailing`)]),_:3},16),D(L(m),A(O.triggerProps,{"aria-label":L(Z).autocomplete.toggleSuggestions,"data-soybean-autocomplete-trigger":``}),{default:R(({triggerIconClass:t})=>[F(e.$slots,`trigger-icon`,{},()=>[D(r,{icon:`lucide:chevrons-up-down`,class:j(t)},null,8,[`class`])])]),_:3},16,[`aria-label`])]),_:3},16),D(L(s),M(k(O.portalProps)),{default:R(()=>[D(L(l),M(k(O.contentProps)),{default:R(()=>[D(L(h),M(k(O.viewportProps)),{default:R(()=>[Y.value.length?w(`v-if`,!0):(N(),C(L(u),{key:0},{default:R(()=>[F(e.$slots,`empty`,{},()=>[E(I(H.emptyLabel??L(Z).autocomplete.noResults),1)])]),_:3})),(N(!0),T(x,null,P(Y.value,t=>(N(),T(x,{key:Q(t)},[L(v)(t)?(N(),T(x,{key:0},[D(L(d),A({ref_for:!0},O.groupProps),{default:R(()=>[D(L(i),A({ref_for:!0},O.groupLabelProps),{default:R(()=>[F(e.$slots,`group-label`,{item:t},()=>[E(I(t.label),1)])]),_:2},1040),(N(!0),T(x,null,P(t.items,t=>(N(),T(x,{key:t.value},[D(L(f),A({ref_for:!0},O.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:t},()=>[t.icon?(N(),C(r,{key:0,icon:t.icon},null,8,[`icon`])):w(`v-if`,!0)]),F(e.$slots,`item-text`,{item:t},()=>[E(I(t.label??t.value),1)]),F(e.$slots,`item-trailing`,{item:t}),D(L(a),A({ref_for:!0},O.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:t},()=>[D(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64))),128))]),_:2},1040),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64)):(N(),T(x,{key:1},[D(L(f),A({ref_for:!0},O.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:R(()=>[F(e.$slots,`item-leading`,{item:t},()=>[t.icon?(N(),C(r,{key:0,icon:t.icon},null,8,[`icon`])):w(`v-if`,!0)]),F(e.$slots,`item-text`,{item:t},()=>[E(I(t.label??t.value),1)]),F(e.$slots,`item-trailing`,{item:t}),D(L(a),A({ref_for:!0},O.itemIndicatorProps),{default:R(()=>[F(e.$slots,`item-indicator`,{item:t},()=>[D(r,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(N(),C(L(p),A({key:0,ref_for:!0},O.separatorProps),null,16)):w(`v-if`,!0)],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16,[`model-value`]))}});export{V as default};

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

@@ -4,8 +4,8 @@ import { AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteHighlig
 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: import("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;
@@ -13,7 +13,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);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxRootContext as n}from"../listbox/context.js";import{useComboboxRootContext as r}from"../combobox/context.js";import i from"../input/input-root.js";import a from"../input/input-control.js";import"../input/index.js";import{useAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onMounted as p,onUnmounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useId as y,watchSyncEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=u({name:`AutocompleteInput`,__name:`autocomplete-input`,props:{inputRef:{type:Function},controlProps:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(u,{emit:w}){let T=u,E=w,D=t(T,[`inputRef`,`controlProps`]),{disabled:O,focusable:k,highlightedElement:A,highlightFirstItem:j,onCompositionEnd:M,onCompositionStart:N,onKeydownEnter:P,onKeydownNavigation:F}=n(`AutocompleteInput`),{open:I,contentId:L,inputElement:R,triggerElement:z,disabled:ee,openOnClick:B,openOnFocus:V,filterSearch:H,isUserInputted:U,onOpenChange:W,onInputElementChange:G}=r(`AutocompleteInput`),{modelValue:K}=o(`AutocompleteInput`),q=y(),[J,Y]=e(e=>{let t=e;G(t),T.inputRef?.(t)}),X=s(()=>T.disabled||O.value||ee.value||!1),Z=_(),Q=s(()=>T.id??T.controlProps?.id??`soybean-autocomplete-input-${q}`),$=e=>{K.value=e,E(`update:modelValue`,e)},te=e=>{let t=e.target;if(U.value=!0,!I.value){W(!0),f(()=>{t.value&&(H.value=t.value,j())});return}H.value=t.value},ne=()=>{!V.value||I.value||W(!0)},re=()=>{!B.value||I.value||W(!0)},ie=e=>{if(!I.value){W(!0);return}F(e)},ae=e=>{if(!I.value)return;let t=e.relatedTarget;if(!t)return;let n=z.value?.contains(t),r=document.getElementById(L.value)?.contains(t);!n&&!r&&W(!1)};return b(()=>{Z.value=A.value?.id}),p(()=>{k.value=!1,setTimeout(()=>{T.autofocus&&J.value?.focus()},1)}),m(()=>{k.value=!0,R.value=void 0}),(e,t)=>(h(),c(v(i),d({"data-soybean-autocomplete-input-root":``},v(D),{"model-value":v(K),"onUpdate:modelValue":$}),{default:x(({clear:t})=>[g(e.$slots,`leading`,{clear:t}),l(v(a),d(u.controlProps,{id:Q.value,ref:v(Y),"data-soybean-autocomplete-input-control":``,"aria-activedescendant":Z.value,"aria-controls":v(L),"aria-expanded":v(I)||!1,"aria-autocomplete":`list`,autocomplete:`off`,disabled:X.value,role:`combobox`,spellcheck:`false`,type:`text`,onBlur:ae,onClick:re,onCompositionend:v(M),onCompositionstart:v(N),onFocus:ne,onInput:te,onKeydown:[S(C(ie,[`prevent`]),[`down`,`up`,`home`,`end`]),S(v(P),[`enter`])]}),null,16,[`id`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`disabled`,`onCompositionend`,`onCompositionstart`,`onKeydown`]),g(e.$slots,`trailing`,{clear:t})]),_:3},16,[`model-value`]))}});export{w as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxRootContext as n}from"../listbox/context.js";import{useComboboxRootContext as r}from"../combobox/context.js";import i from"../input/input-control.js";import a from"../input/input-root.js";import"../input/index.js";import{useAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onMounted as p,onUnmounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useId as y,watchSyncEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=u({name:`AutocompleteInput`,__name:`autocomplete-input`,props:{inputRef:{type:Function},controlProps:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(u,{emit:w}){let T=u,E=w,D=t(T,[`inputRef`,`controlProps`]),{disabled:O,focusable:k,highlightedElement:A,highlightFirstItem:j,onCompositionEnd:M,onCompositionStart:N,onKeydownEnter:P,onKeydownNavigation:F}=n(`AutocompleteInput`),{open:I,contentId:L,inputElement:R,triggerElement:z,disabled:ee,openOnClick:B,openOnFocus:V,filterSearch:H,isUserInputted:U,onOpenChange:W,onInputElementChange:G}=r(`AutocompleteInput`),{modelValue:K}=o(`AutocompleteInput`),q=y(),[J,Y]=e(e=>{let t=e;G(t),T.inputRef?.(t)}),X=s(()=>T.disabled||O.value||ee.value||!1),Z=_(),Q=s(()=>T.id??T.controlProps?.id??`soybean-autocomplete-input-${q}`),$=e=>{K.value=e,E(`update:modelValue`,e)},te=e=>{let t=e.target;if(U.value=!0,!I.value){W(!0),f(()=>{t.value&&(H.value=t.value,j())});return}H.value=t.value},ne=()=>{!V.value||I.value||W(!0)},re=()=>{!B.value||I.value||W(!0)},ie=e=>{if(!I.value){W(!0);return}F(e)},ae=e=>{if(!I.value)return;let t=e.relatedTarget;if(!t)return;let n=z.value?.contains(t),r=document.getElementById(L.value)?.contains(t);!n&&!r&&W(!1)};return b(()=>{Z.value=A.value?.id}),p(()=>{k.value=!1,setTimeout(()=>{T.autofocus&&J.value?.focus()},1)}),m(()=>{k.value=!0,R.value=void 0}),(e,t)=>(h(),c(v(a),d({"data-soybean-autocomplete-input-root":``},v(D),{"model-value":v(K),"onUpdate:modelValue":$}),{default:x(({clear:t})=>[g(e.$slots,`leading`,{clear:t}),l(v(i),d(u.controlProps,{id:Q.value,ref:v(Y),"data-soybean-autocomplete-input-control":``,"aria-activedescendant":Z.value,"aria-controls":v(L),"aria-expanded":v(I)||!1,"aria-autocomplete":`list`,autocomplete:`off`,disabled:X.value,role:`combobox`,spellcheck:`false`,type:`text`,onBlur:ae,onClick:re,onCompositionend:v(M),onCompositionstart:v(N),onFocus:ne,onInput:te,onKeydown:[S(C(ie,[`prevent`]),[`down`,`up`,`home`,`end`]),S(v(P),[`enter`])]}),null,16,[`id`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`disabled`,`onCompositionend`,`onCompositionstart`,`onKeydown`]),g(e.$slots,`trailing`,{clear:t})]),_:3},16,[`model-value`]))}});export{w as default};

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

@@ -18,16 +18,16 @@ declare const __VLS_base: import("vue").DefineComponent<AutocompleteRootProps, {
   highlightFirstItem: () => void;
   highlightSelected: (event?: Event) => Promise<void> | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  "update:open": (value: boolean) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
 }, string, import("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;
 }>, {
-  open: boolean;
   modelValue: string;
+  open: boolean;
   defaultOpen: boolean;
   highlightOnHover: boolean;
   openOnFocus: boolean;

package/dist/components/autocomplete/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 i from"../combobox/combobox-content.js";import a from"../combobox/combobox-group.js";import o from"../combobox/combobox-item.js";import s from"../combobox/combobox-separator.js";import c from"../combobox/combobox-trigger.js";import l from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import{provideAutocompleteUi as u}from"./context.js";import d from"./autocomplete-root.js";import f from"./autocomplete-input.js";import p from"./autocomplete-compact.js";export{e as AutocompleteAnchor,p as AutocompleteCompact,i as AutocompleteContent,a as AutocompleteGroup,n as AutocompleteGroupLabel,f as AutocompleteInput,o as AutocompleteItem,r as AutocompleteItemIndicator,t as AutocompletePortal,d as AutocompleteRoot,s as AutocompleteSeparator,c as AutocompleteTrigger,l as AutocompleteViewport,u as provideAutocompleteUi};
+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 i from"../combobox/combobox-content.js";import a from"../combobox/combobox-group.js";import o from"../combobox/combobox-item.js";import s from"../combobox/combobox-separator.js";import c from"../combobox/combobox-trigger.js";import l from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import{provideAutocompleteUi as u}from"./context.js";import d from"./autocomplete-input.js";import f from"./autocomplete-root.js";import p from"./autocomplete-compact.js";export{n as AutocompleteAnchor,p as AutocompleteCompact,i as AutocompleteContent,a as AutocompleteGroup,e as AutocompleteGroupLabel,d as AutocompleteInput,o as AutocompleteItem,t as AutocompleteItemIndicator,r as AutocompletePortal,f as AutocompleteRoot,s as AutocompleteSeparator,c as AutocompleteTrigger,l as AutocompleteViewport,u as provideAutocompleteUi};

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

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

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

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../dialog/dialog-close.js";import n from"../dialog/dialog-content.js";import r from"../dialog/dialog-description.js";import i from"../dialog/dialog-footer.js";import a from"../dialog/dialog-header.js";import o from"../dialog/dialog-title.js";import s from"../dialog/dialog-trigger.js";import c from"../dialog/dialog-cancel.js";import l from"../dialog/dialog-confirm.js";import"../dialog/index.js";import{provideBottomSheetUi as u}from"./context.js";import d from"./bottom-sheet-root.js";import f from"./bottom-sheet-root-nested.js";import p from"./bottom-sheet-popup.js";import m from"./bottom-sheet-overlay.js";import h from"./bottom-sheet-handle.js";import g from"./bottom-sheet-compact.js";export{c as BottomSheetCancel,t as BottomSheetClose,g as BottomSheetCompact,l as BottomSheetConfirm,n as BottomSheetContent,r as BottomSheetDescription,i as BottomSheetFooter,h as BottomSheetHandle,a as BottomSheetHeader,m as BottomSheetOverlay,p as BottomSheetPopup,e as BottomSheetPortal,d as BottomSheetRoot,f as BottomSheetRootNested,o as BottomSheetTitle,s as BottomSheetTrigger,u as provideBottomSheetUi};
+import e from"../portal/portal.js";import t from"../dialog/dialog-cancel.js";import n from"../dialog/dialog-close.js";import r from"../dialog/dialog-confirm.js";import i from"../dialog/dialog-content.js";import a from"../dialog/dialog-description.js";import o from"../dialog/dialog-footer.js";import s from"../dialog/dialog-header.js";import c from"../dialog/dialog-title.js";import l from"../dialog/dialog-trigger.js";import"../dialog/index.js";import{provideBottomSheetUi as u}from"./context.js";import d from"./bottom-sheet-handle.js";import f from"./bottom-sheet-overlay.js";import p from"./bottom-sheet-popup.js";import m from"./bottom-sheet-root.js";import h from"./bottom-sheet-root-nested.js";import g from"./bottom-sheet-compact.js";export{t as BottomSheetCancel,n as BottomSheetClose,g as BottomSheetCompact,r as BottomSheetConfirm,i as BottomSheetContent,a as BottomSheetDescription,o as BottomSheetFooter,d as BottomSheetHandle,s as BottomSheetHeader,f as BottomSheetOverlay,p as BottomSheetPopup,e as BottomSheetPortal,m as BottomSheetRoot,h as BottomSheetRootNested,c as BottomSheetTitle,l as BottomSheetTrigger,u as provideBottomSheetUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./breadcrumb-root.js";import r from"./breadcrumb-ellipsis.js";import i from"./breadcrumb-item.js";import a from"./breadcrumb-link.js";import o from"./breadcrumb-list.js";import s from"./breadcrumb-page.js";import c from"./breadcrumb-separator.js";import{getEllipsisRange as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createTextVNode as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";const D=_({name:`BreadcrumbCompact`,__name:`breadcrumb-compact`,props:{items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(_,{emit:D}){let O=_,k=D,A=e(O,[`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),j=d(()=>l(O.items,O.ellipsis)),M=d(()=>j.value?.[0]),N=d(()=>{if(!j.value)return O.items;let[e,t]=j.value;return[...O.items.slice(0,e),...O.items.slice(t)]}),P=d(()=>{if(!j.value)return[];let[e,t]=j.value;return O.items.slice(e,t)}),F=e=>{k(`click`,e)};return(e,l)=>(x(),f(n,b(v(T(A))),{default:E(()=>[g(o,b(v(_.listProps)),{default:E(()=>[(x(!0),m(u,null,S(N.value,(n,o)=>(x(),m(u,{key:n.value||o},[M.value&&o===M.value?(x(),m(u,{key:0},[C(e.$slots,`ellipsis`,{ellipsisItems:P.value},()=>[g(r,y({ref_for:!0},_.ellipsisProps),{default:E(()=>[C(e.$slots,`ellipsis-icon`,{},()=>[g(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),g(c,y({ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):p(`v-if`,!0),g(i,y({ref_for:!0},_.itemProps,{onClick:e=>F(n)}),{default:E(()=>[C(e.$slots,`item-leading`,{item:n,index:o},()=>[n.icon?(x(),f(t,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`default`,{item:n,index:o},()=>[n.to||n.href?(x(),f(a,y({key:0,ref_for:!0},_.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:E(()=>[C(e.$slots,`item-link`,{item:n,index:o},()=>[h(w(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(x(),f(s,y({key:1,ref_for:!0},_.pageProps),{default:E(()=>[C(e.$slots,`item-label`,{item:n,index:o},()=>[h(w(n.label),1)])]),_:2},1040))]),C(e.$slots,`item-trailing`,{item:n,index:o})]),_:2},1040,[`onClick`]),o<N.value.length-1?(x(),f(c,y({key:1,ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)):p(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{D as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./breadcrumb-root.js";import{getEllipsisRange as r}from"./shared.js";import i from"./breadcrumb-ellipsis.js";import a from"./breadcrumb-item.js";import o from"./breadcrumb-link.js";import s from"./breadcrumb-list.js";import c from"./breadcrumb-page.js";import l from"./breadcrumb-separator.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createTextVNode as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";const D=_({name:`BreadcrumbCompact`,__name:`breadcrumb-compact`,props:{items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(_,{emit:D}){let O=_,k=D,A=e(O,[`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),j=d(()=>r(O.items,O.ellipsis)),M=d(()=>j.value?.[0]),N=d(()=>{if(!j.value)return O.items;let[e,t]=j.value;return[...O.items.slice(0,e),...O.items.slice(t)]}),P=d(()=>{if(!j.value)return[];let[e,t]=j.value;return O.items.slice(e,t)}),F=e=>{k(`click`,e)};return(e,r)=>(x(),f(n,b(v(T(A))),{default:E(()=>[g(s,b(v(_.listProps)),{default:E(()=>[(x(!0),m(u,null,S(N.value,(n,r)=>(x(),m(u,{key:n.value||r},[M.value&&r===M.value?(x(),m(u,{key:0},[C(e.$slots,`ellipsis`,{ellipsisItems:P.value},()=>[g(i,y({ref_for:!0},_.ellipsisProps),{default:E(()=>[C(e.$slots,`ellipsis-icon`,{},()=>[g(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),g(l,y({ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):p(`v-if`,!0),g(a,y({ref_for:!0},_.itemProps,{onClick:e=>F(n)}),{default:E(()=>[C(e.$slots,`item-leading`,{item:n,index:r},()=>[n.icon?(x(),f(t,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`default`,{item:n,index:r},()=>[n.to||n.href?(x(),f(o,y({key:0,ref_for:!0},_.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:E(()=>[C(e.$slots,`item-link`,{item:n,index:r},()=>[h(w(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(x(),f(c,y({key:1,ref_for:!0},_.pageProps),{default:E(()=>[C(e.$slots,`item-label`,{item:n,index:r},()=>[h(w(n.label),1)])]),_:2},1040))]),C(e.$slots,`item-trailing`,{item:n,index:r})]),_:2},1040,[`onClick`]),r<N.value.length-1?(x(),f(l,y({key:1,ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)):p(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{D as default};

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:{},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-cell-trigger.js";import i from"./calendar-cell.js";import a from"./calendar-grid-body.js";import o from"./calendar-grid-head.js";import s from"./calendar-grid-row.js";import c from"./calendar-grid.js";import l from"./calendar-head-cell.js";import u from"./calendar-header.js";import d from"./calendar-heading.js";import f from"./calendar-next.js";import p from"./calendar-prev.js";import m from"./calendar-root.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(m,S(k(P),O(k(F))),{default:A(t=>[y(u,C(x(b.headerProps)),{default:A(()=>[y(p,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(d,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(f,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(c,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(o,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(s,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(l,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(a,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,a)=>(w(),g(s,S({key:`${n.value.toString()}-${a}`},{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(r,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/calendar-root.js

@@ -1 +1 @@
-import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import{useForwardElement as c}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import u from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideCalendarRootContext as d,useCalendarUi as f}from"./context.js";import{useCalendar as ee,useCalendarState as te}from"./use-calendar.js";import{getMonthOptions as ne,getYearOptions as re,handleMonthChange as p,handleYearChange as m}from"./shared.js";import{computed as h,createBlock as g,createElementVNode as _,createVNode as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ie,toDisplayString as ae,unref as C,watch as w,withCtx as T}from"vue";import{isEqualDay as E,isSameDay as D}from"@internationalized/date";const O={"aria-level":`2`,role:`heading`},k=y({name:`CalendarRoot`,__name:`calendar-root`,props:{dir:{},locale:{},modelValue:{},defaultValue:{default:void 0},multiple:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{default:1},initialFocus:{type:Boolean},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(y,{emit:k}){let A=y,j=k,M=f(`root`),[N,P]=c(),F=o(()=>A.locale),I=a(()=>A.dir),L=h(()=>A.weekStartsOn??r(F.value)),R=h(()=>e(A.multiple)),z=s(()=>A.modelValue,e=>{j(`update:modelValue`,e)},A.defaultValue,!0),B=n({defaultPlaceholder:A.placeholder,defaultValue:z.value,locale:A.locale}),V=s(()=>A.placeholder,e=>{j(`update:placeholder`,e)},A.defaultPlaceholder??B.copy()),{fullCalendarLabel:H,headingValue:U,isDateDisabled:W,isDateUnavailable:G,isNextButtonDisabled:K,isPrevButtonDisabled:q,weekdays:J,isOutsideVisibleView:oe,nextPage:se,prevPage:ce,formatter:Y,grid:X,isPlaceholderFocusable:le,firstFocusableDate:ue}=ee({locale:F,placeholder:V,weekStartsOn:L,fixedWeeks:h(()=>A.fixedWeeks),numberOfMonths:h(()=>A.numberOfMonths),minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),disabled:h(()=>A.disabled),weekdayFormat:h(()=>A.weekdayFormat),pagedNavigation:h(()=>A.pagedNavigation),isDateDisabled:A.isDateDisabled,isDateUnavailable:A.isDateUnavailable,calendarLabel:h(()=>A.calendarLabel),nextPage:h(()=>A.nextPage),prevPage:h(()=>A.prevPage)}),{isInvalid:Z,isDateSelected:de,hasSelectedDate:fe,isSelectedDateDisabled:Q}=te({date:z,isDateDisabled:W,isDateUnavailable:G}),pe=h(()=>ne({placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,formatter:Y})),me=e=>{p(e,{placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},he=e=>{m(e,{placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},ge=h(()=>re({placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue}));w(z,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!E(V.value,t)&&(V.value=t.copy());return}!Array.isArray(e)&&e&&!E(V.value,e)&&(V.value=e.copy())});function $(e){V.value=e.copy()}function _e(e){if(!A.readonly){if(!R.value){if(!z.value){z.value=e.copy();return}if(!A.preventDeselect&&D(z.value,e)){V.value=e.copy(),z.value=void 0;return}z.value=e.copy();return}if(!z.value){z.value=[e.copy()];return}if(Array.isArray(z.value)){if(z.value.findIndex(t=>D(t,e))===-1){z.value=[...z.value,e.copy()];return}if(!A.preventDeselect){let t=z.value.filter(t=>!D(t,e)).map(e=>e.copy());if(!t.length){V.value=e.copy(),z.value=void 0;return}z.value=t}}}}return d({locale:F,dir:I,weekStartsOn:L,weekdayFormat:h(()=>A.weekdayFormat),modelValue:z,multiple:R,placeholder:V,grid:X,parentElement:N,fullCalendarLabel:H,headingValue:U,isInvalid:Z,minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),isPlaceholderFocusable:le,firstFocusableDate:ue,hasSelectedDate:fe,isSelectedDateDisabled:Q,formatter:Y,onDateChange:_e,onPlaceholderChange:$,isDateDisabled:W,isDateSelected:de,isDateUnavailable:G,isOutsideVisibleView:oe,prevPage:ce,nextPage:se,isPrevButtonDisabled:q,isNextButtonDisabled:K,...t(A,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{A.initialFocus&&N.value&&i(N.value)}),(e,t)=>(S(),g(C(l),{ref:C(P),as:y.as,"as-child":y.asChild,"data-soybean-calendar-root":``,class:b(C(M)),"aria-label":C(H),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Z)?``:void 0,"data-readonly":y.readonly?``:void 0,dir:C(I)},{default:T(()=>[ie(e.$slots,`default`,{date:C(V),disabled:y.disabled,formatter:C(Y),headingValue:C(U),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(F),maxValue:y.maxValue,minValue:y.minValue,modelValue:C(z),onPlaceholderChange:$,placeholder:C(V),weekDays:C(J),weekStartsOn:L.value,yearOptions:ge.value,onYearChange:he,monthOptions:pe.value,onMonthChange:me}),v(C(u),{as:`span`,feature:`fully-hidden`},{default:T(()=>[_(`span`,O,ae(C(H)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};
+import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as s}from"../../composables/use-controllable-state.js";import{useForwardElement as c}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import u from"../visually-hidden/visually-hidden.js";import{provideCalendarRootContext as d,useCalendarUi as f}from"./context.js";import"../visually-hidden/index.js";import{getMonthOptions as ee,getYearOptions as te,handleMonthChange as ne,handleYearChange as re}from"./shared.js";import{useCalendar as p,useCalendarState as m}from"./use-calendar.js";import{computed as h,createBlock as g,createElementVNode as _,createVNode as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ie,toDisplayString as ae,unref as C,watch as w,withCtx as T}from"vue";import{isEqualDay as E,isSameDay as D}from"@internationalized/date";const O={"aria-level":`2`,role:`heading`},k=y({name:`CalendarRoot`,__name:`calendar-root`,props:{dir:{},locale:{},modelValue:{},defaultValue:{default:void 0},multiple:{},placeholder:{default:void 0},defaultPlaceholder:{default:void 0},disabled:{type:Boolean},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{default:1},initialFocus:{type:Boolean},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(y,{emit:k}){let A=y,j=k,M=f(`root`),[N,P]=c(),F=o(()=>A.locale),I=a(()=>A.dir),L=h(()=>A.weekStartsOn??r(F.value)),R=h(()=>e(A.multiple)),z=s(()=>A.modelValue,e=>{j(`update:modelValue`,e)},A.defaultValue,!0),B=n({defaultPlaceholder:A.placeholder,defaultValue:z.value,locale:A.locale}),V=s(()=>A.placeholder,e=>{j(`update:placeholder`,e)},A.defaultPlaceholder??B.copy()),{fullCalendarLabel:H,headingValue:U,isDateDisabled:W,isDateUnavailable:G,isNextButtonDisabled:K,isPrevButtonDisabled:q,weekdays:J,isOutsideVisibleView:oe,nextPage:se,prevPage:ce,formatter:Y,grid:X,isPlaceholderFocusable:le,firstFocusableDate:ue}=p({locale:F,placeholder:V,weekStartsOn:L,fixedWeeks:h(()=>A.fixedWeeks),numberOfMonths:h(()=>A.numberOfMonths),minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),disabled:h(()=>A.disabled),weekdayFormat:h(()=>A.weekdayFormat),pagedNavigation:h(()=>A.pagedNavigation),isDateDisabled:A.isDateDisabled,isDateUnavailable:A.isDateUnavailable,calendarLabel:h(()=>A.calendarLabel),nextPage:h(()=>A.nextPage),prevPage:h(()=>A.prevPage)}),{isInvalid:Z,isDateSelected:de,hasSelectedDate:fe,isSelectedDateDisabled:Q}=m({date:z,isDateDisabled:W,isDateUnavailable:G}),pe=h(()=>ee({placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,formatter:Y})),me=e=>{ne(e,{placeholder:V.value,disabled:A.disabled,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},he=e=>{re(e,{placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue,onPlaceholderChange:$})},ge=h(()=>te({placeholder:V.value,minValue:A.minValue,maxValue:A.maxValue}));w(z,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!E(V.value,t)&&(V.value=t.copy());return}!Array.isArray(e)&&e&&!E(V.value,e)&&(V.value=e.copy())});function $(e){V.value=e.copy()}function _e(e){if(!A.readonly){if(!R.value){if(!z.value){z.value=e.copy();return}if(!A.preventDeselect&&D(z.value,e)){V.value=e.copy(),z.value=void 0;return}z.value=e.copy();return}if(!z.value){z.value=[e.copy()];return}if(Array.isArray(z.value)){if(z.value.findIndex(t=>D(t,e))===-1){z.value=[...z.value,e.copy()];return}if(!A.preventDeselect){let t=z.value.filter(t=>!D(t,e)).map(e=>e.copy());if(!t.length){V.value=e.copy(),z.value=void 0;return}z.value=t}}}}return d({locale:F,dir:I,weekStartsOn:L,weekdayFormat:h(()=>A.weekdayFormat),modelValue:z,multiple:R,placeholder:V,grid:X,parentElement:N,fullCalendarLabel:H,headingValue:U,isInvalid:Z,minValue:h(()=>A.minValue),maxValue:h(()=>A.maxValue),isPlaceholderFocusable:le,firstFocusableDate:ue,hasSelectedDate:fe,isSelectedDateDisabled:Q,formatter:Y,onDateChange:_e,onPlaceholderChange:$,isDateDisabled:W,isDateSelected:de,isDateUnavailable:G,isOutsideVisibleView:oe,prevPage:ce,nextPage:se,isPrevButtonDisabled:q,isNextButtonDisabled:K,...t(A,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{A.initialFocus&&N.value&&i(N.value)}),(e,t)=>(S(),g(C(l),{ref:C(P),as:y.as,"as-child":y.asChild,"data-soybean-calendar-root":``,class:b(C(M)),"aria-label":C(H),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Z)?``:void 0,"data-readonly":y.readonly?``:void 0,dir:C(I)},{default:T(()=>[ie(e.$slots,`default`,{date:C(V),disabled:y.disabled,formatter:C(Y),headingValue:C(U),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(F),maxValue:y.maxValue,minValue:y.minValue,modelValue:C(z),onPlaceholderChange:$,placeholder:C(V),weekDays:C(J),weekStartsOn:L.value,yearOptions:ge.value,onYearChange:he,monthOptions:pe.value,onMonthChange:me}),v(C(u),{as:`span`,feature:`fully-hidden`},{default:T(()=>[_(`span`,O,ae(C(H)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};

package/dist/components/calendar/index.js

@@ -1 +1 @@
-import{provideCalendarUi as e}from"./context.js";import t from"./calendar-root.js";import n from"./calendar-cell.js";import r from"./calendar-cell-trigger.js";import i from"./calendar-grid.js";import a from"./calendar-grid-body.js";import o from"./calendar-grid-head.js";import s from"./calendar-grid-row.js";import c from"./calendar-head-cell.js";import l from"./calendar-header.js";import u from"./calendar-heading.js";import d from"./calendar-next.js";import f from"./calendar-prev.js";import p from"./calendar-compact.js";export{n as CalendarCell,r as CalendarCellTrigger,p as CalendarCompact,i as CalendarGrid,a as CalendarGridBody,o as CalendarGridHead,s as CalendarGridRow,c as CalendarHeadCell,l as CalendarHeader,u as CalendarHeading,d as CalendarNext,f as CalendarPrev,t as CalendarRoot,e as provideCalendarUi};
+import{provideCalendarUi as e}from"./context.js";import t from"./calendar-cell-trigger.js";import n from"./calendar-cell.js";import r from"./calendar-grid-body.js";import i from"./calendar-grid-head.js";import a from"./calendar-grid-row.js";import o from"./calendar-grid.js";import s from"./calendar-head-cell.js";import c from"./calendar-header.js";import l from"./calendar-heading.js";import u from"./calendar-next.js";import d from"./calendar-prev.js";import f from"./calendar-root.js";import p from"./calendar-compact.js";export{n as CalendarCell,t as CalendarCellTrigger,p as CalendarCompact,o as CalendarGrid,r as CalendarGridBody,i as CalendarGridHead,a as CalendarGridRow,s as CalendarHeadCell,c as CalendarHeader,l as CalendarHeading,u as CalendarNext,d as CalendarPrev,f as CalendarRoot,e as provideCalendarUi};

package/dist/components/calendar-range/calendar-range-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-range-root.js";import i from"./calendar-range-header.js";import a from"./calendar-range-heading.js";import o from"./calendar-range-prev.js";import s from"./calendar-range-next.js";import c from"./calendar-range-grid.js";import l from"./calendar-range-grid-head.js";import u from"./calendar-range-grid-body.js";import d from"./calendar-range-grid-row.js";import f from"./calendar-range-head-cell.js";import p from"./calendar-range-cell.js";import m from"./calendar-range-cell-trigger.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:`CalendarRangeCompact`,__name:`calendar-range-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],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(i,C(x(b.headerProps)),{default:A(()=>[y(o,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(a,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(s,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(c,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(l,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(d,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(f,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(u,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,r)=>(w(),g(d,S({key:`${n.value.toString()}-${r}`},{ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t,t=>(w(),g(p,S({key:t.toString(),date:t},{ref_for:!0},b.cellProps),{default:A(()=>[y(m,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({day:t,month:n.value},{ref_for:!0},r),()=>[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-range-cell-trigger.js";import i from"./calendar-range-cell.js";import a from"./calendar-range-grid-body.js";import o from"./calendar-range-grid-head.js";import s from"./calendar-range-grid-row.js";import c from"./calendar-range-grid.js";import l from"./calendar-range-head-cell.js";import u from"./calendar-range-header.js";import d from"./calendar-range-heading.js";import f from"./calendar-range-next.js";import p from"./calendar-range-prev.js";import m from"./calendar-range-root.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:`CalendarRangeCompact`,__name:`calendar-range-compact`,props:{headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],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(m,S(k(P),O(k(F))),{default:A(t=>[y(u,C(x(b.headerProps)),{default:A(()=>[y(p,C(x(b.prevProps)),{default:A(t=>[E(e.$slots,`prev`,{disabled:t.disabled},()=>[y(n,{icon:`lucide:chevron-left`})])]),_:3},16),y(d,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(f,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(c,S({key:n.value.toString()},{ref_for:!0},b.gridProps),{default:A(()=>[y(o,S({ref_for:!0},b.gridHeadProps),{default:A(()=>[y(s,S({ref_for:!0},b.gridRowProps),{default:A(()=>[(w(!0),_(h,null,T(t.weekDays,(t,r)=>(w(),g(l,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(a,S({ref_for:!0},b.gridBodyProps),{default:A(()=>[(w(!0),_(h,null,T(n.rows,(t,a)=>(w(),g(s,S({key:`${n.value.toString()}-${a}`},{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(r,S({day:t,month:n.value},{ref_for:!0},b.cellTriggerProps),{default:A(r=>[E(e.$slots,`day`,S({day:t,month:n.value},{ref_for:!0},r),()=>[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.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{getDefaultDate as t,isBefore as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{useDateFormatter as ee}from"../../date/formatter.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as te}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import{useForwardElement as s}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import{useCalendar as l}from"../calendar/use-calendar.js";import{getMonthOptions as u,getYearOptions as d,handleMonthChange as f,handleYearChange as p}from"../calendar/shared.js";import{provideCalendarRangeRootContext as m,useCalendarRangeUi as h}from"./context.js";import{useCalendarRangeState as g}from"./use-calendar-range.js";import{computed as _,createBlock as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ne,shallowRef as re,unref as C,watch as w,withCtx as T}from"vue";import{isSameDay as E}from"@internationalized/date";const D=y({name:`CalendarRangeRoot`,__name:`calendar-range-root`,props:{defaultValue:{default:()=>({start:void 0,end:void 0})},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},allowNonContiguousRanges:{type:Boolean,default:!1},pagedNavigation:{type:Boolean,default:!1},preventDeselect:{type:Boolean,default:!1},maximumDays:{default:void 0},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},numberOfMonths:{default:1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},initialFocus:{type:Boolean,default:!1},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},isDateHighlightable:{type:Function,default:void 0},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean,default:!1},fixedDate:{default:void 0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(y,{emit:D}){let O=y,k=D,A=h(`root`),[j,M]=s(),N=te(()=>O.locale),P=a(()=>O.dir),F=_(()=>O.weekStartsOn??r(N.value)),I=ee(N.value),L=o(()=>O.modelValue,e=>{k(`update:modelValue`,e),k(`update:startValue`,e.start)},O.defaultValue??{}),R=t({defaultPlaceholder:O.placeholder,defaultValue:L.value.start,locale:O.locale}),z=o(()=>O.placeholder,e=>{k(`update:placeholder`,e)},O.defaultPlaceholder??R.copy()),B=_(()=>L.value.start),V=_(()=>L.value.end),H=re(),{fullCalendarLabel:U,headingValue:W,isDateDisabled:G,isDateUnavailable:K,isNextButtonDisabled:q,isPrevButtonDisabled:J,weekdays:ie,isOutsideVisibleView:Y,nextPage:ae,prevPage:oe,grid:X,isPlaceholderFocusable:se,firstFocusableDate:ce}=l({locale:N,placeholder:z,weekStartsOn:F,fixedWeeks:_(()=>O.fixedWeeks),numberOfMonths:_(()=>O.numberOfMonths),minValue:_(()=>O.minValue),maxValue:_(()=>O.maxValue),disabled:_(()=>O.disabled),weekdayFormat:_(()=>O.weekdayFormat),pagedNavigation:_(()=>O.pagedNavigation),isDateDisabled:O.isDateDisabled,isDateUnavailable:O.isDateUnavailable,calendarLabel:_(()=>O.calendarLabel),nextPage:_(()=>O.nextPage),prevPage:_(()=>O.prevPage)}),{highlightedRange:le,isDateSelected:ue,isSelectionStart:de,isSelectionEnd:fe,isHighlightedStart:pe,isHighlightedEnd:me,hasSelectedDate:he,isSelectedDateDisabled:Z,selectedFocusableDate:ge,isInvalid:Q,sortRange:_e,getInclusiveRangeDays:ve}=g({start:B,end:V,hoveredDate:H,isDateDisabled:G,isDateUnavailable:K,isDateHighlightable:O.isDateHighlightable,allowNonContiguousRanges:_(()=>O.allowNonContiguousRanges),maximumDays:_(()=>O.maximumDays)}),ye=_(()=>u({placeholder:z.value,disabled:O.disabled,minValue:O.minValue,maxValue:O.maxValue,formatter:I})),be=e=>{f(e,{placeholder:z.value,disabled:O.disabled,minValue:O.minValue,maxValue:O.maxValue,onPlaceholderChange:$})},xe=e=>{p(e,{placeholder:z.value,minValue:O.minValue,maxValue:O.maxValue,onPlaceholderChange:$})},Se=_(()=>d({placeholder:z.value,minValue:O.minValue,maxValue:O.maxValue}));w(N,e=>{I.getLocale()!==e&&I.setLocale(e)}),w(()=>L.value.start,e=>{e&&!E(z.value,e)&&(z.value=e.copy())});function $(e){z.value=e.copy()}function Ce(e){if(O.readonly||G(e)||K(e))return;let{start:t,end:r}=L.value;if(!t){L.value={start:e.copy(),end:void 0};return}if(!r){if(!O.preventDeselect&&E(t,e)){L.value={start:void 0,end:void 0},z.value=e.copy(),H.value=void 0;return}let n=_e(t,e);if(O.maximumDays&&n.start&&n.end&&ve(n.start,n.end)>O.maximumDays){L.value={start:e.copy(),end:void 0};return}if(!O.allowNonContiguousRanges&&n.start&&n.end&&Q.value){L.value={start:e.copy(),end:void 0};return}L.value=n,H.value=void 0;return}if(O.fixedDate===`start`){L.value=n(e,t)?{start:e.copy(),end:t.copy()}:{start:t.copy(),end:e.copy()},H.value=void 0;return}if(O.fixedDate===`end`){L.value=n(r,e)?{start:r.copy(),end:e.copy()}:{start:e.copy(),end:r.copy()},H.value=void 0;return}L.value={start:e.copy(),end:void 0},H.value=void 0}return m({locale:N,dir:P,weekStartsOn:F,weekdayFormat:_(()=>O.weekdayFormat),modelValue:L,placeholder:z,grid:X,parentElement:j,fullCalendarLabel:U,headingValue:W,isInvalid:Q,minValue:_(()=>O.minValue),maxValue:_(()=>O.maxValue),isPlaceholderFocusable:se,firstFocusableDate:ce,hasSelectedDate:he,isSelectedDateDisabled:Z,selectedFocusableDate:ge,formatter:I,highlightedRange:le,fixedDate:_(()=>O.fixedDate),maximumDays:_(()=>O.maximumDays),isDateUnavailable:O.isDateUnavailable,isDateHighlightable:O.isDateHighlightable,onDateChange:Ce,onPlaceholderChange:$,isDateDisabled:G,isDateSelected:ue,isSelectionStart:de,isSelectionEnd:fe,isHighlightedStart:pe,isHighlightedEnd:me,isOutsideVisibleView:Y,setHoveredDate(e){H.value=e?.copy()},hoveredDate:H,prevPage:oe,nextPage:ae,isPrevButtonDisabled:J,isNextButtonDisabled:q,...e(O,[`allowNonContiguousRanges`,`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{O.initialFocus&&j.value&&i(j.value)}),(e,t)=>(S(),v(C(c),{ref:C(M),as:y.as,"as-child":y.asChild,"data-soybean-calendar-range-root":``,class:b(C(A)),"aria-label":C(U),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Q)?``:void 0,"data-readonly":y.readonly?``:void 0,dir:C(P)},{default:T(()=>[ne(e.$slots,`default`,{date:C(z),disabled:y.disabled,formatter:C(I),headingValue:C(W),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(N),minValue:y.minValue,maxValue:y.maxValue,modelValue:C(L),placeholder:C(z),onPlaceholderChange:$,weekDays:C(ie),weekStartsOn:F.value,yearOptions:Se.value,onYearChange:xe,monthOptions:ye.value,onMonthChange:be})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{D as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{getDefaultDate as t,isBefore as n}from"../../date/comparators.js";import{getWeekStartsOn as r}from"../../date/calendar.js";import{useDateFormatter as ee}from"../../date/formatter.js";import{handleCalendarInitialFocus as i}from"../../date/utils.js";import{useDirection as a,useLocale as te}from"../config-provider/context.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import{useForwardElement as s}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import{getMonthOptions as l,getYearOptions as u,handleMonthChange as d,handleYearChange as f}from"../calendar/shared.js";import{useCalendar as p}from"../calendar/use-calendar.js";import{provideCalendarRangeRootContext as m,useCalendarRangeUi as h}from"./context.js";import{useCalendarRangeState as g}from"./use-calendar-range.js";import{computed as _,createBlock as v,defineComponent as y,normalizeClass as b,onMounted as x,openBlock as S,renderSlot as ne,shallowRef as re,unref as C,watch as w,withCtx as T}from"vue";import{isSameDay as E}from"@internationalized/date";const D=y({name:`CalendarRangeRoot`,__name:`calendar-range-root`,props:{defaultValue:{default:()=>({start:void 0,end:void 0})},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},allowNonContiguousRanges:{type:Boolean,default:!1},pagedNavigation:{type:Boolean,default:!1},preventDeselect:{type:Boolean,default:!1},maximumDays:{default:void 0},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},numberOfMonths:{default:1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},initialFocus:{type:Boolean,default:!1},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},isDateHighlightable:{type:Function,default:void 0},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean,default:!1},fixedDate:{default:void 0},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(y,{emit:D}){let O=y,k=D,A=h(`root`),[j,M]=s(),N=te(()=>O.locale),P=a(()=>O.dir),F=_(()=>O.weekStartsOn??r(N.value)),I=ee(N.value),L=o(()=>O.modelValue,e=>{k(`update:modelValue`,e),k(`update:startValue`,e.start)},O.defaultValue??{}),R=t({defaultPlaceholder:O.placeholder,defaultValue:L.value.start,locale:O.locale}),z=o(()=>O.placeholder,e=>{k(`update:placeholder`,e)},O.defaultPlaceholder??R.copy()),B=_(()=>L.value.start),V=_(()=>L.value.end),H=re(),{fullCalendarLabel:U,headingValue:W,isDateDisabled:G,isDateUnavailable:K,isNextButtonDisabled:q,isPrevButtonDisabled:J,weekdays:ie,isOutsideVisibleView:Y,nextPage:ae,prevPage:oe,grid:X,isPlaceholderFocusable:se,firstFocusableDate:ce}=p({locale:N,placeholder:z,weekStartsOn:F,fixedWeeks:_(()=>O.fixedWeeks),numberOfMonths:_(()=>O.numberOfMonths),minValue:_(()=>O.minValue),maxValue:_(()=>O.maxValue),disabled:_(()=>O.disabled),weekdayFormat:_(()=>O.weekdayFormat),pagedNavigation:_(()=>O.pagedNavigation),isDateDisabled:O.isDateDisabled,isDateUnavailable:O.isDateUnavailable,calendarLabel:_(()=>O.calendarLabel),nextPage:_(()=>O.nextPage),prevPage:_(()=>O.prevPage)}),{highlightedRange:le,isDateSelected:ue,isSelectionStart:de,isSelectionEnd:fe,isHighlightedStart:pe,isHighlightedEnd:me,hasSelectedDate:he,isSelectedDateDisabled:Z,selectedFocusableDate:ge,isInvalid:Q,sortRange:_e,getInclusiveRangeDays:ve}=g({start:B,end:V,hoveredDate:H,isDateDisabled:G,isDateUnavailable:K,isDateHighlightable:O.isDateHighlightable,allowNonContiguousRanges:_(()=>O.allowNonContiguousRanges),maximumDays:_(()=>O.maximumDays)}),ye=_(()=>l({placeholder:z.value,disabled:O.disabled,minValue:O.minValue,maxValue:O.maxValue,formatter:I})),be=e=>{d(e,{placeholder:z.value,disabled:O.disabled,minValue:O.minValue,maxValue:O.maxValue,onPlaceholderChange:$})},xe=e=>{f(e,{placeholder:z.value,minValue:O.minValue,maxValue:O.maxValue,onPlaceholderChange:$})},Se=_(()=>u({placeholder:z.value,minValue:O.minValue,maxValue:O.maxValue}));w(N,e=>{I.getLocale()!==e&&I.setLocale(e)}),w(()=>L.value.start,e=>{e&&!E(z.value,e)&&(z.value=e.copy())});function $(e){z.value=e.copy()}function Ce(e){if(O.readonly||G(e)||K(e))return;let{start:t,end:r}=L.value;if(!t){L.value={start:e.copy(),end:void 0};return}if(!r){if(!O.preventDeselect&&E(t,e)){L.value={start:void 0,end:void 0},z.value=e.copy(),H.value=void 0;return}let n=_e(t,e);if(O.maximumDays&&n.start&&n.end&&ve(n.start,n.end)>O.maximumDays){L.value={start:e.copy(),end:void 0};return}if(!O.allowNonContiguousRanges&&n.start&&n.end&&Q.value){L.value={start:e.copy(),end:void 0};return}L.value=n,H.value=void 0;return}if(O.fixedDate===`start`){L.value=n(e,t)?{start:e.copy(),end:t.copy()}:{start:t.copy(),end:e.copy()},H.value=void 0;return}if(O.fixedDate===`end`){L.value=n(r,e)?{start:r.copy(),end:e.copy()}:{start:e.copy(),end:r.copy()},H.value=void 0;return}L.value={start:e.copy(),end:void 0},H.value=void 0}return m({locale:N,dir:P,weekStartsOn:F,weekdayFormat:_(()=>O.weekdayFormat),modelValue:L,placeholder:z,grid:X,parentElement:j,fullCalendarLabel:U,headingValue:W,isInvalid:Q,minValue:_(()=>O.minValue),maxValue:_(()=>O.maxValue),isPlaceholderFocusable:se,firstFocusableDate:ce,hasSelectedDate:he,isSelectedDateDisabled:Z,selectedFocusableDate:ge,formatter:I,highlightedRange:le,fixedDate:_(()=>O.fixedDate),maximumDays:_(()=>O.maximumDays),isDateUnavailable:O.isDateUnavailable,isDateHighlightable:O.isDateHighlightable,onDateChange:Ce,onPlaceholderChange:$,isDateDisabled:G,isDateSelected:ue,isSelectionStart:de,isSelectionEnd:fe,isHighlightedStart:pe,isHighlightedEnd:me,isOutsideVisibleView:Y,setHoveredDate(e){H.value=e?.copy()},hoveredDate:H,prevPage:oe,nextPage:ae,isPrevButtonDisabled:J,isNextButtonDisabled:q,...e(O,[`allowNonContiguousRanges`,`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),x(()=>{O.initialFocus&&j.value&&i(j.value)}),(e,t)=>(S(),v(C(c),{ref:C(M),as:y.as,"as-child":y.asChild,"data-soybean-calendar-range-root":``,class:b(C(A)),"aria-label":C(U),"data-disabled":y.disabled?``:void 0,"data-invalid":C(Q)?``:void 0,"data-readonly":y.readonly?``:void 0,dir:C(P)},{default:T(()=>[ne(e.$slots,`default`,{date:C(z),disabled:y.disabled,formatter:C(I),headingValue:C(W),fixedWeeks:y.fixedWeeks,grid:C(X),locale:C(N),minValue:y.minValue,maxValue:y.maxValue,modelValue:C(L),placeholder:C(z),onPlaceholderChange:$,weekDays:C(ie),weekStartsOn:F.value,yearOptions:Se.value,onYearChange:xe,monthOptions:ye.value,onMonthChange:be})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{D as default};

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

@@ -15,6 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarRangeRootProps,
   placeholder: DateValue;
   disabled: boolean;
   defaultValue: DateRange;
+  readonly: boolean;
   defaultPlaceholder: DateValue;
   allowNonContiguousRanges: boolean;
   pagedNavigation: boolean;
@@ -23,7 +24,6 @@ declare const __VLS_base: import("vue").DefineComponent<CalendarRangeRootProps,
   weekdayFormat: WeekDayFormat;
   fixedWeeks: boolean;
   numberOfMonths: number;
-  readonly: boolean;
   initialFocus: boolean;
   isDateDisabled: DateMatcher;
   isDateUnavailable: DateMatcher;

package/dist/components/calendar-range/index.js

@@ -1 +1 @@
-import{provideCalendarRangeUi as e}from"./context.js";import t from"./calendar-range-root.js";import n from"./calendar-range-header.js";import r from"./calendar-range-heading.js";import i from"./calendar-range-prev.js";import a from"./calendar-range-next.js";import o from"./calendar-range-grid.js";import s from"./calendar-range-grid-head.js";import c from"./calendar-range-grid-body.js";import l from"./calendar-range-grid-row.js";import u from"./calendar-range-head-cell.js";import d from"./calendar-range-cell.js";import f from"./calendar-range-cell-trigger.js";import p from"./calendar-range-compact.js";export{d as CalendarRangeCell,f as CalendarRangeCellTrigger,p as CalendarRangeCompact,o as CalendarRangeGrid,c as CalendarRangeGridBody,s as CalendarRangeGridHead,l as CalendarRangeGridRow,u as CalendarRangeHeadCell,n as CalendarRangeHeader,r as CalendarRangeHeading,a as CalendarRangeNext,i as CalendarRangePrev,t as CalendarRangeRoot,e as provideCalendarRangeUi};
+import{provideCalendarRangeUi as e}from"./context.js";import t from"./calendar-range-cell-trigger.js";import n from"./calendar-range-cell.js";import r from"./calendar-range-grid-body.js";import i from"./calendar-range-grid-head.js";import a from"./calendar-range-grid-row.js";import o from"./calendar-range-grid.js";import s from"./calendar-range-head-cell.js";import c from"./calendar-range-header.js";import l from"./calendar-range-heading.js";import u from"./calendar-range-next.js";import d from"./calendar-range-prev.js";import f from"./calendar-range-root.js";import p from"./calendar-range-compact.js";export{n as CalendarRangeCell,t as CalendarRangeCellTrigger,p as CalendarRangeCompact,o as CalendarRangeGrid,r as CalendarRangeGridBody,i as CalendarRangeGridHead,a as CalendarRangeGridRow,s as CalendarRangeHeadCell,c as CalendarRangeHeader,l as CalendarRangeHeading,u as CalendarRangeNext,d as CalendarRangePrev,f as CalendarRangeRoot,e as provideCalendarRangeUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./carousel-root.js";import n from"./carousel-content.js";import r from"./carousel-container.js";import i from"./carousel-item.js";import a from"./carousel-control.js";import o from"./carousel-navigation.js";import s from"./carousel-previous.js";import c from"./carousel-next.js";import{Fragment as l,createBlock as u,createElementBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";const S=p({name:`CarouselCompact`,__name:`carousel-compact`,props:{slides:{},contentProps:{},containerProps:{},itemProps:{},controlProps:{},navigationProps:{},previousProps:{},nextProps:{},dir:{},orientation:{},options:{},plugins:{}},emits:[`init`],setup(p,{emit:S}){let C=p,w=S,T=e(C,[`slides`,`contentProps`,`containerProps`,`itemProps`,`controlProps`,`navigationProps`,`previousProps`,`nextProps`]);return(e,S)=>(_(),u(t,h(b(T),{onInit:S[0]||(S[0]=e=>w(`init`,e))}),{default:x(t=>[f(n,g(m(p.contentProps)),{default:x(()=>[f(r,g(m(p.containerProps)),{default:x(()=>[(_(!0),d(l,null,v(p.slides,(n,r)=>(_(),u(i,h({key:r},{ref_for:!0},p.itemProps),{default:x(()=>[y(e.$slots,`item`,h({ref_for:!0},t,{slide:n,index:r,selected:r===t.selectedIndex}))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),f(a,g(m(p.controlProps)),{default:x(()=>[f(o,g(m(p.navigationProps)),{default:x(()=>[f(s,g(m(p.previousProps)),{default:x(()=>[y(e.$slots,`previous`,g(m(t)))]),_:2},1040),f(c,g(m(p.nextProps)),{default:x(()=>[y(e.$slots,`next`,g(m(t)))]),_:2},1040)]),_:2},1040),y(e.$slots,`control`,g(m(t)))]),_:2},1040)]),_:3},16))}});export{S as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./carousel-container.js";import n from"./carousel-content.js";import r from"./carousel-control.js";import i from"./carousel-item.js";import a from"./carousel-navigation.js";import o from"./carousel-next.js";import s from"./carousel-previous.js";import c from"./carousel-root.js";import{Fragment as l,createBlock as u,createElementBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";const S=p({name:`CarouselCompact`,__name:`carousel-compact`,props:{slides:{},contentProps:{},containerProps:{},itemProps:{},controlProps:{},navigationProps:{},previousProps:{},nextProps:{},dir:{},orientation:{},options:{},plugins:{}},emits:[`init`],setup(p,{emit:S}){let C=p,w=S,T=e(C,[`slides`,`contentProps`,`containerProps`,`itemProps`,`controlProps`,`navigationProps`,`previousProps`,`nextProps`]);return(e,S)=>(_(),u(c,h(b(T),{onInit:S[0]||(S[0]=e=>w(`init`,e))}),{default:x(c=>[f(n,g(m(p.contentProps)),{default:x(()=>[f(t,g(m(p.containerProps)),{default:x(()=>[(_(!0),d(l,null,v(p.slides,(t,n)=>(_(),u(i,h({key:n},{ref_for:!0},p.itemProps),{default:x(()=>[y(e.$slots,`item`,h({ref_for:!0},c,{slide:t,index:n,selected:n===c.selectedIndex}))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),f(r,g(m(p.controlProps)),{default:x(()=>[f(a,g(m(p.navigationProps)),{default:x(()=>[f(s,g(m(p.previousProps)),{default:x(()=>[y(e.$slots,`previous`,g(m(c)))]),_:2},1040),f(o,g(m(p.nextProps)),{default:x(()=>[y(e.$slots,`next`,g(m(c)))]),_:2},1040)]),_:2},1040),y(e.$slots,`control`,g(m(c)))]),_:2},1040)]),_:3},16))}});export{S as default};

package/dist/components/carousel/index.js

@@ -1 +1 @@
-import{provideCarouselUi as e}from"./context.js";import t from"./carousel-root.js";import n from"./carousel-content.js";import r from"./carousel-container.js";import i from"./carousel-item.js";import a from"./carousel-control.js";import o from"./carousel-navigation.js";import s from"./carousel-previous.js";import c from"./carousel-next.js";import l from"./carousel-compact.js";export{l as CarouselCompact,r as CarouselContainer,n as CarouselContent,a as CarouselControl,i as CarouselItem,o as CarouselNavigation,c as CarouselNext,s as CarouselPrevious,t as CarouselRoot,e as provideCarouselUi};
+import{provideCarouselUi as e}from"./context.js";import t from"./carousel-container.js";import n from"./carousel-content.js";import r from"./carousel-control.js";import i from"./carousel-item.js";import a from"./carousel-navigation.js";import o from"./carousel-next.js";import s from"./carousel-previous.js";import c from"./carousel-root.js";import l from"./carousel-compact.js";export{l as CarouselCompact,t as CarouselContainer,n as CarouselContent,r as CarouselControl,i as CarouselItem,a as CarouselNavigation,o as CarouselNext,s as CarouselPrevious,c as CarouselRoot,e as provideCarouselUi};

package/dist/components/checkbox/checkbox-card-compact.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxCardUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toDisplayString as x,unref as S,useId as C,useSlots as w,withCtx as T}from"vue";const E=m({name:`CheckboxCardCompact`,__name:`checkbox-card-compact`,props:{icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(m,{emit:E}){let D=m,O=E,k=w(),A=e(D,[`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=n(),M=C(),N=s(()=>D.id||`checkbox-${M}`),P=s(()=>D.modelValue===`indeterminate`);return(e,n)=>(y(),c(r,g(S(A),{"onUpdate:modelValue":n[0]||(n[0]=e=>O(`update:modelValue`,e))}),{default:T(()=>[d(`div`,{class:_(S(j).content)},[p(t,{icon:m.icon,class:_(S(j).icon)},null,8,[`icon`,`class`]),d(`div`,{class:_(S(j).textContent)},[p(o,g(m.labelProps,{for:N.value}),{default:T(()=>[b(e.$slots,`default`,{id:N.value},()=>[f(x(m.label),1)])]),_:3},16,[`for`]),S(k).description||m.description?(y(),u(`p`,{key:0,class:_(S(j).description)},[b(e.$slots,`description`,{},()=>[f(x(m.description),1)])],2)):l(`v-if`,!0)],2)],2),p(i,g(m.controlProps,{id:N.value}),{default:T(()=>[p(a,v(h(m.indicatorProps)),{default:T(n=>[b(e.$slots,`indicator`,v(h(n)),()=>[p(t,{icon:P.value?`lucide:minus`:`lucide:check`,class:_(S(j)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:3},16)]),_:3},16,[`id`])]),_:3},16))}});export{E as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxCardUi as n}from"./context.js";import r from"./checkbox-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";import o from"./checkbox-root.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toDisplayString as x,unref as S,useId as C,useSlots as w,withCtx as T}from"vue";const E=m({name:`CheckboxCardCompact`,__name:`checkbox-card-compact`,props:{icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(m,{emit:E}){let D=m,O=E,k=w(),A=e(D,[`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=n(),M=C(),N=s(()=>D.id||`checkbox-${M}`),P=s(()=>D.modelValue===`indeterminate`);return(e,n)=>(y(),c(o,g(S(A),{"onUpdate:modelValue":n[0]||(n[0]=e=>O(`update:modelValue`,e))}),{default:T(()=>[d(`div`,{class:_(S(j).content)},[p(t,{icon:m.icon,class:_(S(j).icon)},null,8,[`icon`,`class`]),d(`div`,{class:_(S(j).textContent)},[p(a,g(m.labelProps,{for:N.value}),{default:T(()=>[b(e.$slots,`default`,{id:N.value},()=>[f(x(m.label),1)])]),_:3},16,[`for`]),S(k).description||m.description?(y(),u(`p`,{key:0,class:_(S(j).description)},[b(e.$slots,`description`,{},()=>[f(x(m.description),1)])],2)):l(`v-if`,!0)],2)],2),p(r,g(m.controlProps,{id:N.value}),{default:T(()=>[p(i,v(h(m.indicatorProps)),{default:T(n=>[b(e.$slots,`indicator`,v(h(n)),()=>[p(t,{icon:P.value?`lucide:minus`:`lucide:check`,class:_(S(j)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:3},16)]),_:3},16,[`id`])]),_:3},16))}});export{E as default};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useId as x,withCtx as S}from"vue";const C=f({name:`CheckboxCompact`,__name:`checkbox-compact`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:C}){let w=f,T=C,E=e(w,[`label`,`controlProps`,`indicatorProps`,`labelProps`]),D=x(),O=s(()=>w.id||`checkbox-${D}`),k=n();return(e,n)=>(_(),c(r,m(b(E),{"onUpdate:modelValue":n[0]||(n[0]=e=>T(`update:modelValue`,e))}),{default:S(n=>[d(i,m(f.controlProps,{id:O.value}),{default:S(()=>[d(a,g(p(f.indicatorProps)),{default:S(()=>[v(e.$slots,`indicator`,g(p(n)),()=>[d(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:h(b(k)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:2},1040)]),_:2},1040,[`id`]),e.$slots.default||f.label?(_(),c(o,m({key:0},f.labelProps,{for:O.value}),{default:S(()=>[v(e.$slots,`default`,m(n,{id:O.value}),()=>[u(y(f.label),1)])]),_:2},1040,[`for`])):l(`v-if`,!0)]),_:3},16))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxUi as n}from"./context.js";import r from"./checkbox-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";import o from"./checkbox-root.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useId as x,withCtx as S}from"vue";const C=f({name:`CheckboxCompact`,__name:`checkbox-compact`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:C}){let w=f,T=C,E=e(w,[`label`,`controlProps`,`indicatorProps`,`labelProps`]),D=x(),O=s(()=>w.id||`checkbox-${D}`),k=n();return(e,n)=>(_(),c(o,m(b(E),{"onUpdate:modelValue":n[0]||(n[0]=e=>T(`update:modelValue`,e))}),{default:S(n=>[d(r,m(f.controlProps,{id:O.value}),{default:S(()=>[d(i,g(p(f.indicatorProps)),{default:S(()=>[v(e.$slots,`indicator`,g(p(n)),()=>[d(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:h(b(k)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:2},1040)]),_:2},1040,[`id`]),e.$slots.default||f.label?(_(),c(a,m({key:0},f.labelProps,{for:O.value}),{default:S(()=>[v(e.$slots,`default`,m(n,{id:O.value}),()=>[u(y(f.label),1)])]),_:2},1040,[`for`])):l(`v-if`,!0)]),_:3},16))}});export{C as default};

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-import{provideCheckboxCardUi as e,provideCheckboxUi as t}from"./context.js";import n from"./checkbox-root.js";import r from"./checkbox-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";import o from"./checkbox-compact.js";import s from"./checkbox-card-compact.js";import c from"./checkbox-group-root.js";import l from"./checkbox-group-compact.js";import u from"./checkbox-card-group-compact.js";export{s as CheckboxCardCompact,u as CheckboxCardGroupCompact,o as CheckboxCompact,r as CheckboxControl,l as CheckboxGroupCompact,c as CheckboxGroupRoot,i as CheckboxIndicator,a as CheckboxLabel,n as CheckboxRoot,e as provideCheckboxCardUi,t as provideCheckboxUi};
+import{provideCheckboxCardUi as e,provideCheckboxUi as t}from"./context.js";import n from"./checkbox-control.js";import r from"./checkbox-indicator.js";import i from"./checkbox-label.js";import a from"./checkbox-root.js";import o from"./checkbox-compact.js";import s from"./checkbox-card-compact.js";import c from"./checkbox-group-root.js";import l from"./checkbox-group-compact.js";import u from"./checkbox-card-group-compact.js";export{s as CheckboxCardCompact,u as CheckboxCardGroupCompact,o as CheckboxCompact,n as CheckboxControl,l as CheckboxGroupCompact,c as CheckboxGroupRoot,r as CheckboxIndicator,i as CheckboxLabel,a as CheckboxRoot,e as provideCheckboxCardUi,t as provideCheckboxUi};

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

@@ -1,9 +1,9 @@
 import { CheckedState, DefinedValue, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } 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 { LabelProps } from "../label/types.js";
 import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { ComputedRef, ShallowRef } from "vue";

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

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../button/types.js";
 import { IconValue } from "../_icon/types.js";
+import { ButtonProps } from "../button/types.js";
 
 //#region src/components/clipboard/types.d.ts
 /**

package/dist/components/collapsible/collapsible-content.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useCollapsibleRootContext as n,useCollapsibleUi as r}from"./context.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{collapsibleContentCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";const y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=n(`CollapsibleContent`),O=r(`content`),k=y.forceMount?h(!0):t(b,w,F),A={[a.width]:`0px`,[a.height]:`0px`},j=o(()=>k.value||w.value),M=w.value,N,P=o(()=>{if(!j.value)return D.value?``:`until-found`});function F(){let e=b.value;if(!e)return;let t=e.style;N||(N={transitionDuration:t.transitionDuration,animationName:t.animationName}),t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(a.width,`${n.width}px`),t.setProperty(a.height,`${n.height}px`),M||(t.transitionDuration=N.transitionDuration,t.animationName=N.animationName)}return _(j,async()=>{await u(),F()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{M=!1})}),(e,t)=>(p(),s(g(i),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,"data-soybean-collapsible-content":``,class:d(g(O)),"data-disabled":g(T),"data-state":g(E),hidden:P.value,style:A},{default:v(()=>[!g(D)||j.value?m(e.$slots,`default`,{key:0}):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useCollapsibleRootContext as n,useCollapsibleUi as r}from"./context.js";import{collapsibleContentCssVars as i}from"./shared.js";import{Primitive as a}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";const y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=n(`CollapsibleContent`),O=r(`content`),k=y.forceMount?h(!0):t(b,w,F),A={[i.width]:`0px`,[i.height]:`0px`},j=o(()=>k.value||w.value),M=w.value,N,P=o(()=>{if(!j.value)return D.value?``:`until-found`});function F(){let e=b.value;if(!e)return;let t=e.style;N||(N={transitionDuration:t.transitionDuration,animationName:t.animationName}),t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(i.width,`${n.width}px`),t.setProperty(i.height,`${n.height}px`),M||(t.transitionDuration=N.transitionDuration,t.animationName=N.animationName)}return _(j,async()=>{await u(),F()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{M=!1})}),(e,t)=>(p(),s(g(a),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,"data-soybean-collapsible-content":``,class:d(g(O)),"data-disabled":g(T),"data-state":g(E),hidden:P.value,style:A},{default:v(()=>[!g(D)||j.value?m(e.$slots,`default`,{key:0}):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};

package/dist/components/color-area/color-area-area.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorAreaRootContext as n,useColorAreaUi as r}from"./context.js";import{createLinearScale as i}from"./shared.js";import{createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,withCtx as p}from"vue";const m=o({name:`ColorAreaArea`,__name:`color-area-area`,props:{asChild:{type:Boolean},as:{}},setup(o){let[m,h]=e(),g=r(`area`),{xRange:_,yRange:v,xValue:y,yValue:b,areaStyle:x,thumbElement:S,updateValues:C,commitValues:w,disabled:T}=n(`ColorAreaArea`),E=d(!1),D=d({x:0,y:0});function O(e){let t=m.value?.getBoundingClientRect();if(!t)return null;let n=i([0,t.width],[_.value.min,_.value.max]),r=i([0,t.height],[v.value.max,v.value.min]);return{x:n(e.clientX-t.left-D.value.x),y:r(e.clientY-t.top-D.value.y)}}function k(e){let t=S.value?.getBoundingClientRect(),n=e.target;return!t||!(n instanceof Node)||!S.value?.contains(n)?(D.value={x:0,y:0},!1):(D.value={x:e.clientX-(t.left+t.width/2),y:e.clientY-(t.top+t.height/2)},!0)}function A(e){if(T.value)return;if(e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),E.value=!0,k(e)){S.value?.focus();return}let t=O(e);t&&(C(t.x,t.y),S.value?.focus())}function j(e){if(!E.value||T.value||!e.currentTarget.hasPointerCapture(e.pointerId))return;let t=O(e);t&&C(t.x,t.y)}function M(e){if(!E.value)return;let t=e.currentTarget;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),E.value=!1,D.value={x:0,y:0},w()}function N(e){if(T.value)return;let t=e.shiftKey?10:1,n=_.value.step*t,r=v.value.step*t,i=0,a=0;switch(e.key){case`ArrowLeft`:i=-n;break;case`ArrowRight`:i=n;break;case`ArrowUp`:a=r;break;case`ArrowDown`:a=-r;break;case`PageUp`:a=r*10;break;case`PageDown`:a=-r*10;break;case`Home`:i=-n*10;break;case`End`:i=n*10;break;default:return}e.preventDefault(),C(y.value+i,b.value+a),w()}return(e,n)=>(l(),a(f(t),{ref:f(h),as:o.as,"as-child":o.asChild,"data-soybean-color-area-area":``,class:s(f(g)),role:`application`,"aria-roledescription":`Color picker area`,"aria-disabled":f(T)?`true`:void 0,"data-disabled":f(T)?``:void 0,style:c({...f(x),touchAction:`none`}),onKeydown:N,onPointerdown:A,onPointermove:j,onPointerup:M,onPointercancel:M},{default:p(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`data-disabled`,`style`]))}});export{m as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{createLinearScale as n}from"./shared.js";import{useColorAreaRootContext as r,useColorAreaUi as i}from"./context.js";import{createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,withCtx as p}from"vue";const m=o({name:`ColorAreaArea`,__name:`color-area-area`,props:{asChild:{type:Boolean},as:{}},setup(o){let[m,h]=e(),g=i(`area`),{xRange:_,yRange:v,xValue:y,yValue:b,areaStyle:x,thumbElement:S,updateValues:C,commitValues:w,disabled:T}=r(`ColorAreaArea`),E=d(!1),D=d({x:0,y:0});function O(e){let t=m.value?.getBoundingClientRect();if(!t)return null;let r=n([0,t.width],[_.value.min,_.value.max]),i=n([0,t.height],[v.value.max,v.value.min]);return{x:r(e.clientX-t.left-D.value.x),y:i(e.clientY-t.top-D.value.y)}}function k(e){let t=S.value?.getBoundingClientRect(),n=e.target;return!t||!(n instanceof Node)||!S.value?.contains(n)?(D.value={x:0,y:0},!1):(D.value={x:e.clientX-(t.left+t.width/2),y:e.clientY-(t.top+t.height/2)},!0)}function A(e){if(T.value)return;if(e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),E.value=!0,k(e)){S.value?.focus();return}let t=O(e);t&&(C(t.x,t.y),S.value?.focus())}function j(e){if(!E.value||T.value||!e.currentTarget.hasPointerCapture(e.pointerId))return;let t=O(e);t&&C(t.x,t.y)}function M(e){if(!E.value)return;let t=e.currentTarget;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),E.value=!1,D.value={x:0,y:0},w()}function N(e){if(T.value)return;let t=e.shiftKey?10:1,n=_.value.step*t,r=v.value.step*t,i=0,a=0;switch(e.key){case`ArrowLeft`:i=-n;break;case`ArrowRight`:i=n;break;case`ArrowUp`:a=r;break;case`ArrowDown`:a=-r;break;case`PageUp`:a=r*10;break;case`PageDown`:a=-r*10;break;case`Home`:i=-n*10;break;case`End`:i=n*10;break;default:return}e.preventDefault(),C(y.value+i,b.value+a),w()}return(e,n)=>(l(),a(f(t),{ref:f(h),as:o.as,"as-child":o.asChild,"data-soybean-color-area-area":``,class:s(f(g)),role:`application`,"aria-roledescription":`Color picker area`,"aria-disabled":f(T)?`true`:void 0,"data-disabled":f(T)?``:void 0,style:c({...f(x),touchAction:`none`}),onKeydown:N,onPointerdown:A,onPointermove:j,onPointerup:M,onPointercancel:M},{default:p(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`data-disabled`,`style`]))}});export{m as default};

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

@@ -17,10 +17,10 @@ declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {},
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
-  disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
+  disabled: boolean;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

package/dist/components/color-area/color-area-thumb.js

@@ -1 +1 @@
-import{formatChannelValue as e,getChannelName as t}from"../../shared/color.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorAreaRootContext as i,useColorAreaUi as a}from"./context.js";import{convertValueToPercentage as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,normalizeClass as u,normalizeStyle as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ColorAreaThumb`,__name:`color-area-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(l){let{setThumbElement:g,xChannel:_,yChannel:v,xValue:y,yValue:b,xRange:x,yRange:S,disabled:C}=i(`ColorAreaThumb`),[w,T]=n(e=>{g(e)}),E=a(`thumb`),D=s(()=>_.value??`saturation`),O=s(()=>v.value??`lightness`),k=s(()=>o(y.value,x.value.min,x.value.max)),A=s(()=>o(b.value,S.value.min,S.value.max)),j=s(()=>`${t(D.value)}, ${t(O.value)}`),M=s(()=>`${t(D.value)} ${e(D.value,y.value)}, ${t(O.value)} ${e(O.value,b.value)}`);return(e,t)=>(f(),c(m(r),{ref:m(T),as:l.as,"as-child":l.asChild,"data-soybean-color-area-thumb":``,class:u(m(E)),role:`slider`,tabindex:m(C)?void 0:0,"aria-label":j.value,"aria-roledescription":`Color thumb`,"aria-valuemin":m(x).min,"aria-valuemax":m(x).max,"aria-valuenow":m(y),"aria-valuetext":M.value,"aria-orientation":`horizontal`,"data-disabled":m(C)?``:void 0,style:d({position:`absolute`,left:`${k.value}%`,top:`${100-A.value}%`,transform:`translate(-50%, -50%)`,touchAction:`none`})},{default:h(()=>[p(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`tabindex`,`aria-label`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`aria-valuetext`,`data-disabled`,`style`]))}});export{g as default};
+import{formatChannelValue as e,getChannelName as t}from"../../shared/color.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{convertValueToPercentage as i}from"./shared.js";import{useColorAreaRootContext as a,useColorAreaUi as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,normalizeClass as u,normalizeStyle as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ColorAreaThumb`,__name:`color-area-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(l){let{setThumbElement:g,xChannel:_,yChannel:v,xValue:y,yValue:b,xRange:x,yRange:S,disabled:C}=a(`ColorAreaThumb`),[w,T]=n(e=>{g(e)}),E=o(`thumb`),D=s(()=>_.value??`saturation`),O=s(()=>v.value??`lightness`),k=s(()=>i(y.value,x.value.min,x.value.max)),A=s(()=>i(b.value,S.value.min,S.value.max)),j=s(()=>`${t(D.value)}, ${t(O.value)}`),M=s(()=>`${t(D.value)} ${e(D.value,y.value)}, ${t(O.value)} ${e(O.value,b.value)}`);return(e,t)=>(f(),c(m(r),{ref:m(T),as:l.as,"as-child":l.asChild,"data-soybean-color-area-thumb":``,class:u(m(E)),role:`slider`,tabindex:m(C)?void 0:0,"aria-label":j.value,"aria-roledescription":`Color thumb`,"aria-valuemin":m(x).min,"aria-valuemax":m(x).max,"aria-valuenow":m(y),"aria-valuetext":M.value,"aria-orientation":`horizontal`,"data-disabled":m(C)?``:void 0,style:d({position:`absolute`,left:`${k.value}%`,top:`${100-A.value}%`,transform:`translate(-50%, -50%)`,touchAction:`none`})},{default:h(()=>[p(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`tabindex`,`aria-label`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`aria-valuetext`,`data-disabled`,`style`]))}});export{g as default};

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

@@ -13,11 +13,11 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
 }>, {
-  disabled: boolean;
   format: ColorFormat;
+  disabled: boolean;
   step: number;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import{useColorPickerUi as i}from"./context.js";import a from"./color-picker-root.js";import o from"../color-slider/color-slider-compact.js";import s from"../color-swatch/color-swatch-compact.js";import c from"../color-swatch-picker/color-swatch-picker-compact.js";import l from"../popover/popover-compact.js";import u from"../segment/segment-compact.js";import{colorFormats as d}from"./shared.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=i(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(a,b(E(N),T(E(M))),{default:D(({color:t,hexValue:i,displayFormat:a,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(l,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(u,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":a,items:E(d),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(o,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(o,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(s,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:i}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":i,format:a,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(c,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":i,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};

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

@@ -14,8 +14,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   change: (value: string) => any;
-  "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -26,8 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
   onChange?: ((value: string) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -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;