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

package/dist/components/drawer/drawer.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{drawerContentVariants as i,drawerScrollableVariants as a}from"../../variants/drawer.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";import{useForwardListeners as w,useOmitProps as T}from"@soybeanjs/headless/composables";import{DialogClose as E,DialogContent as D,DialogDescription as O,DialogFooter as k,DialogHeader as A,DialogOverlay as j,DialogPortal as M,DialogRoot as N,DialogTitle as P,DialogTrigger as F,provideDialogThemeContext as I}from"@soybeanjs/headless";var L=f({name:`SDrawer`,__name:`drawer`,props:{side:{},scrollable:{type:Boolean,default:!0},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(f,{emit:L}){let R=f,z=T(R,[`size`,`ui`,`side`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),B=L,V=S(),H=w(B),U=o(()=>{let t=r({size:R.size}),n=i({size:R.size,side:R.side});t.content=()=>n;let o=()=>a({scrollable:R.scrollable});return e({...t,scrollable:o},R.ui)});return I({ui:U}),t(()=>R.size),(e,t)=>(_(),s(x(N),m(x(z),{"onUpdate:open":t[0]||=e=>B(`update:open`,e)}),{default:C(t=>[d(x(F),m(f.triggerProps,{size:f.size,"as-child":``}),{default:C(()=>[v(e.$slots,`trigger`)]),_:3},16,[`size`]),d(x(M),g(p(f.portalProps)),{default:C(()=>[d(x(j),g(p(f.overlayProps)),null,16),d(x(D),m(f.contentProps,b(x(H))),{default:C(()=>[d(x(A),g(p(f.headerProps)),{default:C(()=>[d(x(P),g(p(f.titleProps)),{default:C(()=>[v(e.$slots,`title`,g(p(t)),()=>[u(y(f.title),1)])]),_:2},1040),x(V).description||f.description?(_(),s(x(O),g(m({key:0},f.descriptionProps)),{default:C(()=>[v(e.$slots,`description`,g(p(t)),()=>[u(y(f.description),1)])]),_:2},1040)):c(`v-if`,!0),f.closable?(_(),s(x(E),{key:1,class:h(U.value.closable),"as-child":``},{default:C(()=>[v(e.$slots,`close`,{},()=>[d(n,{size:f.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):c(`v-if`,!0)]),_:2},1040),l(`div`,{class:h(U.value.scrollable)},[v(e.$slots,`default`,g(p(t)))],2),x(V).footer?(_(),s(x(k),g(m({key:0},f.footerProps)),{default:C(()=>[v(e.$slots,`footer`,g(p(t)))]),_:2},1040)):c(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{L as default};

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

@@ -0,0 +1,63 @@
+import { DrawerProps } from "./types.js";
+import * as vue100 from "vue";
+import * as _soybeanjs_headless32 from "@soybeanjs/headless";
+
+//#region src/components/drawer/drawer.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: vue100.DefineComponent<DrawerProps, {}, {}, {}, {}, vue100.ComponentOptionsMixin, vue100.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless32.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless32.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless32.PointerDownOutsideEvent | _soybeanjs_headless32.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue100.PublicProps, Readonly<DrawerProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless32.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless32.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless32.PointerDownOutsideEvent | _soybeanjs_headless32.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  closable: boolean;
+  scrollable: boolean;
+  modal: boolean;
+}, {}, {}, {}, string, vue100.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/drawer/index.d.ts

@@ -0,0 +1,3 @@
+import { DrawerEmits, DrawerProps } from "./types.js";
+import { _default } from "./drawer.vue.js";
+import { _default as _default$1 } from "./drawer-close.vue.js";

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

@@ -0,0 +1,16 @@
+import { DialogEmits, DialogProps } from "../dialog/types.js";
+import { Side } from "@soybeanjs/headless";
+
+//#region src/components/drawer/types.d.ts
+interface DrawerProps extends DialogProps {
+  side?: Side;
+  /**
+   * If true, the content will be scrollable when the root has height and content is taller than the root
+   *
+   * @default true
+   */
+  scrollable?: boolean;
+}
+type DrawerEmits = DialogEmits;
+//#endregion
+export { DrawerEmits, DrawerProps };

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

@@ -0,0 +1 @@
+import e from"../menu/menu-checkbox-options.js";import t from"./dropdown-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:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`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/dropdown-menu/dropdown-menu-checkbox.vue.d.ts

@@ -0,0 +1,37 @@
+import { MenuCheckboxOptionData } from "../menu/types.js";
+import { DropdownMenuCheckboxProps } from "./types.js";
+import * as vue134 from "vue";
+import * as _soybeanjs_headless56 from "@soybeanjs/headless";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, 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<DropdownMenuCheckboxProps<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_headless56.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless56.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless56.PointerDownOutsideEvent | _soybeanjs_headless56.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue134.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_headless56.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless56.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless56.PointerDownOutsideEvent | _soybeanjs_headless56.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue134.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/dropdown-menu/dropdown-menu-radio.js

@@ -0,0 +1 @@
+import e from"../menu/menu-radio-options.js";import t from"./dropdown-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:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`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/dropdown-menu/dropdown-menu-radio.vue.d.ts

@@ -0,0 +1,37 @@
+import { MenuRadioOptionData } from "../menu/types.js";
+import { DropdownMenuRadioProps } from "./types.js";
+import * as vue130 from "vue";
+import * as _soybeanjs_headless40 from "@soybeanjs/headless";
+import { AcceptableBooleanValue } from "@soybeanjs/headless";
+
+//#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, 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<DropdownMenuRadioProps<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_headless40.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless40.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless40.PointerDownOutsideEvent | _soybeanjs_headless40.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue130.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_headless40.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless40.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless40.PointerDownOutsideEvent | _soybeanjs_headless40.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue130.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/dropdown-menu/dropdown-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{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuThemeContext as C}from"@soybeanjs/headless";var w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`size`,`ui`,`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`arrowProps`]),O=g(E),k=r(()=>e(n({size:T.size}),T.ui));return C({ui:k}),t({ui:k}),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(s.contentProps,p(m(O))),{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{w as default};

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

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

@@ -0,0 +1 @@
+import e from"../menu/menu-options.js";import t from"./dropdown-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:`SDropdownMenu`,__name:`dropdown-menu`,props:{size:{},ui:{},disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},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=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`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/dropdown-menu/dropdown-menu.vue.d.ts

@@ -0,0 +1,37 @@
+import { MenuOptionData } from "../menu/types.js";
+import { DropdownMenuProps } from "./types.js";
+import * as vue132 from "vue";
+import * as _soybeanjs_headless48 from "@soybeanjs/headless";
+import { DefinedValue } from "@soybeanjs/headless";
+
+//#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue, 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<DropdownMenuProps<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_headless48.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless48.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless48.PointerDownOutsideEvent | _soybeanjs_headless48.FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  }> & vue132.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_headless48.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless48.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless48.PointerDownOutsideEvent | _soybeanjs_headless48.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue132.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/dropdown-menu/index.d.ts

@@ -0,0 +1,7 @@
+import { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuWrapperEmits, DropdownMenuWrapperProps } from "./types.js";
+import { _default } from "./dropdown-menu.vue.js";
+import { _default as _default$1 } from "./dropdown-menu-checkbox.vue.js";
+import { _default as _default$2 } from "./dropdown-menu-radio.vue.js";
+import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";
+import { DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPortalProps, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType } from "@soybeanjs/headless/dropdown-menu";
+export { type DropdownMenuAnchorProps, type DropdownMenuArrowProps, type DropdownMenuCheckboxGroupEmits, type DropdownMenuCheckboxGroupProps, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuGroupLabelProps, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemIndicatorProps, type DropdownMenuItemProps, type DropdownMenuPortalProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuRootEmits, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, type DropdownMenuTriggerType };

package/dist/components/dropdown-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, DefinedValue, DropdownMenuArrowProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuPortalProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps } from "@soybeanjs/headless";
+
+//#region src/components/dropdown-menu/types.d.ts
+interface DropdownMenuWrapperProps extends DropdownMenuRootProps {
+  size?: ThemeSize;
+  ui?: Partial<MenuExtendedUi>;
+  disabled?: boolean;
+  showArrow?: boolean;
+  triggerProps?: DropdownMenuTriggerProps;
+  portalProps?: DropdownMenuPortalProps;
+  contentProps?: DropdownMenuContentProps;
+  arrowProps?: DropdownMenuArrowProps;
+}
+type DropdownMenuWrapperEmits = DropdownMenuRootEmits & DropdownMenuContentEmits;
+interface DropdownMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends DropdownMenuWrapperProps, MenuOptionsProps<T, S> {}
+type DropdownMenuEmits<T extends MenuOptionData = MenuOptionData> = DropdownMenuWrapperEmits & MenuOptionsEmits<T>;
+interface DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends DropdownMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {}
+type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = DropdownMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
+interface DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends DropdownMenuWrapperProps, MenuRadioOptionsProps<T, S> {}
+type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = DropdownMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+//#endregion
+export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };

package/dist/components/form/context.js

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

package/dist/components/form/form-field-array.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormDescription as y,FormError as b,FormFieldArray as x,FormLabel as S,provideFormThemeContext as C}from"@soybeanjs/headless";import{useField as w}from"@soybeanjs/headless/forms";import{vAutoAnimate as T}from"@formkit/auto-animate";var E=s({name:`SFormFieldArray`,__name:`form-field-array`,props:{size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},name:{}},setup(s){let E=s,D=h(),O=v(E,[`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),k=n(`FormFieldArray`),{error:A}=w(()=>E.name),j=r(()=>typeof A.value==`string`),M=r(()=>E.size??k.size.value);C({ui:r(()=>e(t({size:M.value,error:!!A.value}),{...k.ui.value,...E.ui}))});let N=r(()=>({...k.labelProps.value,...E.labelProps})),P=r(()=>({...k.descriptionProps.value,...E.descriptionProps})),F=r(()=>({...k.errorProps.value,...E.errorProps}));return(e,t)=>_((d(),i(m(x),u(c(m(O))),{default:g(t=>[m(D).label||s.label?(d(),i(m(S),u(l({key:0},N.value)),{default:g(()=>[f(e.$slots,`label`,u(c(t)),()=>[o(p(s.label),1)])]),_:2},1040)):a(`v-if`,!0),f(e.$slots,`default`,u(c(t))),m(D).description||s.description?(d(),i(m(y),u(l({key:1},P.value)),{default:g(()=>[f(e.$slots,`description`,u(c(t)),()=>[o(p(s.description),1)])]),_:2},1040)):a(`v-if`,!0),j.value?(d(),i(m(b),u(l({key:2},F.value)),{default:g(()=>[o(p(m(A)),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[m(T)]])}});export{E as default};

package/dist/components/form/form-field-array.vue.d.ts

@@ -0,0 +1,72 @@
+import { FormErrors } from "../../headless/dist/forms/core/types.js";
+import { FormFieldArrayProps } from "./types.js";
+import * as vue249 from "vue";
+import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
+
+//#region src/components/form/form-field-array.vue.d.ts
+declare var __VLS_12: {
+    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
+    dirty: boolean;
+    error: string | string[] | FormErrors<any> | undefined;
+    touched: boolean | undefined;
+    formFieldId: string;
+    formDescriptionId: string;
+    formErrorId: string;
+    append: (value: unknown) => void;
+    prepend: (value: unknown) => void;
+    swap: (indexA: number, indexB: number) => void;
+    remove: (index?: number) => void;
+    move: (from: number, to: number) => void;
+    insert: (index: number, value: unknown) => void;
+    update: (index: number, value: unknown) => void;
+    replace: ($values: unknown[]) => void;
+  }, __VLS_14: {
+    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
+    dirty: boolean;
+    error: string | string[] | FormErrors<any> | undefined;
+    touched: boolean | undefined;
+    formFieldId: string;
+    formDescriptionId: string;
+    formErrorId: string;
+    append: (value: unknown) => void;
+    prepend: (value: unknown) => void;
+    swap: (indexA: number, indexB: number) => void;
+    remove: (index?: number) => void;
+    move: (from: number, to: number) => void;
+    insert: (index: number, value: unknown) => void;
+    update: (index: number, value: unknown) => void;
+    replace: ($values: unknown[]) => void;
+  }, __VLS_21: {
+    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
+    dirty: boolean;
+    error: string | string[] | FormErrors<any> | undefined;
+    touched: boolean | undefined;
+    formFieldId: string;
+    formDescriptionId: string;
+    formErrorId: string;
+    append: (value: unknown) => void;
+    prepend: (value: unknown) => void;
+    swap: (indexA: number, indexB: number) => void;
+    remove: (index?: number) => void;
+    move: (from: number, to: number) => void;
+    insert: (index: number, value: unknown) => void;
+    update: (index: number, value: unknown) => void;
+    replace: ($values: unknown[]) => void;
+  };
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_12) => any;
+} & {
+  default?: (props: typeof __VLS_14) => any;
+} & {
+  description?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: vue249.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue249.ComponentOptionsMixin, vue249.ComponentOptionsMixin, {}, string, vue249.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue249.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/form/form-field.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode 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,unref as h,useSlots as g,withCtx as _,withDirectives as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{FormDescription as b,FormError as x,FormField as S,FormLabel as C,Slot as w,provideFormThemeContext as T}from"@soybeanjs/headless";import{useField as E}from"@soybeanjs/headless/forms";import{vAutoAnimate as D}from"@formkit/auto-animate";var O=c({name:`SFormField`,__name:`form-field`,props:{size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},name:{}},setup(c){let O=c,k=g(),A=y(O,[`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),j=n(`FormField`),{error:M}=E(()=>O.name),N=r(()=>O.size??j.size.value);T({ui:r(()=>e(t({size:N.value,error:!!M.value}),{...j.ui.value,...O.ui}))});let P=r(()=>({...j.labelProps.value,...O.labelProps})),F=r(()=>({...j.descriptionProps.value,...O.descriptionProps})),I=r(()=>({...j.errorProps.value,...O.errorProps}));return(e,t)=>v((f(),i(h(S),d(l(h(A))),{default:_(({modelValue:t,updateModelValue:n,attrs:r,dirty:l,touched:g,ariaDescribedBy:v,ariaInvalid:y})=>[h(k).label||c.label?(f(),i(h(C),d(u({key:0},P.value)),{default:_(()=>[p(e.$slots,`label`,{},()=>[o(m(c.label),1)])]),_:3},16)):a(`v-if`,!0),s(h(w),{size:N.value,"model-value":t,"aria-described-by":v,"aria-invalid":y,"onUpdate:modelValue":n,onChange:r.onChange,onInput:r.onInput,onBlur:r.onBlur},{default:_(()=>[p(e.$slots,`default`,{dirty:l,error:h(M),touched:g})]),_:2},1032,[`size`,`model-value`,`aria-described-by`,`aria-invalid`,`onUpdate:modelValue`,`onChange`,`onInput`,`onBlur`]),h(k).description||c.description?(f(),i(h(b),d(u({key:1},F.value)),{default:_(()=>[p(e.$slots,`description`,{},()=>[o(m(c.description),1)])]),_:3},16)):a(`v-if`,!0),h(M)?(f(),i(h(x),d(u({key:2},I.value)),{default:_(()=>[o(m(h(M)),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[h(D)]])}});export{O as default};

package/dist/components/form/form-field.vue.d.ts

@@ -0,0 +1,27 @@
+import { FormErrors } from "../../headless/dist/forms/core/types.js";
+import { FormFieldProps } from "./types.js";
+import * as vue254 from "vue";
+
+//#region src/components/form/form-field.vue.d.ts
+declare var __VLS_12: {}, __VLS_25: {
+    dirty: boolean;
+    error: string | string[] | FormErrors<any> | undefined;
+    touched: boolean | undefined;
+  }, __VLS_32: {};
+type __VLS_Slots = {} & {
+  label?: (props: typeof __VLS_12) => any;
+} & {
+  default?: (props: typeof __VLS_25) => any;
+} & {
+  description?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: vue254.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue254.ComponentOptionsMixin, vue254.ComponentOptionsMixin, {}, string, vue254.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue254.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/form/form.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import{formVariants as t}from"../../variants/form.js";import{provideFormContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";import{transformPropsToContext as l}from"@soybeanjs/headless/shared";var u=a({name:`SForm`,__name:`form`,props:{size:{},ui:{},fieldProps:{},fieldArrayProps:{},labelProps:{},descriptionProps:{},errorProps:{}},setup(a){let u=a,d=r(()=>{let{form:n}=t({size:u.size});return e(n(),u.class)});return n(l(u)),(e,t)=>(s(),i(`form`,{class:o(d.value)},[c(e.$slots,`default`)],2))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import { FormProps } from "./types.js";
+import * as vue244 from "vue";
+
+//#region src/components/form/form.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue244.DefineComponent<FormProps, {}, {}, {}, {}, vue244.ComponentOptionsMixin, vue244.ComponentOptionsMixin, {}, string, vue244.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue244.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/form/index.d.ts

@@ -0,0 +1,6 @@
+import { FormContextParams, FormFieldArrayProps, FormFieldProps, FormProps } from "./types.js";
+import { _default } from "./form.vue.js";
+import { _default as _default$1 } from "./form-field.vue.js";
+import { _default as _default$2 } from "./form-field-array.vue.js";
+import { FormDescriptionProps, FormErrorProps, FormLabelProps } from "@soybeanjs/headless/form";
+export { type FormDescriptionProps, type FormErrorProps, type FormLabelProps };

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

@@ -0,0 +1,36 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { FormHTMLAttributes } from "vue";
+import { FormDescriptionProps, FormErrorProps, FormFieldArrayProps, FormFieldProps, FormFieldUi, FormLabelProps, PropsToContext } from "@soybeanjs/headless";
+
+//#region src/components/form/types.d.ts
+interface FormFieldProps$1 extends FormFieldProps {
+  size?: ThemeSize;
+  ui?: Partial<FormFieldUi>;
+  label?: string;
+  description?: string;
+  labelProps?: FormLabelProps;
+  descriptionProps?: FormDescriptionProps;
+  errorProps?: FormErrorProps;
+}
+interface FormFieldArrayProps$1 extends FormFieldArrayProps {
+  size?: ThemeSize;
+  ui?: Partial<FormFieldUi>;
+  label?: string;
+  description?: string;
+  labelProps?: FormLabelProps;
+  descriptionProps?: FormDescriptionProps;
+  errorProps?: FormErrorProps;
+}
+interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
+  size?: ThemeSize;
+  ui?: Partial<FormFieldUi>;
+  fieldProps?: FormFieldProps$1;
+  fieldArrayProps?: FormFieldArrayProps$1;
+  labelProps?: FormLabelProps;
+  descriptionProps?: FormDescriptionProps;
+  errorProps?: FormErrorProps;
+}
+interface FormContextParams extends PropsToContext<FormProps> {}
+//#endregion
+export { FormContextParams, FormFieldArrayProps$1 as FormFieldArrayProps, FormFieldProps$1 as FormFieldProps, FormProps };

package/dist/components/icon/icon.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../config-provider/context.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,normalizeStyle as a,openBlock as o,resolveDynamicComponent as s,unref as c}from"vue";import{Icon as l}from"@iconify/vue";var u=r({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{default:`1.25em`},height:{default:`1.25em`},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(r){let u=r,d=e(),f=t(()=>{let{width:e,height:t}=u,n=d?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),p=t(()=>({...u,...f.value}));function m(e){return typeof e==`string`||typeof e==`object`&&`body`in e}return(e,t)=>m(r.icon)?(o(),n(c(l),i({key:0},p.value,{icon:r.icon,style:{"flex-shrink":`0`}}),null,16,[`icon`])):(o(),n(s(r.icon),{key:1,style:a([{"flex-shrink":`0`},{width:f.value.width,height:f.value.height}])},null,8,[`style`]))}});export{u as default};

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

@@ -0,0 +1,12 @@
+import { IconProps as IconProps$1 } from "./types.js";
+import * as vue110 from "vue";
+import * as _iconify_vue0 from "@iconify/vue";
+
+//#region src/components/icon/icon.vue.d.ts
+declare const __VLS_export: vue110.DefineComponent<IconProps$1, {}, {}, {}, {}, vue110.ComponentOptionsMixin, vue110.ComponentOptionsMixin, {}, string, vue110.PublicProps, Readonly<IconProps$1> & Readonly<{}>, {
+  height: _iconify_vue0.IconifyIconSize;
+  width: _iconify_vue0.IconifyIconSize;
+}, {}, {}, {}, string, vue110.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1,2 @@
+import { IconProps, IconValue } from "./types.js";
+import { _default } from "./icon.vue.js";

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

@@ -0,0 +1,10 @@
+import { Component, VNode } from "vue";
+import { IconProps, IconifyIcon } from "@iconify/vue";
+
+//#region src/components/icon/types.d.ts
+type IconValue = VNode | Component | string | IconifyIcon;
+interface IconProps$1 extends Omit<IconProps, 'icon'> {
+  icon: IconValue;
+}
+//#endregion
+export { IconProps$1 as IconProps, IconValue };

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

@@ -0,0 +1,4 @@
+import { InputEmits, InputProps } from "./types.js";
+import { _default } from "./input.vue.js";
+import { InputControlProps, InputRootEmits, InputRootProps } from "@soybeanjs/headless/input";
+export { type InputControlProps, type InputRootEmits, type InputRootProps };

package/dist/components/input/input.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{inputVariants as n}from"../../variants/input.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,mergeProps as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";import{useForwardElement as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{InputControl as g,InputRoot as _,provideInputThemeContext as v}from"@soybeanjs/headless";var y=s({name:`SInput`,__name:`input`,props:{size:{},ui:{},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:y}){let b=s,x=y,[S,C]=m(e=>b.inputRef?.(e)),w=h(b,[`inputRef`,`size`,`ui`,`controlProps`,`clearable`]),T=r(()=>e(n({size:b.size}),b.ui));return v({ui:T}),(e,n)=>(u(),i(f(_),c(f(w),{"onUpdate:modelValue":n[0]||=e=>x(`update:modelValue`,e)}),{default:p(({clear:n})=>[d(e.$slots,`leading`),o(f(g),c(s.controlProps,{ref:f(C)}),null,16),s.clearable?(u(),i(t,{key:0,icon:`lucide:x`,class:l(T.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),d(e.$slots,`trailing`)]),_:3},16))}});export{y as default};

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

@@ -0,0 +1,24 @@
+import { InputProps } from "./types.js";
+import * as vue95 from "vue";
+
+//#region src/components/input/input.vue.d.ts
+declare var __VLS_10: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  trailing?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: vue95.DefineComponent<InputProps, {}, {}, {}, {}, vue95.ComponentOptionsMixin, vue95.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, vue95.PublicProps, Readonly<InputProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue95.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/input/types.d.ts

@@ -0,0 +1,26 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ClassValue, InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless";
+
+//#region src/components/input/types.d.ts
+type InputExtraThemeSlot = 'clearable';
+type InputExtendedUi = InputUi & Record<InputExtraThemeSlot, ClassValue>;
+interface InputProps extends InputRootProps {
+  size?: ThemeSize;
+  ui?: Partial<InputExtendedUi>;
+  /** Whether to show the clear icon */
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   *
+   * @param el - The input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * The props of the input extra props.
+   */
+  controlProps?: InputControlProps;
+}
+type InputEmits = InputRootEmits;
+//#endregion
+export { InputEmits, InputProps };

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

@@ -0,0 +1,3 @@
+import { KbdVariant } from "../../variants/kbd.js";
+import { KbdProps, KbdValue } from "./types.js";
+import { _default } from "./kbd.vue.js";

package/dist/components/kbd/kbd.js

@@ -0,0 +1 @@
+import{kbdVariants as e}from"../../variants/kbd.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{Kbd as c}from"@soybeanjs/headless";var l=r({name:`SKbd`,__name:`kbd`,props:{size:{},variant:{},value:{},symbolize:{type:Boolean,default:!0}},setup(r){let l=r,u=s(l,[`class`,`size`,`variant`]),d=t(()=>e({size:l.size,variant:l.variant}));return(e,t)=>(a(),n(o(c),i(o(u),{class:d.value}),null,16,[`class`]))}});export{l as default};