@soybeanjs/ui 0.16.0 → 0.17.0

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

@@ -1,6 +1,7 @@
-import { CommandProps, CommandSingleOptionData, CommandSlots } from "./types.js";
+import { CommandProps, CommandSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
+import { CommandSingleOptionData } from "@soybeanjs/headless/command";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/command/command.vue.d.ts
@@ -8,8 +9,8 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   props: _$vue.PublicProps & __VLS_PrettifyLocal<CommandProps<T> & {
     onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -18,7 +19,7 @@ declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOp
   expose: (exposed: {}) => void;
   attrs: any;
   slots: CommandSlots<T>;
-  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+  emit: ((evt: "select", event: _$_soybeanjs_headless0.SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,4 +1,3 @@
-import { CommandEmits, CommandGroupOptionData, CommandOptionData, CommandProps, CommandSearchOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandSlots, CommandUi, HeadlessCommandUi } from "./types.js";
+import { CommandEmits, CommandProps, CommandSlots } from "./types.js";
 import { _default } from "./command.vue.js";
-import { CommandEmptyProps, CommandGroupLabelProps, CommandGroupProps, CommandInputProps, CommandItemEmits, CommandItemLabelProps, CommandItemProps, CommandListProps, CommandRootEmits, CommandRootProps, CommandSeparatorProps, CommandShortcutProps } from "@soybeanjs/headless/command";
-export { type CommandEmptyProps, type CommandGroupLabelProps, type CommandGroupProps, type CommandInputProps, type CommandItemEmits, type CommandItemLabelProps, type CommandItemProps, type CommandListProps, type CommandRootEmits, type CommandRootProps, type CommandSeparatorProps, type CommandShortcutProps };
+export * from "@soybeanjs/headless/command";

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

@@ -1,16 +1,30 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
-import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandGroupOptionData, CommandOptionData, CommandSearchOptionData, CommandSingleOptionData, CommandSingleOptionData as CommandSingleOptionData$1, CommandUi as HeadlessCommandUi } from "@soybeanjs/headless/command";
+import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandSingleOptionData, CommandUi } from "@soybeanjs/headless/command";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/command/types.d.ts
-type CommandUi = HeadlessCommandUi;
+/**
+ * Props for the command component.
+ */
 interface CommandProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends CommandCompactProps<T> {
   /** Root class. */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CommandUi>;
 }
+/**
+ * Emits for the command component.
+ */
 type CommandEmits = CommandCompactEmits;
+/**
+ * Slots for the command component.
+ */
 type CommandSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = CommandCompactSlots<T>;
 //#endregion
-export { CommandEmits, type CommandGroupOptionData, type CommandOptionData, CommandProps, type CommandSearchOptionData, type CommandSingleOptionData$1 as CommandSingleOptionData, CommandSlots, CommandUi, type HeadlessCommandUi };
+export { CommandEmits, CommandProps, CommandSlots };

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

@@ -1 +1 @@
-import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,h as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,watch as _,watchEffect as v,withCtx as y}from"vue";import{useOmitProps as b}from"@soybeanjs/headless/composables";import{ConfigProvider as x}from"@soybeanjs/headless";import{useStorage as S,useStyleTag as C}from"@vueuse/core";import{isClient as w,transformPropsToContext as T}from"@soybeanjs/headless/shared";import{createShadcnTheme as E}from"@soybeanjs/shadcn-theme";const D=l({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{}},setup(l){let D=l,O=b(D,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),k=D.iconRender??(e=>d(a,{icon:e}));i({...T(D),iconRender:k});let{getCss:A}=E(D.theme),j=()=>A(D.theme,D.theme.radius),M=S(`__SoybeanUI_themeVars`,j());C(M,{id:`__SoybeanUI_themeVars`});function N(t){if(!w)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return _(()=>D.size,e=>{N(e)},{immediate:!0,flush:`sync`}),v(()=>{M.value=j()}),(e,i)=>(m(),o(g(x),f(g(O),{"icon-render":g(k)}),{default:y(()=>[h(e.$slots,`default`),D.customToast?s(`v-if`,!0):(m(),o(r,p(f({key:0},D.toast)),null,16)),c(t),c(n,p(u(D.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{D as default};
+import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=C(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(w),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t),l(n,m(d(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -1,22 +1,19 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
+import { ConfigProviderProps } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import * as _$_soybeanjs_shadcn_theme0 from "@soybeanjs/shadcn-theme";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/config-provider/config-provider.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
-  size: ThemeSize;
+declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
   dir: _$_soybeanjs_headless0.Direction;
+  size: ThemeSize;
   theme: _$_soybeanjs_shadcn_theme0.ThemeOptions;
-  iconify: {
-    width?: string;
-    height?: string;
-  };
+  iconify: IconifyOptions;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/config-provider/index.d.ts

@@ -1,3 +1,4 @@
 import { ConfigProviderProps, ThemeOptions } from "./types.js";
 import { _default } from "./config-provider.vue.js";
-import { useConfigProvider } from "./context.js";
+import { useConfigProvider } from "./context.js";
+export * from "@soybeanjs/headless/config-provider";

package/dist/components/config-provider/types.d.ts

@@ -1,34 +1,39 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ProgressProviderProps } from "../progress/types.js";
-import { ToastProviderProps as ToastProviderProps$1 } from "../toast/types.js";
-import { ConfigProviderProps, PropsToContext } from "@soybeanjs/headless";
+import { ToastProviderProps } from "../toast/types.js";
+import { ConfigProviderProps } from "@soybeanjs/headless/config-provider";
 import { ThemeOptions } from "@soybeanjs/shadcn-theme";
+import { PropsToContext } from "@soybeanjs/headless/types";
 
 //#region src/components/config-provider/types.d.ts
+interface IconifyOptions {
+  /**
+   * The default width of the icon.
+   *
+   * @defaultValue '1.25em'
+   */
+  width?: string;
+  /**
+   * The default height of the icon.
+   *
+   * @defaultValue '1.25em'
+   */
+  height?: string;
+}
+/**
+ * Props for the config provider component.
+ */
 interface ConfigProviderProps$1 extends ConfigProviderProps {
   /** The theme options. */
   theme?: ThemeOptions;
   /** The size options. */
   size?: ThemeSize;
   /** The iconify options. */
-  iconify?: {
-    /**
-     * The default width of the icon.
-     *
-     * @defaultValue '1.25em'
-     */
-    width?: string;
-    /**
-     * The default height of the icon.
-     *
-     * @defaultValue '1.25em'
-     */
-    height?: string;
-  };
+  iconify?: IconifyOptions;
   /** The global top progress configuration of your application. */
   progress?: Partial<ProgressProviderProps>;
   /** The global toast configuration of your application. This will be inherited by the related components. */
-  toast?: Partial<ToastProviderProps$1>;
+  toast?: Partial<ToastProviderProps>;
   /**
    * Whether to use custom toast rendering. If set to `true`, the `ToastProvider` will not render the default toast UI, and you can import `ToastProvider` component to render custom toast UI.
    *

package/dist/components/context-menu/context-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{ContextMenuCheckboxCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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{ContextMenuCheckboxCompact as v}from"@soybeanjs/headless/context-menu";const y=i({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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/context-menu/context-menu-checkbox.vue.d.ts

@@ -1,7 +1,7 @@
 import { ContextMenuCheckboxProps, ContextMenuCheckboxSlots } 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/context-menu/context-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/context-menu/context-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{ContextMenuRadioCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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{ContextMenuRadioCompact as v}from"@soybeanjs/headless/context-menu";const y=i({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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/context-menu/context-menu-radio.vue.d.ts

@@ -1,7 +1,7 @@
 import { ContextMenuRadioProps, ContextMenuRadioSlots } 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/context-menu/context-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/context-menu/context-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{ContextMenuWrapperCompact as d}from"@soybeanjs/headless";const f=n({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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{ContextMenuWrapperCompact as d}from"@soybeanjs/headless/context-menu";const f=n({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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/context-menu/context-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{ContextMenuCompact as _}from"@soybeanjs/headless";import{keysOf as v}from"@soybeanjs/utils";const y=i({name:`SContextMenu`,__name:`context-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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{ContextMenuCompact as v}from"@soybeanjs/headless/context-menu";const y=i({name:`SContextMenu`,__name:`context-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},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/context-menu/context-menu.vue.d.ts

@@ -1,7 +1,7 @@
 import { ContextMenuProps, ContextMenuSlots } 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/context-menu/context-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/context-menu/index.d.ts

@@ -2,4 +2,5 @@ import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckbox
 import { _default } from "./context-menu-wrapper.vue.js";
 import { _default as _default$1 } from "./context-menu.vue.js";
 import { _default as _default$2 } from "./context-menu-checkbox.vue.js";
-import { _default as _default$3 } from "./context-menu-radio.vue.js";
+import { _default as _default$3 } from "./context-menu-radio.vue.js";
+export * from "@soybeanjs/headless/context-menu";

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

@@ -1,17 +1,51 @@
 import { MenuUiBaseProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps, DefinedValue } from "@soybeanjs/headless";
+import { ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps } from "@soybeanjs/headless/context-menu";
+import { AcceptableBooleanValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/context-menu/types.d.ts
+/**
+ * Props for the context menu wrapper component.
+ */
 interface ContextMenuWrapperProps extends MenuUiBaseProps, ContextMenuWrapperCompactProps {}
+/**
+ * Emits for the context menu wrapper component.
+ */
 type ContextMenuWrapperEmits = ContextMenuWrapperCompactEmits;
+/**
+ * Props for the context menu component.
+ */
 type ContextMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & ContextMenuCompactProps<T>;
+/**
+ * Emits for the context menu component.
+ */
 type ContextMenuEmits<T extends DefinedValue = DefinedValue> = ContextMenuCompactEmits<T>;
+/**
+ * Slots for the context menu component.
+ */
 type ContextMenuSlots<T extends DefinedValue = DefinedValue> = ContextMenuCompactSlots<T>;
+/**
+ * Props for the context menu checkbox component.
+ */
 type ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & ContextMenuCheckboxCompactProps<T>;
+/**
+ * Emits for the context menu checkbox component.
+ */
 type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactEmits<T>;
+/**
+ * Slots for the context menu checkbox component.
+ */
 type ContextMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = ContextMenuCheckboxCompactSlots<T>;
+/**
+ * Props for the context menu radio component.
+ */
 type ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & ContextMenuRadioCompactProps<T>;
+/**
+ * Emits for the context menu radio component.
+ */
 type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactEmits<T>;
+/**
+ * Slots for the context menu radio component.
+ */
 type ContextMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = ContextMenuRadioCompactSlots<T>;
 //#endregion
 export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuCheckboxSlots, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuRadioSlots, ContextMenuSlots, ContextMenuWrapperEmits, ContextMenuWrapperProps };

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

@@ -1,4 +1,3 @@
 import { DateFieldEmits, DateFieldProps } from "./types.js";
 import { _default } from "./date-field.vue.js";
-import { DateFieldInputProps, DateFieldRootEmits, DateFieldRootProps, DateFieldUi as DateFieldUi$1, DateFieldUiSlot } from "@soybeanjs/headless/date-field";
-export { type DateFieldInputProps, type DateFieldRootEmits, type DateFieldRootProps, type DateFieldUi$1 as DateFieldUi, type DateFieldUiSlot };
+export * from "@soybeanjs/headless/date-field";

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

@@ -1,13 +1,28 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldUi } from "@soybeanjs/headless/date-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/date-field/types.d.ts
+/**
+ * Props for the date field component.
+ */
 interface DateFieldProps extends DateFieldCompactProps {
+  /**
+   * 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<DateFieldUi>;
 }
+/**
+ * Emits for the date field component.
+ */
 type DateFieldEmits = DateFieldCompactEmits;
 //#endregion
 export { DateFieldEmits, DateFieldProps };

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../calendar/calendar.js";import{datePickerVariants 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,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{DatePickerPopup as b,DatePickerRoot as x,DatePickerTrigger as S,provideDatePickerUi as C}from"@soybeanjs/headless/date-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SDatePicker`,__name:`date-picker`,props:{class:{},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(c,{emit:E}){let D=c,O=v(E),k=y(D,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return C(i(()=>e(r({size:D.size}),D.ui,{root:D.class}))),(e,r)=>(f(),a(g(x),u(g(k),h(g(O))),{default:_(i=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{open:i.open},()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),i.modelValue?(f(),o(`span`,w,m(i.modelValue.toString()),1)):(f(),o(`span`,T,`Pick a date`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{default:_(()=>[s(n,{"model-value":i.modelValue,placeholder:g(k).placeholder,locale:g(k).locale,dir:g(k).dir,disabled:g(k).disabled,readonly:g(k).readonly,"min-value":g(k).minValue,"max-value":g(k).maxValue,"is-date-unavailable":g(k).isDateUnavailable,"onUpdate:modelValue":r[0]||=t=>e.$emit(`update:modelValue`,t)},null,8,[`model-value`,`placeholder`,`locale`,`dir`,`disabled`,`readonly`,`min-value`,`max-value`,`is-date-unavailable`])]),_:2},1040),p(e.$slots,`default`,d(l(i)))]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{datePickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g,usePickProps as _}from"@soybeanjs/headless/composables";import{DatePickerCompact as v,provideDatePickerUi as y}from"@soybeanjs/headless/date-picker";const b=o({name:`SDatePicker`,__name:`date-picker`,props:{class:{},size:{},ui:{},triggerPlaceholder:{},positionerProps:{},popupProps:{},portalProps:{},triggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(o,{emit:b}){let x=o,S=h(b),C=g(x,[`class`,`size`,`ui`]),w=_(x,[`locale`,`dir`,`disabled`,`readonly`,`minValue`,`maxValue`,`isDateUnavailable`]);return y(r(()=>e(n({size:x.size}),x.ui,{root:x.class}))),(e,n)=>(u(),i(p(v),c(p(C),f(p(S))),{trigger:m(t=>[d(e.$slots,`trigger`,l(s(t)))]),default:m(e=>[a(t,c(p(w),{"model-value":e.modelValue,placeholder:e.placeholder,"data-slot":`calendar`,"onUpdate:modelValue":e.setDate,"onUpdate:placeholder":e.setPlaceholder}),null,16,[`model-value`,`placeholder`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:3},16))}});export{b as default};

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

@@ -12,7 +12,9 @@ declare const __VLS_base: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {},
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
-}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}>, {
+  open: boolean;
+}, {}, {}, {}, 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 & {

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

@@ -1,4 +1,3 @@
 import { DatePickerEmits, DatePickerProps, DatePickerSlots } from "./types.js";
 import { _default } from "./date-picker.vue.js";
-import { DatePickerPopupProps, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi, DatePickerUiSlot } from "@soybeanjs/headless/date-picker";
-export { type DatePickerPopupProps, type DatePickerRootEmits, type DatePickerRootProps, type DatePickerTriggerProps, type DatePickerUi, type DatePickerUiSlot };
+export * from "@soybeanjs/headless/date-picker";

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

@@ -1,24 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, DatePickerPopupProps, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi } from "@soybeanjs/headless";
-import { DateValue } from "@internationalized/date";
+import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerUi } from "@soybeanjs/headless/date-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/date-picker/types.d.ts
-interface DatePickerProps extends /* @vue-ignore */DatePickerRootProps {
+/**
+ * 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>;
-  triggerProps?: DatePickerTriggerProps;
-  popupProps?: DatePickerPopupProps;
-}
-type DatePickerEmits = DatePickerRootEmits;
-interface DatePickerSlots {
-  trigger?: (props: {
-    open: boolean;
-  }) => any;
-  default?: (props: {
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
 }
+/**
+ * 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

@@ -1 +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 datePickerVariants};
+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/index.d.ts

@@ -1,4 +1,3 @@
 import { DateRangeFieldEmits, DateRangeFieldProps, DateRangeFieldSlotProps, DateRangeFieldSlots } from "./types.js";
 import { _default } from "./date-range-field.vue.js";
-import { DateRangeFieldInputProps as DateRangeFieldInputProps$1, DateRangeFieldRootEmits as DateRangeFieldRootEmits$1, DateRangeFieldRootProps as DateRangeFieldRootProps$1, DateRangeFieldUi as DateRangeFieldUi$1, DateRangeFieldUiSlot } from "@soybeanjs/headless/date-range-field";
-export { type DateRangeFieldInputProps$1 as DateRangeFieldInputProps, type DateRangeFieldRootEmits$1 as DateRangeFieldRootEmits, type DateRangeFieldRootProps$1 as DateRangeFieldRootProps, type DateRangeFieldUi$1 as DateRangeFieldUi, type DateRangeFieldUiSlot };
+export * from "@soybeanjs/headless/date-range-field";

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

@@ -1,30 +1,75 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 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;
 }
-interface DateRangeFieldProps extends /* @vue-ignore */DateRangeFieldRootProps {
+/**
+ * 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

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

@@ -1,4 +1,3 @@
 import { DateRangePickerEmits, DateRangePickerProps, DateRangePickerSlots } from "./types.js";
 import { _default } from "./date-range-picker.vue.js";
-import { DateRangePickerPopupProps, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi, DateRangePickerUiSlot } from "@soybeanjs/headless/date-range-picker";
-export { type DateRangePickerPopupProps, type DateRangePickerRootEmits, type DateRangePickerRootProps, type DateRangePickerTriggerProps, type DateRangePickerUi, type DateRangePickerUiSlot };
+export * from "@soybeanjs/headless/date-range-picker";

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

@@ -1,20 +1,51 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, DateRangePickerPopupProps, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi } from "@soybeanjs/headless";
+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
-interface DateRangePickerProps extends /* @vue-ignore */DateRangePickerRootProps {
+/**
+ * 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;
@@ -22,6 +53,9 @@ interface DateRangePickerSlots {
     setPlaceholder: (date: DateValue) => void;
     setRange: (range: DateRange) => void;
   }) => any;
+  /**
+   * Custom content for the calendar slot.
+   */
   calendar?: (props: {
     modelValue: DateRange;
     placeholder: DateValue;

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};