@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

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

@@ -0,0 +1,94 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+import { ClassValue, KbdProps, KbdValue, ListboxContentProps as CommandListProps, ListboxFilterProps as CommandInputProps, ListboxGroupLabelProps as CommandGroupLabelProps, ListboxGroupProps as CommandGroupProps, ListboxItemEmits as CommandItemEmits, ListboxItemProps as CommandItemProps, ListboxRootEmits as CommandRootEmits, ListboxRootProps as CommandRootProps, ListboxThemeSlot, SeparatorRootProps } from "@soybeanjs/headless";
+import { UseFuseOptions } from "@vueuse/integrations/useFuse";
+
+//#region src/components/command/types.d.ts
+interface CommandSingleOptionData extends Pick<CommandItemProps, 'value' | 'disabled'> {
+  /**
+   * The icon of the command item.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** The label to display in the command item. */
+  label: string;
+  /** whether to show a separator above this option */
+  separator?: boolean;
+  /** The shortcut of the command item. */
+  shortcut?: KbdValue | KbdValue[];
+}
+interface CommandGroupOptionData extends Pick<CommandSingleOptionData, 'separator' | 'label'> {
+  items: CommandSingleOptionData[];
+}
+type CommandOptionData = CommandSingleOptionData | CommandGroupOptionData;
+interface CommandItemLabelProps extends /** @vue-ignore */HTMLAttributes {}
+interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
+interface CommandSeparatorProps extends SeparatorRootProps {}
+interface CommandSingleOptionProps extends Omit<CommandItemProps, 'value' | 'disabled'> {
+  item: CommandSingleOptionData;
+  itemLabelProps?: CommandItemLabelProps;
+  shortcutProps?: CommandShortcutProps;
+  separatorProps?: CommandSeparatorProps;
+}
+type CommandSingleOptionEmits = CommandItemEmits;
+interface CommandGroupOptionProps extends Omit<CommandGroupProps, 'onSelect'> {
+  item: CommandGroupOptionData;
+  groupLabelProps?: CommandGroupLabelProps;
+  itemProps?: CommandItemProps;
+  itemLabelProps?: CommandItemLabelProps;
+  shortcutProps?: CommandShortcutProps;
+  separatorProps?: CommandSeparatorProps;
+}
+type CommandGroupOptionEmits = CommandItemEmits;
+interface CommandOptionProps {
+  item: CommandOptionData;
+  groupProps?: CommandGroupProps;
+  groupLabelProps?: CommandGroupLabelProps;
+  itemProps?: CommandItemProps;
+  itemLabelProps?: CommandItemLabelProps;
+  shortcutProps?: CommandShortcutProps;
+  separatorProps?: CommandSeparatorProps;
+}
+type CommandOptionEmits = CommandItemEmits;
+interface CommandSearchOptionData extends CommandSingleOptionData {
+  groupLabel?: string;
+  groupSeparator?: boolean;
+}
+interface CommandHighlightSearchOptionData extends CommandSearchOptionData {
+  labelHtml?: string;
+}
+interface CommandEmptyProps extends /** @vue-ignore */HTMLAttributes {}
+type CommandThemeSlot = Extract<ListboxThemeSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl';
+type CommandExtraThemeSlot = 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
+type CommandExtraUi = Record<CommandExtraThemeSlot, ClassValue>;
+type CommandUi = Record<CommandThemeSlot | CommandExtraThemeSlot, ClassValue>;
+interface CommandProps<T extends CommandOptionData = CommandOptionData> extends Omit<CommandRootProps, 'onSelect'> {
+  size?: ThemeSize;
+  ui?: Partial<CommandUi>;
+  items: T[];
+  listProps?: CommandListProps;
+  itemProps?: CommandItemProps;
+  itemLabelProps?: CommandItemLabelProps;
+  groupProps?: CommandGroupProps;
+  groupLabelProps?: CommandGroupLabelProps;
+  shortcutProps?: CommandShortcutProps;
+  separatorProps?: CommandSeparatorProps;
+  inputProps?: CommandInputProps;
+  searchTerm?: string;
+  clearable?: boolean;
+  fuseOptions?: UseFuseOptions<CommandSearchOptionData>;
+  emptyProps?: CommandEmptyProps;
+  emptyLabel?: string;
+}
+type CommandSearchTermEmits = {
+  'update:searchTerm': [value: string];
+};
+type CommandEmits = CommandRootEmits & CommandOptionEmits & CommandSearchTermEmits;
+interface CommandExtraThemeContextParams {
+  ui: ComputedRef<CommandExtraUi>;
+}
+//#endregion
+export { CommandEmits, CommandEmptyProps, CommandExtraThemeContextParams, CommandExtraThemeSlot, CommandExtraUi, type CommandGroupLabelProps, CommandGroupOptionData, CommandGroupOptionEmits, CommandGroupOptionProps, type CommandGroupProps, CommandHighlightSearchOptionData, type CommandInputProps, type CommandItemEmits, CommandItemLabelProps, type CommandItemProps, type CommandListProps, CommandOptionData, CommandOptionEmits, CommandOptionProps, CommandProps, type CommandRootEmits, type CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandSingleOptionEmits, CommandSingleOptionProps, CommandThemeSlot, CommandUi };

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

