@soybeanjs/ui 0.15.5 → 0.17.0

package/dist/components/date-picker/types.d.ts

@@ -0,0 +1,32 @@
+import { ThemeSize } from "../../theme/types.js";
+import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerUi } from "@soybeanjs/headless/date-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
+
+//#region src/components/date-picker/types.d.ts
+/**
+ * Props for the date picker component.
+ */
+interface DatePickerProps extends DatePickerCompactProps {
+  /**
+   * Additional class names applied to the root element.
+   */
+  class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<DatePickerUi>;
+}
+/**
+ * Emits for the date picker component.
+ */
+type DatePickerEmits = DatePickerCompactEmits;
+/**
+ * Slots for the date picker component.
+ */
+type DatePickerSlots = DatePickerCompactSlots;
+//#endregion
+export { DatePickerEmits, DatePickerProps, DatePickerSlots };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex`,trigger:[`inline-flex items-center justify-start rounded-md border border-input bg-background  shadow-sm transition-colors`,`hover:bg-accent/50 hover:text-accent-foreground`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`]},variants:{size:{xs:{root:`text-2xs`,popup:`text-2xs`,trigger:`gap-1 h-6 px-1.5`},sm:{root:`text-xs`,popup:`text-xs`,trigger:`gap-1.5 h-7 px-2`},md:{root:`text-sm`,popup:`text-sm`,trigger:`gap-2 h-8 px-2.5`},lg:{root:`text-base`,popup:`text-base`,trigger:`gap-2.5 h-9 px-3`},xl:{root:`text-lg`,popup:`text-lg`,trigger:`gap-3 h-10 px-3.5`},"2xl":{root:`text-xl`,popup:`text-xl`,trigger:`gap-3.5 h-12 px-4`}}},defaultVariants:{size:`md`}});export{t as datePickerVariants};

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateRangeFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DateRangeFieldCompact as v,provideDateRangeFieldUi as y}from"@soybeanjs/headless/date-range-field";const b=o({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{},size:{},ui:{},inputProps:{},separator:{default:`–`}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=g(b),C=_(x,[`class`,`size`,`ui`,`inputProps`,`separator`]);return y(n(()=>e(t({size:x.size}),x.ui,{root:x.class}))),(e,t)=>(u(),r(m(v),c({...m(C),inputProps:o.inputProps,separator:o.separator},p(m(S))),i({separator:h(()=>[d(e.$slots,`separator`,{},()=>[a(f(o.separator),1)])]),_:2},[e.$slots.default?{name:`default`,fn:h(t=>[d(e.$slots,`default`,l(s(t)))]),key:`0`}:void 0]),1040))}});export{b as default};

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

@@ -0,0 +1,29 @@
+import { DateRangeFieldProps, DateRangeFieldSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
+
+//#region src/components/date-range-field/date-range-field.vue.d.ts
+type __VLS_Slots = DateRangeFieldSlots;
+declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: _$_soybeanjs_headless_date0.DateRange) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+  "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:endValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DateRangeFieldProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: _$_soybeanjs_headless_date0.DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+}>, {
+  separator: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/date-range-field/index.d.ts

@@ -0,0 +1,3 @@
+import { DateRangeFieldEmits, DateRangeFieldProps, DateRangeFieldSlotProps, DateRangeFieldSlots } from "./types.js";
+import { _default } from "./date-range-field.vue.js";
+export * from "@soybeanjs/headless/date-range-field";

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

@@ -0,0 +1 @@
+import"./date-range-field.js";

package/dist/components/date-range-field/types.d.ts

