@soybeanjs/headless 0.28.0 → 0.28.1

package/dist/components/select/context.js

@@ -1 +1 @@
-import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=()=>{s.value||(s.value=`soybean-select-content-${d()}`)},p=u(),m=e=>{p.value=e},h=u(),g=e=>{h.value=e},_=l(new Set),v=c(()=>Array.from(_.value)),y=c(()=>v.value.map(e=>e.value).join(`;`)),b=e=>{_.value.add(e)},x=e=>{_.value.delete(e)},S=u({x:0,y:0}),C=e=>{S.value=e},w=()=>{S.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:f,triggerElement:p,onTriggerElementChange:m,valueElement:h,onValueElementChange:g,optionsSet:_,onOptionAdd:b,onOptionRemove:x,options:v,nativeSelectKey:y,triggerPointerDownPosition:S,setTriggerPointerDownPosition:C,resetTriggerPointerDownPosition:w}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``);return{labelId:e,initLabelId:()=>{e.value||(e.value=`soybean-select-group-label-${d()}`)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=()=>{i.value||(i.value=`soybean-select-item-text-${d()}`)};return{...e,textId:i,initTextId:a,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};
+import{isValueEqualOrExist as e}from"../../shared/comparison.js";import{getDisclosureState as t}from"../../shared/value.js";import{tryFocusFirst as n}from"../../shared/focus.js";import{useContext as r}from"../../composables/use-context.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as a}from"../../composables/use-collection.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{providePopperUi as s}from"../popper/context.js";import{computed as c,ref as l,shallowRef as u,useId as d}from"vue";const[f,p]=r(`SelectRoot`,e=>{let{open:n}=e,r=e=>{n.value=e},a=c(()=>t(n.value)),o=i(e.dir),s=u(``),f=`soybean-select-content-${d()}`,p=()=>{s.value||(s.value=f)},m=u(),h=e=>{m.value=e},g=u(),_=e=>{g.value=e},v=l(new Set),y=c(()=>Array.from(v.value)),b=c(()=>y.value.map(e=>e.value).join(`;`)),x=e=>{v.value.add(e)},S=e=>{v.value.delete(e)},C=u({x:0,y:0}),w=e=>{C.value=e},T=()=>{C.value=null};return{...e,dataState:a,onOpenChange:r,dir:o,contentId:s,initContentId:p,triggerElement:m,onTriggerElementChange:h,valueElement:g,onValueElementChange:_,optionsSet:v,onOptionAdd:x,onOptionRemove:S,options:y,nativeSelectKey:b,triggerPointerDownPosition:C,setTriggerPointerDownPosition:w,resetTriggerPointerDownPosition:T}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=a(`Select`),[_,v]=r(`SelectContent`,t=>{let{modelValue:r,isMultiple:i,popupElement:a}=t,o=u(!1),s=u(),c=e=>{s.value=e},l=!1,d=!1,f=u(),p=(t,n,i)=>{let a=!l&&!i;(e(r.value,n)||a)&&(f.value=t)},m=u(),h=(t,n,a)=>{let o=!l&&!a,s=e(r.value,n);if(i.value){if(d)return;(s||o)&&(m.value=t,s&&(d=!0))}else (s||o)&&(m.value=t);o&&(l=!0)},g=()=>{a.value?.focus()};function _(){!m.value||!a.value||n([m.value,a.value])}return{...t,isPositioned:o,viewportElement:s,onViewportElementChange:c,selectedItemElement:m,onSelectedItemElementChange:h,onItemElementLeave:g,selectedItemTextElement:f,onSelectedItemTextElementChange:p,focusSelectedItem:_}}),[y,b]=r(`SelectGroup`,()=>{let e=u(``),t=`soybean-select-group-label-${d()}`;return{labelId:e,initLabelId:()=>{e.value||(e.value=t)}}}),[x,S]=r(`SelectItem`,e=>{let t=u(e.textValue.value??``),n=u(),r=e=>{n.value=e,t.value=((t.value||e?.textContent)??``).trim()},i=u(``),a=`soybean-select-item-text-${d()}`,o=()=>{i.value||(i.value=a)};return{...e,textId:i,initTextId:o,textValue:t,itemTextElement:n,onItemTextElementChange:r}}),[C,w]=r(`SelectPopupElement`,()=>{let e=u();return{popupElement:e,onPopupElementChange:t=>{e.value=t}}}),[T,E]=r(`SelectItemAlignedPosition`),[D,O]=o(`SelectUi`,e=>(s(e),e));export{m as provideCollectionContext,_ as provideSelectContentContext,y as provideSelectGroupContext,T as provideSelectItemAlignedPositionContext,x as provideSelectItemContext,C as provideSelectPopupElementContext,f as provideSelectRootContext,D as provideSelectUi,h as useCollectionContext,g as useCollectionItem,v as useSelectContentContext,b as useSelectGroupContext,E as useSelectItemAlignedPositionContext,S as useSelectItemContext,w as useSelectPopupElementContext,p as useSelectRootContext,O as useSelectUi};

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

@@ -5,8 +5,8 @@ import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,8 +4,8 @@ import { SelectRootProps } from "./types.js";
 //#region src/components/select/select-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectRootProps<T, M> & {
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/splitter/splitter-group.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterGroupProps, {},
 }>, {
   dir: Direction;
   direction: DataOrientation;
-  defaultLayout: number[];
   keyboardResizeBy: number;
+  defaultLayout: number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {
   collapsible: boolean;
   order: number;
   defaultSize: number;
-  minSize: number;
-  maxSize: number;
   collapsedSize: number;
+  maxSize: number;
+  minSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tags-input/tags-input-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tags-input/tags-input-item-text.js

@@ -1 +1 @@
-import{useTagsInputItemContext as e,useTagsInputUi as t}from"./context.js";import{createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toDisplayString as c,unref as l,useId as u}from"vue";const d=[`id`],f=i({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(i){let f=i,p=t(`itemText`),{displayedValue:m,textId:h}=e(`TagsInputItemText`);return h.value||(h.value=`soybean-tags-input-item-text-${u()}`),(e,t)=>(o(),n(`span`,a(f,{id:l(h),"data-soybean-tags-input-item-text":``,class:l(p)}),[s(e.$slots,`default`,{},()=>[r(c(l(m)),1)])],16,d))}});export{f as default};
+import{useTagsInputItemContext as e,useTagsInputUi as t}from"./context.js";import{createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toDisplayString as c,unref as l,useId as u}from"vue";const d=[`id`],f=i({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(i){let f=i,p=t(`itemText`),{displayedValue:m,textId:h}=e(`TagsInputItemText`),g=`soybean-tags-input-item-text-${u()}`;return h.value||(h.value=g),(e,t)=>(o(),n(`span`,a(f,{id:l(h),"data-soybean-tags-input-item-text":``,class:l(p)}),[s(e.$slots,`default`,{},()=>[r(c(l(m)),1)])],16,d))}});export{f as default};

package/dist/components/tags-input/tags-input-root.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeValue;
-  readonly: boolean;
   defaultPlaceholder: TimeValue;
+  readonly: boolean;
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;

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

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeRange;
-  readonly: boolean;
   defaultPlaceholder: TimeValue;
+  readonly: boolean;
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;

package/dist/components/toast/toaster.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
-  position: ToastPosition;
-  visibleCounts: number;
   hotkey: string[];
   containerAriaLabel: string;
+  position: ToastPosition;
+  visibleCounts: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
   defaultValue: string;
-  defaultExpanded: string[];
   collapsed: boolean;
+  defaultExpanded: string[];
   indent: number;
   pxToRem: (px: number) => number;
   defaultCollapsed: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -91,8 +91,8 @@
     "@floating-ui/dom": "^1.7.6",
     "@floating-ui/utils": "^0.2.11",
     "@formkit/auto-animate": "^0.9.0",
-    "@internationalized/date": "^3.12.1",
-    "@internationalized/number": "^3.6.6",
+    "@internationalized/date": "^3.12.2",
+    "@internationalized/number": "^3.6.7",
     "@soybeanjs/colord": "^0.5.0",
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/utils": "^0.1.1",
@@ -112,12 +112,12 @@
     "@nuxt/kit": "^4.4.6",
     "@nuxt/schema": "^4.4.6",
     "nuxt": ">=4.4.6",
-    "tsdown": "0.22.0",
+    "tsdown": "0.22.1",
     "typescript": "6.0.3",
     "unplugin-vue": "7.2.0",
     "unplugin-vue-components": "^32.1.0",
     "vue": "3.5.35",
-    "vue-router": "5.0.7"
+    "vue-router": "5.1.0"
   },
   "peerDependencies": {
     "@nuxt/kit": "^4.3.0",