@@ -0,0 +1 @@
+import{provideConfigProviderContext as e}from"./context.js";import{getThemeName as t,isIncludeByDefaultTheme as n}from"./shared.js";import{computed as r,createBlock as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{ConfigProvider as m}from"@soybeanjs/headless";import{useStyleTag as h}from"@vueuse/core";import{isClient as g,transformPropsToContext as _}from"@soybeanjs/headless/shared";import{generateCSSVars as v}from"@soybeanjs/unocss-shadcn";var y=a({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({color:`default`})},size:{default:`md`},iconify:{},dir:{default:`ltr`},locale:{},scrollBody:{type:[Boolean,Object]},nonce:{},tooltip:{},nuxt:{type:Boolean}},setup(a){let y=a,b=p(y,[`theme`,`size`,`iconify`]),x=r(()=>n(y.theme)?``:v(y.theme,t(y.theme.color)===`default`));e(_(y)),h(x,{id:`__SOYBEAN_UI_THEME_VARS__`});function S(e,t){g&&e!==t&&(e!==`default`&&document.documentElement.classList.add(`theme-${e}`),document.documentElement.classList.remove(`theme-${t}`))}function C(e){if(!g)return;let t=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`];document.documentElement.classList.add(`size-${e}`);let n=t.filter(t=>t!==e).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return d(()=>y.theme.color,(e,n)=>{S(t(e),t(n))},{immediate:!0,flush:`post`}),d(()=>y.size,e=>{C(e)},{immediate:!0,flush:`post`}),(e,t)=>(c(),i(u(m),s(o(u(b))),{default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{y as default};

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

@@ -0,0 +1,26 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ConfigProviderProps as ConfigProviderProps$1 } from "./types.js";
+import * as vue54 from "vue";
+import * as _soybeanjs_headless3 from "@soybeanjs/headless";
+import * as _soybeanjs_unocss_shadcn0 from "@soybeanjs/unocss-shadcn";
+
+//#region src/components/config-provider/config-provider.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue54.DefineComponent<ConfigProviderProps$1, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<ConfigProviderProps$1> & Readonly<{}>, {
+  dir: _soybeanjs_headless3.Direction;
+  size: ThemeSize;
+  theme: _soybeanjs_unocss_shadcn0.ThemeOptions;
+}, {}, {}, {}, string, vue54.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/config-provider/context.d.ts

@@ -0,0 +1,6 @@
+import "./types.js";
+
+//#region src/components/config-provider/context.d.ts
+
+//#endregion
+export { useConfigProvider };

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

@@ -0,0 +1 @@
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`UIConfigProvider`,e=>e);export{t as provideConfigProviderContext,n as useConfigProvider};

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

@@ -0,0 +1,3 @@
+import { ConfigProviderProps } from "./types.js";
+import { _default } from "./config-provider.vue.js";
+import { useConfigProvider } from "./context.js";

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

@@ -0,0 +1 @@
+const e={color:`default`,radius:.5,darkSelector:`.dark`};function t(t){return Object.keys(t).every(n=>t[n]===e[n])}function n(e){let t=`default`;return typeof e==`string`&&(t=e),typeof e==`object`&&(t=`base`in e&&e.base||e.name),t}export{n as getThemeName,t as isIncludeByDefaultTheme};

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

@@ -0,0 +1,29 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ConfigProviderProps, PropsToContext } from "@soybeanjs/headless";
+import { ThemeOptions } from "@soybeanjs/unocss-shadcn";
+
+//#region src/components/config-provider/types.d.ts
+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.2em'
+     */
+    width?: string;
+    /**
+     * The default height of the icon.
+     *
+     * @defaultValue '1.2em'
+     */
+    height?: string;
+  };
+}
+//#endregion
+export { ConfigProviderProps$1 as ConfigProviderProps };

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

@@ -0,0 +1 @@
+import e from"./context-menu-wrapper.js";import t from"../menu/menu-checkbox-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuCheckbox`,__name:`context-menu-checkbox`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},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(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,37 @@
+import { MenuCheckboxOptionData } from "../menu/types.js";
+import { ContextMenuCheckboxProps } from "./types.js";
+import * as vue242 from "vue";
+import * as _soybeanjs_headless117 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, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<ContextMenuCheckboxProps<T, S> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless117.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless117.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless117.PointerDownOutsideEvent | _soybeanjs_headless117.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue242.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    trigger: () => any;
+    item: (props: S) => any;
+    'item-leading': (props: S) => any;
+    'item-trailing': (props: S) => any;
+    'item-indicator-icon': (props: S) => any;
+  };
+  emit: ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "select", item: S, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless117.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless117.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless117.PointerDownOutsideEvent | _soybeanjs_headless117.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue242.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import e from"./context-menu-wrapper.js";import t from"../menu/menu-radio-options.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenuRadio`,__name:`context-menu-radio`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},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(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(e,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(t,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,37 @@
+import { MenuRadioOptionData } from "../menu/types.js";
+import { ContextMenuRadioProps } from "./types.js";
+import * as vue235 from "vue";
+import * as _soybeanjs_headless101 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, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<ContextMenuRadioProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless101.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless101.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless101.PointerDownOutsideEvent | _soybeanjs_headless101.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue235.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    trigger: () => any;
+    item: (props: S) => any;
+    'item-leading': (props: S) => any;
+    'item-trailing': (props: S) => any;
+    'item-indicator-icon': (props: S) => any;
+  };
+  emit: ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "select", item: S, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless101.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless101.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless101.PointerDownOutsideEvent | _soybeanjs_headless101.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue235.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraThemeContext as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ContextMenuArrow as v,ContextMenuContent as y,ContextMenuPortal as b,ContextMenuRoot as x,ContextMenuTrigger as S,Slot as C,provideMenuThemeContext as w}from"@soybeanjs/headless";var T=s({name:`SContextMenuWrapper`,__name:`context-menu-wrapper`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:T}){let E=s,D=T,O=_(E,[`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`]),k=g(D),A=r(()=>e(n({size:E.size}),E.ui));return w({ui:A}),t({ui:A}),(e,t)=>(d(),i(m(x),l(m(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[o(m(C),{size:s.size},{default:h(()=>[f(e.$slots,`trigger`)]),_:3},8,[`size`])]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(s.contentProps,p(m(k))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};

package/dist/components/context-menu/context-menu-wrapper.vue.d.ts

@@ -0,0 +1,41 @@
+import { ContextMenuWrapperProps } from "./types.js";
+import * as vue237 from "vue";
+import * as _soybeanjs_headless109 from "@soybeanjs/headless";
+
+//#region src/components/context-menu/context-menu-wrapper.vue.d.ts
+declare var __VLS_20: {}, __VLS_32: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_20) => any;
+} & {
+  default?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: vue237.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, vue237.ComponentOptionsMixin, vue237.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless109.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless109.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless109.PointerDownOutsideEvent | _soybeanjs_headless109.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue237.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless109.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless109.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless109.PointerDownOutsideEvent | _soybeanjs_headless109.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  modal: boolean;
+}, {}, {}, {}, string, vue237.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/context-menu/context-menu.js

@@ -0,0 +1 @@
+import e from"../menu/menu-options.js";import t from"./context-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SContextMenu`,__name:`context-menu`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},items:{},itemProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`dir`,`modal`,`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`],T=y(x,w),E=v(x,w),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,37 @@
+import { MenuOptionData } from "../menu/types.js";
+import { ContextMenuProps } from "./types.js";
+import * as vue228 from "vue";
+import * as _soybeanjs_headless93 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, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<ContextMenuProps<T, S> & {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onSelect?: ((item: S, event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless93.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless93.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless93.PointerDownOutsideEvent | _soybeanjs_headless93.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue228.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    trigger: () => any;
+    item: (props: MenuOptionData<T>) => any;
+    'item-leading': (props: MenuOptionData<T>) => any;
+    'item-trailing': (props: MenuOptionData<T>) => any;
+    'item-trigger': (props: MenuOptionData<T>) => any;
+    'item-trigger-icon': (props: MenuOptionData<T>) => any;
+  };
+  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "select", item: S, event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless93.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless93.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless93.PointerDownOutsideEvent | _soybeanjs_headless93.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue228.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,7 @@
+import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./types.js";
+import { _default } from "./context-menu.vue.js";
+import { _default as _default$1 } from "./context-menu-checkbox.vue.js";
+import { _default as _default$2 } from "./context-menu-radio.vue.js";
+import { _default as _default$3 } from "./context-menu-wrapper.vue.js";
+import { ContextMenuAnchorProps, ContextMenuArrowProps, ContextMenuCheckboxGroupEmits, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps, ContextMenuContentProps, ContextMenuGroupLabelProps, ContextMenuGroupProps, ContextMenuItemEmits, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuPortalProps, ContextMenuRadioGroupEmits, ContextMenuRadioGroupProps, ContextMenuRadioItemEmits, ContextMenuRadioItemProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubContentEmits, ContextMenuSubContentProps, ContextMenuSubEmits, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "@soybeanjs/headless/context-menu";
+export { type ContextMenuAnchorProps, type ContextMenuArrowProps, type ContextMenuCheckboxGroupEmits, type ContextMenuCheckboxGroupProps, type ContextMenuCheckboxItemEmits, type ContextMenuCheckboxItemProps, type ContextMenuContentProps, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, type ContextMenuItemEmits, type ContextMenuItemIndicatorProps, type ContextMenuItemProps, type ContextMenuPortalProps, type ContextMenuRadioGroupEmits, type ContextMenuRadioGroupProps, type ContextMenuRadioItemEmits, type ContextMenuRadioItemProps, type ContextMenuRootEmits, type ContextMenuRootProps, type ContextMenuSeparatorProps, type ContextMenuSubContentEmits, type ContextMenuSubContentProps, type ContextMenuSubEmits, type ContextMenuSubProps, type ContextMenuSubTriggerProps, type ContextMenuTriggerProps };

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

@@ -0,0 +1,25 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
+import { AcceptableBooleanValue, ContextMenuArrowProps, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuPortalProps, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuTriggerProps, DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/context-menu/types.d.ts
+interface ContextMenuWrapperProps extends ContextMenuRootProps {
+  size?: ThemeSize;
+  ui?: Partial<MenuExtendedUi>;
+  disabled?: boolean;
+  showArrow?: boolean;
+  triggerProps?: ContextMenuTriggerProps;
+  portalProps?: ContextMenuPortalProps;
+  contentProps?: ContextMenuContentProps;
+  arrowProps?: ContextMenuArrowProps;
+}
+type ContextMenuWrapperEmits = ContextMenuRootEmits & ContextMenuContentEmits;
+interface ContextMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends ContextMenuWrapperProps, MenuOptionsProps<T, S> {}
+type ContextMenuEmits<T extends MenuOptionData = MenuOptionData> = ContextMenuWrapperEmits & MenuOptionsEmits<T>;
+interface ContextMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends ContextMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {}
+type ContextMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = ContextMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
+interface ContextMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends ContextMenuWrapperProps, MenuRadioOptionsProps<T, S> {}
+type ContextMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = ContextMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+//#endregion
+export { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps };

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

@@ -0,0 +1 @@
+import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDialogClose`,__name:`dialog-close`,props:{asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DialogClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};

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

@@ -0,0 +1,18 @@
+import * as vue85 from "vue";
+import { DialogCloseProps } from "@soybeanjs/headless";
+
+//#region src/components/dialog/dialog-close.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue85.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue85.ComponentOptionsMixin, vue85.ComponentOptionsMixin, {}, string, vue85.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue85.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/dialog/dialog-pure.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../button/button-icon.js";import{dialogVariants as r}from"../../variants/dialog.js";import{computed as i,createBlock as a,createCommentVNode 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,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{DialogClose as b,DialogContent as x,DialogOverlay as S,DialogPortal as C,DialogRoot as w,DialogTrigger as T,provideDialogThemeContext as E}from"@soybeanjs/headless";var D=c({name:`SDialogPure`,__name:`dialog-pure`,props:{size:{},ui:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:D}){let O=c,k=y(O,[`size`,`ui`,`closable`,`triggerProps`,`contentProps`,`overlayProps`,`portalProps`]),A=D,j=v(A),M=i(()=>e(r({size:O.size,pure:!0}),O.ui));return E({ui:M}),t(()=>O.size),(e,t)=>(p(),a(g(w),u(g(k),{"onUpdate:open":t[0]||=e=>A(`update:open`,e)}),{default:_(t=>[s(g(T),u(c.triggerProps,{size:c.size,"as-child":``}),{default:_(()=>[m(e.$slots,`trigger`)]),_:3},16,[`size`]),s(g(C),f(l(c.portalProps)),{default:_(()=>[s(g(S),f(l(c.overlayProps)),null,16),s(g(x),u(c.contentProps,h(g(j))),{default:_(()=>[c.closable?(p(),a(g(b),{key:0,class:d(M.value.closable),"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(n,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0),m(e.$slots,`default`,f(l(t)))]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{D as default};

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

@@ -0,0 +1,47 @@
+import { DialogPureProps } from "./types.js";
+import * as vue90 from "vue";
+import * as _soybeanjs_headless24 from "@soybeanjs/headless";
+
+//#region src/components/dialog/dialog-pure.vue.d.ts
+declare var __VLS_15: {}, __VLS_37: {}, __VLS_43: {
+    open: boolean | undefined;
+    close: () => void;
+  };
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_15) => any;
+} & {
+  close?: (props: typeof __VLS_37) => any;
+} & {
+  default?: (props: typeof __VLS_43) => any;
+};
+declare const __VLS_base: vue90.DefineComponent<DialogPureProps, {}, {}, {}, {}, vue90.ComponentOptionsMixin, vue90.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless24.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless24.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless24.PointerDownOutsideEvent | _soybeanjs_headless24.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue90.PublicProps, Readonly<DialogPureProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless24.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless24.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless24.PointerDownOutsideEvent | _soybeanjs_headless24.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  closable: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, vue90.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/dialog/dialog.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../button/button-icon.js";import{dialogVariants as r}from"../../variants/dialog.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{DialogClose as C,DialogContent as w,DialogDescription as T,DialogFooter as E,DialogHeader as D,DialogOverlay as O,DialogPortal as k,DialogRoot as A,DialogTitle as j,DialogTrigger as M,provideDialogThemeContext as N}from"@soybeanjs/headless";var P=l({name:`SDialog`,__name:`dialog`,props:{size:{},ui:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:P}){let F=l,I=S(F,[`size`,`ui`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),L=P,R=y(),z=x(L),B=i(()=>e(r({size:F.size}),F.ui));return N({ui:B}),t(()=>F.size),(e,t)=>(m(),a(v(A),d(v(I),{"onUpdate:open":t[0]||=e=>L(`update:open`,e)}),{default:b(t=>[c(v(M),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(k),p(u(l.portalProps)),{default:b(()=>[c(v(O),p(u(l.overlayProps)),null,16),c(v(w),d(l.contentProps,_(v(z))),{default:b(()=>[c(v(D),p(u(l.headerProps)),{default:b(()=>[c(v(j),p(u(l.titleProps)),{default:b(()=>[h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(R).description||l.description?(m(),a(v(T),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0),l.closable?(m(),a(v(C),{key:1,class:f(B.value.closable),"as-child":``},{default:b(()=>[h(e.$slots,`close`,{},()=>[c(n,{size:l.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(R).footer?(m(),a(v(E),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{P as default};

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

@@ -0,0 +1,62 @@
+import { DialogProps } from "./types.js";
+import * as vue80 from "vue";
+import * as _soybeanjs_headless16 from "@soybeanjs/headless";
+
+//#region src/components/dialog/dialog.vue.d.ts
+declare var __VLS_15: {}, __VLS_42: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_49: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_56: {}, __VLS_62: {
+    open: boolean | undefined;
+    close: () => void;
+  }, __VLS_69: {
+    open: boolean | undefined;
+    close: () => void;
+  };
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_15) => any;
+} & {
+  title?: (props: typeof __VLS_42) => any;
+} & {
+  description?: (props: typeof __VLS_49) => any;
+} & {
+  close?: (props: typeof __VLS_56) => any;
+} & {
+  default?: (props: typeof __VLS_62) => any;
+} & {
+  footer?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: vue80.DefineComponent<DialogProps, {}, {}, {}, {}, vue80.ComponentOptionsMixin, vue80.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless16.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless16.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless16.PointerDownOutsideEvent | _soybeanjs_headless16.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue80.PublicProps, Readonly<DialogProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless16.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless16.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless16.PointerDownOutsideEvent | _soybeanjs_headless16.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  closable: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, vue80.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/dialog/index.d.ts

@@ -0,0 +1,6 @@
+import { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps } from "./types.js";
+import { _default } from "./dialog.vue.js";
+import { _default as _default$1 } from "./dialog-close.vue.js";
+import { _default as _default$2 } from "./dialog-pure.vue.js";
+import { DialogCloseProps, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps } from "@soybeanjs/headless/dialog";
+export { type DialogCloseProps, type DialogContentEmits, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogRootEmits, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps };

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

@@ -0,0 +1,35 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ClassValue, DialogContentEmits, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRootEmits, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogUi } from "@soybeanjs/headless";
+
+//#region src/components/dialog/types.d.ts
+type DialogExtraThemeSlot = 'closable';
+type DialogExtendedUi = DialogUi & Record<DialogExtraThemeSlot, ClassValue>;
+interface DialogProps extends DialogRootProps {
+  size?: ThemeSize;
+  ui?: Partial<DialogExtendedUi>;
+  title?: string;
+  description?: string;
+  closable?: boolean;
+  triggerProps?: DialogTriggerProps;
+  contentProps?: DialogContentProps;
+  headerProps?: DialogHeaderProps;
+  footerProps?: DialogFooterProps;
+  titleProps?: DialogTitleProps;
+  descriptionProps?: DialogDescriptionProps;
+  overlayProps?: DialogOverlayProps;
+  portalProps?: DialogPortalProps;
+}
+type DialogEmits = DialogRootEmits & DialogContentEmits;
+interface DialogPureProps extends DialogRootProps {
+  size?: ThemeSize;
+  ui?: Partial<DialogExtendedUi>;
+  closable?: boolean;
+  triggerProps?: DialogTriggerProps;
+  contentProps?: DialogContentProps;
+  overlayProps?: DialogOverlayProps;
+  portalProps?: DialogPortalProps;
+}
+type DialogPureEmits = DialogEmits;
+//#endregion
+export { DialogEmits, DialogExtendedUi, DialogExtraThemeSlot, DialogProps, DialogPureEmits, DialogPureProps };

package/dist/components/drawer/drawer-close.js

@@ -0,0 +1 @@
+import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDrawerClose`,__name:`drawer-close`,props:{asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DrawerClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};

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

@@ -0,0 +1,18 @@
+import * as vue105 from "vue";
+import { DialogCloseProps } from "@soybeanjs/headless";
+
+//#region src/components/drawer/drawer-close.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue105.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue105.ComponentOptionsMixin, vue105.ComponentOptionsMixin, {}, string, vue105.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue105.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 };