@@ -0,0 +1,76 @@
+import { ThemeSize } from "../../theme/types.js";
+import { DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldUi } from "@soybeanjs/headless/date-range-field";
+import { ClassValue } from "@soybeanjs/headless/types";
+
+//#region src/components/date-range-field/types.d.ts
+/**
+ * Slot props for the date range field component.
+ */
+interface DateRangeFieldSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: DateRangeFieldRootProps['modelValue'];
+  /**
+   * Start segments exposed in the slot scope.
+   */
+  startSegments: {
+    part: DateRangeFieldInputProps['part'];
+    value: string;
+  }[];
+  /**
+   * End segments exposed in the slot scope.
+   */
+  endSegments: {
+    part: DateRangeFieldInputProps['part'];
+    value: string;
+  }[];
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: boolean;
+}
+/**
+ * Props for the date range field component.
+ */
+interface DateRangeFieldProps extends /** @vue-ignore */DateRangeFieldRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
+  class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<DateRangeFieldUi>;
+  /**
+   * Props forwarded to the input element.
+   */
+  inputProps?: Omit<DateRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
+  separator?: string;
+}
+/**
+ * Emits for the date range field component.
+ */
+type DateRangeFieldEmits = DateRangeFieldRootEmits;
+/**
+ * Slots for the date range field component.
+ */
+interface DateRangeFieldSlots {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DateRangeFieldSlotProps) => any;
+  /**
+   * Custom content for the separator slot.
+   */
+  separator?: () => any;
+}
+//#endregion
+export { DateRangeFieldEmits, DateRangeFieldProps, DateRangeFieldSlotProps, DateRangeFieldSlots };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex w-full flex-wrap items-center rounded-md border border-input bg-background px-2.5 transition-all-150 gap-1.5`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`,`data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive/20`],input:[`inline-flex min-w-5 items-center justify-center rounded-sm px-0.5 text-center outline-none`,`tabular-nums leading-none`,`data-[segment=literal]:min-w-0 data-[segment=literal]:px-0 data-[segment=literal]:text-muted-foreground`,`data-[segment=timeZoneName]:min-w-fit data-[segment=timeZoneName]:px-1 data-[segment=timeZoneName]:text-muted-foreground`,`data-[placeholder]:text-muted-foreground`,`focus-visible:bg-accent/60 focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`],separator:[`inline-flex items-center justify-center px-1 text-muted-foreground`,`select-none`]},variants:{size:{xs:{root:`min-h-6 px-1.5 text-2xs`,input:`min-h-4.5 min-w-4.5`,separator:`text-2xs`},sm:{root:`min-h-7 px-2 text-xs`,input:`min-h-5 min-w-5`,separator:`text-xs`},md:{root:`min-h-8 px-2.5 text-sm`,input:`min-h-5.5 min-w-5.5`,separator:`text-sm`},lg:{root:`min-h-9 px-3 text-base`,input:`min-h-6 min-w-6`,separator:`text-base`},xl:{root:`min-h-10 px-3.5 text-lg`,input:`min-h-6.5 min-w-6.5`,separator:`text-lg`},"2xl":{root:`min-h-12 px-4 text-xl`,input:`min-h-8 min-w-8`,separator:`text-xl`}}},defaultVariants:{size:`md`}});export{t as dateRangeFieldVariants};

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../range-calendar/range-calendar.js";import{dateRangePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createElementBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{DateRangePickerCompact as x,provideDateRangePickerUi as S}from"@soybeanjs/headless/date-range-picker";const C={key:0},w={key:1,class:`text-muted-foreground`},T=c({name:`SDateRangePicker`,__name:`date-range-picker`,props:{class:{},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(c,{emit:T}){let E=c,D=y(T),O=b(E,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]),k=i(()=>e(r({size:E.size}),E.ui,{root:E.class}));S(k);let A=e=>{if(e.start&&e.end)return`${e.start.toString()} – ${e.end.toString()}`;if(e.start)return`${e.start.toString()} – ...`};return(e,r)=>(p(),a(_(x),u({..._(O),triggerProps:c.triggerProps,popupProps:c.popupProps},g(_(D))),{trigger:v(n=>[m(e.$slots,`trigger`,f(l(n)),()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),A(n.modelValue)?(p(),o(`span`,C,h(A(n.modelValue)),1)):(p(),o(`span`,w,`Pick a date range`))])]),calendar:v(t=>[m(e.$slots,`calendar`,f(l(t)),()=>[s(n,{class:d(k.value.calendar),"model-value":t.modelValue,placeholder:t.placeholder,locale:_(O).locale,dir:_(O).dir,disabled:_(O).disabled,readonly:_(O).readonly,"min-value":_(O).minValue,"max-value":_(O).maxValue,"is-date-unavailable":_(O).isDateUnavailable,"data-slot":`calendar`,"onUpdate:modelValue":t.setRange,"onUpdate:placeholder":t.setPlaceholder},null,8,[`class`,`model-value`,`placeholder`,`locale`,`dir`,`disabled`,`readonly`,`min-value`,`max-value`,`is-date-unavailable`,`onUpdate:modelValue`,`onUpdate:placeholder`])])]),default:v(t=>[m(e.$slots,`default`,f(l(t)))]),_:3},16))}});export{T as default};

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

