@soybeanjs/headless 0.22.4 → 0.23.1-beta.1

package/dist/components/button/button.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=e(d,[`disabled`,`type`]),m=n(()=>d.as===`button`?d.disabled:void 0),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?!0:void 0),_=n(()=>{if(d.as===`button`)return d.type??`button`}),v=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(p),{"data-soybean-button":``,disabled:m.value,"aria-disabled":g.value,"data-disabled":h.value,tabindex:m.value?`-1`:void 0,type:_.value,onClick:v}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`tabindex`,`type`]))}});export{u as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=e(d,[`disabled`,`type`]),m=n(()=>d.as===`button`?d.disabled:void 0),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?void 0:``),_=n(()=>d.disabled?!0:void 0),v=n(()=>{if(d.as===`button`)return d.type??`button`}),y=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(p),{"data-soybean-button":``,disabled:m.value,"aria-disabled":_.value,"data-disabled":h.value,"data-normal":g.value,tabindex:m.value?`-1`:void 0,type:v.value,onClick:y}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`data-normal`,`tabindex`,`type`]))}});export{u as default};

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

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

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

@@ -40,11 +40,11 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   open: boolean;
   placement: Placement;
   showArrow: boolean;
-  colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
   swatches: string[];
+  colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -257,13 +257,13 @@ declare var __VLS_25: {
     readonly showArrow: boolean;
     readonly defaultOpen: boolean;
     readonly modal: boolean;
-    readonly multiple: boolean;
-    readonly readonly: boolean;
     readonly pagedNavigation: boolean;
     readonly preventDeselect: boolean;
     readonly fixedWeeks: boolean;
+    readonly readonly: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
+    readonly multiple: boolean;
   }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;

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

@@ -260,13 +260,13 @@ declare var __VLS_25: {
     readonly showArrow: boolean;
     readonly defaultOpen: boolean;
     readonly modal: boolean;
-    readonly readonly: boolean;
+    readonly allowNonContiguousRanges: boolean;
     readonly pagedNavigation: boolean;
     readonly preventDeselect: boolean;
     readonly fixedWeeks: boolean;
+    readonly readonly: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-    readonly allowNonContiguousRanges: boolean;
   }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {
   delayDuration: number;
   skipDelayDuration: number;
   open: boolean;
-  trigger: DropdownMenuTriggerType;
   modal: boolean;
+  trigger: DropdownMenuTriggerType;
 }, {}, {}, {}, 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/editable/editable-root.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_base: import("vue").DefineComponent<EditableRootProps, {
   modelValue: string;
   activationMode: EditableActivationMode;
   readonly: boolean;
-  submitMode: EditableSubmitMode;
   selectOnFocus: boolean;
+  submitMode: EditableSubmitMode;
   startWithEditMode: boolean;
   autoResize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,23 +6,23 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}
   input: (value: string) => any;
   select: (event: Event) => any;
   change: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
+  "update:modelValue": (value: string) => any;
   complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -18,23 +18,23 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
   input: (value: string) => any;
   select: (event: Event) => any;
   change: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
+  "update:modelValue": (value: string) => any;
   complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<InputOtpRootProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {
   autocomplete: string;

package/dist/components/layout/layout-sidebar.vue.d.ts

@@ -1,11 +1,11 @@
 import { LayoutSidebarProps } from "./types.js";
 
 //#region src/components/layout/layout-sidebar.vue.d.ts
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 } & {
-  default?: (props: typeof __VLS_9) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/page-tabs/page-tabs-compact.vue.d.ts

@@ -5,8 +5,8 @@ declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(
   props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -201,6 +201,7 @@ declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   placement: Placement;
+  reference: import("@floating-ui/dom").ReferenceElement;
   side: import("@floating-ui/utils").Side;
   sideOffset: number;
   sideFlip: boolean;
@@ -218,7 +219,6 @@ declare const __VLS_base: import("vue").DefineComponent<PopperPositionerProps, {
   updatePositionStrategy: "optimized" | "always";
   disableUpdateOnLayoutShift: boolean;
   prioritizePosition: boolean;
-  reference: import("@floating-ui/dom").ReferenceElement;
 }, {}, {}, {}, 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-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-range-field/time-range-field-root.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
-  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.22.4",
+  "version": "0.23.1-beta.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": {
@@ -111,8 +111,8 @@
     "ohash": "^2.0.11"
   },
   "devDependencies": {
-    "@nuxt/kit": "^4.4.5",
-    "@nuxt/schema": "^4.4.5",
+    "@nuxt/kit": "^4.4.6",
+    "@nuxt/schema": "^4.4.6",
     "tsdown": "0.22.0",
     "typescript": "6.0.3",
     "unplugin-vue": "7.2.0",