@@ -0,0 +1,29 @@
+import { DateRangePickerProps, DateRangePickerSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
+
+//#region src/components/date-range-picker/date-range-picker.vue.d.ts
+type __VLS_Slots = DateRangePickerSlots;
+declare const __VLS_base: _$vue.DefineComponent<DateRangePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+  "update:modelValue": (range: _$_soybeanjs_headless_date0.DateRange) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+  "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:endValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DateRangePickerProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((range: _$_soybeanjs_headless_date0.DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/date-range-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { DateRangePickerEmits, DateRangePickerProps, DateRangePickerSlots } from "./types.js";
+import { _default } from "./date-range-picker.vue.js";
+export * from "@soybeanjs/headless/date-range-picker";

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

@@ -0,0 +1 @@
+import"./date-range-picker.js";

package/dist/components/date-range-picker/types.d.ts

@@ -0,0 +1,65 @@
+import { ThemeSize } from "../../theme/types.js";
+import { DateRangePickerPopupProps, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi } from "@soybeanjs/headless/date-range-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
+import { DateRange, DateValue } from "@soybeanjs/headless/date";
+
+//#region src/components/date-range-picker/types.d.ts
+/**
+ * Props for the date range picker component.
+ */
+interface DateRangePickerProps extends /** @vue-ignore */DateRangePickerRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
+  class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<DateRangePickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: DateRangePickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: DateRangePickerPopupProps;
+}
+/**
+ * Emits for the date range picker component.
+ */
+type DateRangePickerEmits = DateRangePickerRootEmits;
+/**
+ * Slots for the date range picker component.
+ */
+interface DateRangePickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: {
+    open: boolean;
+  }) => any;
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    modelValue: DateRange;
+    open: boolean;
+    placeholder: DateValue;
+    setPlaceholder: (date: DateValue) => void;
+    setRange: (range: DateRange) => void;
+  }) => any;
+  /**
+   * Custom content for the calendar slot.
+   */
+  calendar?: (props: {
+    modelValue: DateRange;
+    placeholder: DateValue;
+  }) => any;
+}
+//#endregion
+export { DateRangePickerEmits, DateRangePickerProps, DateRangePickerSlots };

package/dist/components/date-range-picker/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:opacity-60 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 overflow-hidden rounded-lg border border-border bg-popover p-0 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],input:[`inline-flex min-w-5 items-center justify-center rounded-sm px-0.5 text-center outline-none`,`tabular-nums leading-none`,`data-[segment=literal]:min-w-0 data-[segment=literal]:px-0 data-[segment=literal]:text-muted-foreground`,`data-[segment=timeZoneName]:min-w-fit data-[segment=timeZoneName]:px-1 data-[segment=timeZoneName]:text-muted-foreground`,`data-[placeholder]:text-muted-foreground`,`focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`],calendar:``},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,input:`min-h-4.5 min-w-4.5`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,input:`min-h-5 min-w-5`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,input:`min-h-5.5 min-w-5.5`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,input:`min-h-6 min-w-6`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,input:`min-h-6.5 min-w-6.5`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,input:`min-h-8 min-w-8`}}},defaultVariants:{size:`md`}});export{t as dateRangePickerVariants};

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

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"./variants.js";import{computed as a,createBlock as o,defineComponent as s,openBlock as c,unref as l}from"vue";import{DialogProvider as u,provideDialogUi as d}from"@soybeanjs/headless";const f=s({name:`SDialogProvider`,__name:`dialog-provider`,setup(s){return d(a(()=>t(e(i({size:`md`}),{cancel:r({variant:`pure`,size:n.md}),confirm:r({variant:`solid`,size:n.md}),close:r({variant:`ghost`,color:`accent`,size:n.md,shape:`square`,fitContent:!0})})))),(e,t)=>(c(),o(l(u)))}});export{f as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"./variants.js";import{computed as a,createBlock as o,defineComponent as s,openBlock as c,unref as l}from"vue";import{DialogProvider as u,provideDialogUi as d}from"@soybeanjs/headless/dialog";const f=s({name:`SDialogProvider`,__name:`dialog-provider`,setup(s){return d(a(()=>t(e(i({size:`md`}),{cancel:r({variant:`pure`,size:n.md}),confirm:r({variant:`solid`,size:n.md}),close:r({variant:`ghost`,color:`accent`,size:n.md,shape:`square`,fitContent:!0})})))),(e,t)=>(c(),o(l(u)))}});export{f as default};

package/dist/components/dialog/dialog.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"./variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{DialogCompact as x,provideDialogUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=c({name:`SDialog`,__name:`dialog`,props:{class:{},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=a(()=>C(D));return S(a(()=>t(e(i({size:T.size,pure:T.pure}),{cancel:r({variant:`pure`,size:n[T.size??`md`]}),confirm:r({variant:`solid`,size:n[T.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[T.size??`md`],shape:`square`,fitContent:!0})}),T.ui,{popup:T.class}))),(e,t)=>(f(),o(g(x),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"./variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{DialogCompact as S,provideDialogUi as C}from"@soybeanjs/headless/dialog";const w=c({name:`SDialog`,__name:`dialog`,props:{class:{},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=a(()=>x(D));return C(a(()=>t(e(i({size:T.size,pure:T.pure}),{cancel:r({variant:`pure`,size:n[T.size??`md`]}),confirm:r({variant:`solid`,size:n[T.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[T.size??`md`],shape:`square`,fitContent:!0})}),T.ui,{popup:T.class}))),(e,t)=>(f(),o(g(S),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};

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

@@ -6,6 +6,8 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 type __VLS_Slots = DialogSlots;
 declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
+  confirm: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
@@ -13,10 +15,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$v
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  confirm: (event: MouseEvent) => any;
-  cancel: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
   onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -24,8 +26,6 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$v
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onConfirm?: ((event: MouseEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
 }>, {
   showClose: boolean;
   open: boolean;

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

@@ -1,5 +1,6 @@
 import { DialogEmits, DialogProps, DialogSlots } from "./types.js";
 import { _default } from "./dialog.vue.js";
 import { _default as _default$1 } from "./dialog-provider.vue.js";
-import { dialog } from "@soybeanjs/headless";
+import { dialog } from "@soybeanjs/headless/dialog";
+export * from "@soybeanjs/headless/dialog";
 export { dialog };

package/dist/components/dialog/index.js

@@ -1 +1 @@
-import"./dialog-provider.js";import"./dialog.js";import{dialog as e}from"@soybeanjs/headless";export{e as dialog};
+import"./dialog-provider.js";import"./dialog.js";import{dialog as e}from"@soybeanjs/headless/dialog";export{e as dialog};

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

@@ -1,16 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogUi } from "@soybeanjs/headless";
+import { DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogUi } from "@soybeanjs/headless/dialog";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/dialog/types.d.ts
+/**
+ * Props for the dialog component.
+ */
 interface DialogProps extends DialogCompactProps {
   /**
    * the popup class of the dialog
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<DialogUi>;
 }
+/**
+ * Emits for the dialog component.
+ */
 type DialogEmits = DialogCompactEmits;
+/**
+ * Slots for the dialog component.
+ */
 type DialogSlots = DialogCompactSlots;
 //#endregion
 export { DialogEmits, DialogProps, DialogSlots };

package/dist/components/drawer/drawer.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"../dialog/variants.js";import{drawerVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useForwardListeners as b,useOmitProps as x}from"@soybeanjs/headless/composables";import{DialogCompact as S,provideDialogUi as C}from"@soybeanjs/headless";import{keysOf as w}from"@soybeanjs/utils";const T=l({name:`SDrawer`,__name:`drawer`,props:{side:{},class:{},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(l,{emit:T}){let E=l,D=T,O=v(),k=x(E,[`class`,`size`,`ui`]),A=b(D),j=o(()=>w(O));return C(o(()=>{let o=i({size:E.size,pure:E.pure});return o.popup=a({size:E.size,side:E.side}).popup,t(e(o,{cancel:r({variant:`pure`,size:n[E.size??`md`]}),confirm:r({variant:`solid`,size:n[E.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[E.size??`md`],shape:`square`,fitContent:!0})}),E.ui,{popup:E.class})})),(e,t)=>(p(),s(_(S),d(_(k),g(_(A))),c({_:2},[m(j.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040))}});export{T as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"../dialog/variants.js";import{drawerVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useForwardListeners as b,useOmitProps as x}from"@soybeanjs/headless/composables";import{keysOf as S}from"@soybeanjs/utils";import{DialogCompact as C,provideDialogUi as w}from"@soybeanjs/headless/dialog";const T=l({name:`SDrawer`,__name:`drawer`,props:{side:{},class:{},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(l,{emit:T}){let E=l,D=T,O=v(),k=x(E,[`class`,`size`,`ui`]),A=b(D),j=o(()=>S(O));return w(o(()=>{let o=i({size:E.size,pure:E.pure});return o.popup=a({size:E.size,side:E.side}).popup,t(e(o,{cancel:r({variant:`pure`,size:n[E.size??`md`]}),confirm:r({variant:`solid`,size:n[E.size??`md`]}),close:r({variant:`ghost`,color:`accent`,size:n[E.size??`md`],shape:`square`,fitContent:!0})}),E.ui,{popup:E.class})})),(e,t)=>(p(),s(_(C),d(_(k),g(_(A))),c({_:2},[m(j.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040))}});export{T as default};

package/dist/components/drawer/drawer.vue.d.ts

@@ -6,6 +6,8 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 type __VLS_Slots = DrawerSlots;
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
+  confirm: (event: MouseEvent) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
@@ -13,10 +15,10 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$v
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  confirm: (event: MouseEvent) => any;
-  cancel: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
@@ -24,8 +26,6 @@ declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$v
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onConfirm?: ((event: MouseEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
 }>, {
   showClose: boolean;
   open: boolean;

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

@@ -1,11 +1,23 @@
 import { DialogEmits, DialogProps, DialogSlots } from "../dialog/types.js";
-import { Side } from "@soybeanjs/headless";
+import { Side } from "@soybeanjs/headless/types";
 
 //#region src/components/drawer/types.d.ts
+/**
+ * Props for the drawer component.
+ */
 interface DrawerProps extends DialogProps {
+  /**
+   * Side placement of the component.
+   */
   side?: Side;
 }
+/**
+ * Emits for the drawer component.
+ */
 type DrawerEmits = DialogEmits;
+/**
+ * Slots for the drawer component.
+ */
 type DrawerSlots = DialogSlots;
 //#endregion
 export { DrawerEmits, DrawerProps, DrawerSlots };

package/dist/components/dropdown-menu/dropdown-menu-checkbox.js

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{DropdownMenuCheckboxCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};
+import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DropdownMenuCheckboxCompact as v}from"@soybeanjs/headless/dropdown-menu";const y=i({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};

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

@@ -1,7 +1,7 @@
 import { DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/components/dropdown-menu/dropdown-menu-radio.js

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{DropdownMenuRadioCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};
+import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DropdownMenuRadioCompact as v}from"@soybeanjs/headless/dropdown-menu";const y=i({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`,`indicatorPosition`]),w=h(x),T=t(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};

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

@@ -1,7 +1,7 @@
 import { DropdownMenuRadioProps, DropdownMenuRadioSlots } from "./types.js";
 import * as _$vue from "vue";
+import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/components/dropdown-menu/dropdown-menu-wrapper.js

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{DropdownMenuWrapperCompact as d}from"@soybeanjs/headless";const f=n({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(n,{emit:f}){let p=n,m=f,h=u(p,[`class`,`size`,`ui`,`indicatorPosition`]),g=l(m);return e(()=>p),(e,n)=>(i(),t(s(d),r(s(h),o(s(g))),{trigger:c(()=>[a(e.$slots,`trigger`)]),default:c(()=>[a(e.$slots,`default`)]),_:3},16))}});export{f as default};
+import{provideMenuUi as e}from"../menu/context.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,toHandlers as o,unref as s,withCtx as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{DropdownMenuWrapperCompact as d}from"@soybeanjs/headless/dropdown-menu";const f=n({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(n,{emit:f}){let p=n,m=f,h=u(p,[`class`,`size`,`ui`,`indicatorPosition`]),g=l(m);return e(()=>p),(e,n)=>(i(),t(s(d),r(s(h),o(s(g))),{trigger:c(()=>[a(e.$slots,`trigger`)]),default:c(()=>[a(e.$slots,`default`)]),_:3},16))}});export{f as default};

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -1 +1 @@
-import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{DropdownMenuCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`]),w=h(x),T=t(()=>v(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(_),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};
+import{provideMenuUi as e}from"../menu/context.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DropdownMenuCompact as v}from"@soybeanjs/headless/dropdown-menu";const y=i({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(i,{emit:y}){let b=i,x=y,S=p(),C=g(b,[`class`,`size`,`ui`]),w=h(x),T=t(()=>_(S).filter(e=>e!==`trigger`));return e(()=>b),(e,t)=>(c(),n(f(v),o(f(C),d(f(w))),r({trigger:m(()=>[u(e.$slots,`trigger`)]),_:2},[l(T.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{y as default};

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

@@ -1,7 +1,7 @@
 import { DropdownMenuProps, DropdownMenuSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/components/dropdown-menu/index.d.ts

@@ -2,4 +2,5 @@ import { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuCheck
 import { _default } from "./dropdown-menu.vue.js";
 import { _default as _default$1 } from "./dropdown-menu-checkbox.vue.js";
 import { _default as _default$2 } from "./dropdown-menu-radio.vue.js";
-import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";
+import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";
+export * from "@soybeanjs/headless/dropdown-menu";

package/dist/components/dropdown-menu/types.d.ts

@@ -1,17 +1,51 @@
 import { MenuUiBaseProps } from "../menu/types.js";
-import { AcceptableBooleanValue, DefinedValue, DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "@soybeanjs/headless";
+import { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "@soybeanjs/headless/dropdown-menu";
+import { AcceptableBooleanValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/dropdown-menu/types.d.ts
+/**
+ * Props for the dropdown menu wrapper component.
+ */
 interface DropdownMenuWrapperProps extends MenuUiBaseProps, DropdownMenuWrapperCompactProps {}
+/**
+ * Emits for the dropdown menu wrapper component.
+ */
 type DropdownMenuWrapperEmits = DropdownMenuWrapperCompactEmits;
+/**
+ * Props for the dropdown menu component.
+ */
 type DropdownMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & DropdownMenuCompactProps<T>;
+/**
+ * Emits for the dropdown menu component.
+ */
 type DropdownMenuEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCompactEmits<T>;
+/**
+ * Slots for the dropdown menu component.
+ */
 type DropdownMenuSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCompactSlots<T>;
+/**
+ * Props for the dropdown menu checkbox component.
+ */
 type DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & DropdownMenuCheckboxCompactProps<T>;
+/**
+ * Emits for the dropdown menu checkbox component.
+ */
 type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactEmits<T>;
+/**
+ * Slots for the dropdown menu checkbox component.
+ */
 type DropdownMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactSlots<T>;
+/**
+ * Props for the dropdown menu radio component.
+ */
 type DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & DropdownMenuRadioCompactProps<T>;
+/**
+ * Emits for the dropdown menu radio component.
+ */
 type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactEmits<T>;
+/**
+ * Slots for the dropdown menu radio component.
+ */
 type DropdownMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactSlots<T>;
 //#endregion
 export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuRadioSlots, DropdownMenuSlots, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };

package/dist/components/editable/editable.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{editableVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{EditableArea as y,EditableCancelTrigger as b,EditableEditTrigger as x,EditableInput as S,EditablePreview as C,EditableRoot as w,EditableSubmitTrigger as T,provideEditableUi as E}from"@soybeanjs/headless";const D=s({name:`SEditable`,__name:`editable`,props:{class:{},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(s,{emit:D}){let O=s,k=D,A=v(O,[`class`,`size`,`ui`,`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),j=_(k),M=r(()=>e(n({size:O.size}),O.ui,{root:O.class}));return E(M),(e,n)=>(f(),i(h(w),l(h(A),m(h(j))),{default:g(n=>[p(e.$slots,`default`,d(c(n)),()=>[o(h(y),d(c(s.areaProps)),{default:g(()=>[p(e.$slots,`preview`,d(c(n)),()=>[o(h(C),d(c(s.previewProps)),null,16)]),p(e.$slots,`input`,d(c(n)),()=>[o(h(S),d(c(s.inputProps)),null,16)]),a(`div`,{class:u(M.value.controls)},[p(e.$slots,`edit-trigger`,d(c(n)),()=>[o(h(x),d(c(s.editTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`submit-trigger`,d(c(n)),()=>[o(h(T),d(c(s.submitTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`cancel-trigger`,d(c(n)),()=>[o(h(b),d(c(s.cancelTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{D as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{editableVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{EditableArea as y,EditableCancelTrigger as b,EditableEditTrigger as x,EditableInput as S,EditablePreview as C,EditableRoot as w,EditableSubmitTrigger as T,provideEditableUi as E}from"@soybeanjs/headless/editable";const D=s({name:`SEditable`,__name:`editable`,props:{class:{},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(s,{emit:D}){let O=s,k=D,A=v(O,[`class`,`size`,`ui`,`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),j=_(k),M=r(()=>e(n({size:O.size}),O.ui,{root:O.class}));return E(M),(e,n)=>(f(),i(h(w),l(h(A),m(h(j))),{default:g(n=>[p(e.$slots,`default`,d(c(n)),()=>[o(h(y),d(c(s.areaProps)),{default:g(()=>[p(e.$slots,`preview`,d(c(n)),()=>[o(h(C),d(c(s.previewProps)),null,16)]),p(e.$slots,`input`,d(c(n)),()=>[o(h(S),d(c(s.inputProps)),null,16)]),a(`div`,{class:u(M.value.controls)},[p(e.$slots,`edit-trigger`,d(c(n)),()=>[o(h(x),d(c(s.editTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`submit-trigger`,d(c(n)),()=>[o(h(T),d(c(s.submitTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`cancel-trigger`,d(c(n)),()=>[o(h(b),d(c(s.cancelTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{D as default};

package/dist/components/editable/index.d.ts

@@ -1,4 +1,3 @@
-import { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps } from "./types.js";
+import { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps, EditableUi } from "./types.js";
 import { _default } from "./editable.vue.js";
-import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "@soybeanjs/headless/editable";
-export { type EditableActivationMode, type EditableAreaProps, type EditableCancelTriggerProps, type EditableEditTriggerProps, type EditableEventState, type EditableInputProps, type EditablePlaceholder, type EditablePreviewProps, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState };
+export * from "@soybeanjs/headless/editable";