@soybeanjs/ui 0.16.0 → 0.18.0

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

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

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

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

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

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

package/dist/components/editable/editable.js

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

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

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

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

@@ -1,20 +1,60 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableInputProps, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitTriggerProps, EditableUiSlot, UiClass } from "@soybeanjs/headless";
+import { EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableInputProps, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitTriggerProps, EditableUi, EditableUiSlot } from "@soybeanjs/headless/editable";
+import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/editable/types.d.ts
+/**
+ * Additional UI slots for the editable component.
+ */
 type EditableExtraUiSlot = 'controls';
+/**
+ * Extended UI class overrides for the Editable component.
+ */
 type EditableExtendedUi = UiClass<EditableUiSlot | EditableExtraUiSlot>;
+/**
+ * Properties for the Editable component.
+ */
 interface EditableProps extends EditableRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<EditableExtendedUi>;
+  /**
+   * Properties forwarded to the area element.
+   */
   areaProps?: EditableAreaProps;
+  /**
+   * Properties forwarded to the preview element.
+   */
   previewProps?: EditablePreviewProps;
+  /**
+   * Properties forwarded to the input element.
+   */
   inputProps?: EditableInputProps;
+  /**
+   * Properties forwarded to the edit trigger element.
+   */
   editTriggerProps?: EditableEditTriggerProps;
+  /**
+   * Properties forwarded to the submit trigger element.
+   */
   submitTriggerProps?: EditableSubmitTriggerProps;
+  /**
+   * Properties forwarded to the cancel trigger element.
+   */
   cancelTriggerProps?: EditableCancelTriggerProps;
 }
+/**
+ * Events for the Editable component.
+ */
 type EditableEmits = EditableRootEmits;
 //#endregion
-export { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps };
+export { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps, type EditableUi };

package/dist/components/empty/empty.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{emptyVariants as n}from"./variants.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 _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{EmptyContent as y,EmptyDescription as b,EmptyHeader as x,EmptyMedia as S,EmptyRoot as C,EmptyTitle as w,provideEmptyUi as T}from"@soybeanjs/headless";const E=c({name:`SEmpty`,__name:`empty`,props:{class:{},ui:{},title:{},description:{},icon:{},mediaVariant:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(c){let E=c,D=v(E,[`class`,`ui`,`title`,`description`,`icon`,`mediaVariant`,`headerProps`,`mediaProps`,`contentProps`,`titleProps`,`descriptionProps`]),O=g(),k=r(()=>!!(O.title||O.description||E.title||E.description)),A=r(()=>!!(O.media||E.icon));return T(r(()=>e(n({mediaVariant:E.mediaVariant}),E.ui,{root:E.class}))),(e,n)=>(f(),i(h(C),d(l(h(D))),{default:_(()=>[A.value?(f(),i(h(S),d(u({key:0},c.mediaProps)),{default:_(()=>[p(e.$slots,`media`,{},()=>[s(t,{icon:c.icon},null,8,[`icon`])])]),_:3},16)):a(`v-if`,!0),s(h(y),d(l(c.contentProps)),{default:_(()=>[k.value?(f(),i(h(x),d(u({key:0},c.headerProps)),{default:_(()=>[O.title||c.title?(f(),i(h(w),d(u({key:0},c.titleProps)),{default:_(()=>[p(e.$slots,`title`,{},()=>[o(m(c.title),1)])]),_:3},16)):a(`v-if`,!0),O.description||c.description?(f(),i(h(b),d(u({key:1},c.descriptionProps)),{default:_(()=>[p(e.$slots,`description`,{},()=>[o(m(c.description),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16)):a(`v-if`,!0),p(e.$slots,`default`)]),_:3},16)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{emptyVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{EmptyCompact as g,provideEmptyUi as _}from"@soybeanjs/headless/empty";const v=a({name:`SEmpty`,__name:`empty`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},title:{},description:{},icon:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(a){let v=a,y=m(v,[`class`,`ui`,`size`]),b=f(),x=n(()=>h(b));return _(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(y))),i({_:2},[l(x.value,t=>({name:t,fn:p(()=>[u(e.$slots,t)])}))]),1040))}});export{v as default};

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

@@ -1,14 +1,8 @@
-import { EmptyProps } from "./types.js";
+import { EmptyProps, EmptySlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/empty/empty.vue.d.ts
-type Slots = {
-  default?: () => any;
-  media?: () => any;
-  title?: () => any;
-  description?: () => any;
-};
-type __VLS_Slots = Slots;
+type __VLS_Slots = EmptySlots;
 declare const __VLS_base: _$vue.DefineComponent<EmptyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,3 @@
-import { EmptyMediaVariant } from "./variants.js";
-import { EmptyProps } from "./types.js";
+import { EmptyProps, EmptySlots } from "./types.js";
 import { _default } from "./empty.vue.js";
-import { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps } from "@soybeanjs/headless/empty";
-export { type EmptyContentProps, type EmptyDescriptionProps, type EmptyHeaderProps, type EmptyMediaProps, type EmptyRootProps, type EmptyTitleProps };
+export * from "@soybeanjs/headless/empty";

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

@@ -1,20 +1,28 @@
-import { IconValue } from "../icon/types.js";
-import { EmptyMediaVariant } from "./variants.js";
-import { ClassValue, EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi } from "@soybeanjs/headless";
+import { ThemeSize } from "../../theme/types.js";
+import { EmptyCompactProps, EmptyCompactSlots, EmptyUi } from "@soybeanjs/headless/empty";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/empty/types.d.ts
-interface EmptyProps extends EmptyRootProps {
+/**
+ * Properties for the Empty component.
+ */
+interface EmptyProps extends EmptyCompactProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<EmptyUi>;
-  title?: string;
-  description?: string;
-  icon?: IconValue;
-  mediaVariant?: EmptyMediaVariant;
-  headerProps?: EmptyHeaderProps;
-  mediaProps?: EmptyMediaProps;
-  contentProps?: EmptyContentProps;
-  titleProps?: EmptyTitleProps;
-  descriptionProps?: EmptyDescriptionProps;
+  /**
+   * Size variant of the component.
+   */
+  size?: ThemeSize;
 }
+/**
+ * Slots for the Empty component.
+ */
+type EmptySlots = EmptyCompactSlots;
 //#endregion
-export { EmptyProps };
+export { EmptyProps, EmptySlots };

package/dist/components/empty/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border border-dashed text-center p-12 lt-md:p-6`,header:`flex max-w-sm flex-col items-center gap-2 text-center`,media:`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,content:`flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm`,title:`m-0 text-lg font-medium tracking-tight`,description:`m-0 text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`},variants:{mediaVariant:{default:{media:`bg-transparent`},icon:{media:`size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*=size-])]:size-6`}}},defaultVariants:{mediaVariant:`default`}});export{t as emptyVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex flex-col items-center justify-center min-w-0 grow rounded-md border border-dashed text-center`,header:`flex flex-col items-center max-w-sm text-center`,media:`flex shrink-0 items-center justify-center rounded-md bg-muted text-foreground`,title:`font-medium tracking-tight`,description:`leading-relaxed text-muted-foreground`,content:`flex w-full min-w-0 max-w-sm flex-col items-center`},variants:{size:{xs:{root:`text-2xs gap-3`,title:`text-xs`,header:`gap-1.5`,media:`mb-1.5`},sm:{root:`text-xs gap-3.5`,title:`text-sm`,header:`gap-1.75`,media:`mb-1.75`},md:{root:`text-sm gap-4`,title:`text-base`,header:`gap-2`,media:`mb-2 size-10`},lg:{root:`text-base gap-4.5`,title:`text-lg`,header:`gap-2.5`,media:`mb-2.5`},xl:{root:`text-lg gap-5`,title:`text-xl`,header:`gap-3`,media:`mb-3`},"2xl":{root:`text-xl gap-6`,title:`text-2xl`,header:`gap-3.5`,media:`mb-3.5`}}},defaultVariants:{size:`md`}});export{t as emptyVariants};

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldArrayCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormFieldArray`,__name:`form-field-array`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(o(n)))])}))]),1040))}});export{v as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.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{FormControl as y,FormDescription as b,FormError as x,FormField as S,FormLabel as C,provideFormFieldUi as w}from"@soybeanjs/headless";import{vAutoAnimate as T}from"@formkit/auto-animate";const E=s({name:`SFormFieldBase`,__name:`form-field-base`,props:{class:{},size:{},ui:{},inline:{type:Boolean,default:void 0},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},error:{},isFieldArray:{type:Boolean}},setup(s){let E=s,D=h(),O=v(E,[`class`,`size`,`ui`,`inline`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),k=n(`FormField`),A=r(()=>E.size??k.size.value),j=r(()=>e(t({size:A.value,inline:E.inline??k.inline.value}),k.ui.value,E.ui,{field:E.isFieldArray?void 0:E.class,fieldArray:E.isFieldArray?E.class:void 0})),M=r(()=>({...k.labelProps.value,...E.labelProps})),N=r(()=>({...k.controlProps.value,...E.controlProps})),P=r(()=>({...k.descriptionProps.value,...E.descriptionProps})),F=r(()=>({...k.errorProps.value,...E.errorProps}));return w(j),(e,t)=>(d(),i(m(S),u(c(m(O))),{default:g(t=>[m(D).label||s.label?(d(),i(m(C),u(l({key:0},M.value)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0),_((d(),i(m(y),u(c(N.value)),{default:g(()=>[f(e.$slots,`default`,u(c(t))),s.error?(d(),i(m(x),u(l({key:0},F.value)),{default:g(()=>[o(p(s.error),1)]),_:1},16)):a(`v-if`,!0)]),_:2},1040)),[[m(T)]]),m(D).description||s.description?(d(),i(m(b),u(l({key:1},P.value)),{default:g(()=>[f(e.$slots,`description`,{},()=>[o(p(s.description),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldBaseCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormFieldBase`,__name:`form-field-base`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(()=>[u(e.$slots,t)])}))]),1040))}});export{v as default};

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

@@ -1,22 +1,9 @@
-import { FormFieldBaseProps } from "./types.js";
+import { FormFieldBaseProps, FormFieldBaseSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/form/form-field-base.vue.d.ts
-declare var __VLS_14: {}, __VLS_22: {
-    formFieldId: string;
-    ariaDescribedBy: string;
-    ariaInvalid: boolean;
-  }, __VLS_36: {};
-type __VLS_Slots = {} & {
-  label?: (props: typeof __VLS_14) => any;
-} & {
-  default?: (props: typeof __VLS_22) => any;
-} & {
-  description?: (props: typeof __VLS_36) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<FormFieldBaseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormFieldBaseProps> & Readonly<{}>, {
-  inline: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+type __VLS_Slots = FormFieldBaseSlots;
+declare const __VLS_base: _$vue.DefineComponent<FormFieldBaseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormFieldBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormField`,__name:`form-field`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(o(n)))])}))]),1040))}});export{v as default};

package/dist/components/form/form.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{formVariants as t}from"./variants.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";const u=[`data-inline`],d=a({name:`SForm`,__name:`form`,props:{class:{},size:{},ui:{},inline:{type:Boolean},fieldProps:{},fieldArrayProps:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(a){let d=a,f=r(()=>{let{form:n}=t({size:d.size});return e(n(),d.class)});return n(l(d)),(e,t)=>(s(),i(`form`,{"data-inline":a.inline?``:void 0,class:o(f.value)},[c(e.$slots,`default`)],10,u))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{FormCompact as f,provideFormUi as p}from"@soybeanjs/headless/form";const m=i({name:`SForm`,__name:`form`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},fieldProps:{},fieldArrayProps:{},orientation:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(i){let m=i,h=d(m,[`ui`,`class`,`size`]);return p(n(()=>e(t({size:m.size}),m.ui,{form:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};

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

@@ -2,9 +2,9 @@ import { FormProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/form/form.vue.d.ts
-declare var __VLS_1: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<FormProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,6 +1,5 @@
-import { FormContext, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, FormFieldComponent, FormFieldProps, FormFieldSlots, FormProps } from "./types.js";
+import { FormProps } from "./types.js";
 import { _default } from "./form.vue.js";
 import { _default as _default$1 } from "./form-field-base.vue.js";
 import { useForm } from "./use-form.js";
-import { FormDescriptionProps, FormErrorProps, FormLabelProps } from "@soybeanjs/headless/form";
-export { type FormDescriptionProps, type FormErrorProps, type FormLabelProps };
+export * from "@soybeanjs/headless/form";

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

@@ -1,59 +1,50 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ComponentOptionsMixin, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, PublicProps, SlotsType } from "vue";
-import { ClassValue, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues, Path, PathValue, PropsToContext } from "@soybeanjs/headless";
+import { FormCompactProps, FormFieldArrayComponent, FormFieldBaseCompactProps, FormFieldBaseCompactSlots, FormFieldComponent, FormFieldUi, FormUi, FormValues, UseHeadlessFormOptions as UseFormOptions, UseHeadlessFormReturn } from "@soybeanjs/headless/form";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/form/types.d.ts
-interface FormFieldBaseProps extends Omit<FormFieldProps, 'class'> {
+interface FormProps extends FormCompactProps {
+  /**
+   * Additional class names applied to the form element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
-  ui?: Partial<FormFieldUi>;
   /**
-   * Whether the label is inline with the control.
+   * Per-slot class overrides for the component.
    */
-  inline?: boolean;
-  label?: string;
-  description?: string;
-  labelProps?: FormLabelProps;
-  controlProps?: FormControlProps;
-  descriptionProps?: FormDescriptionProps;
-  errorProps?: FormErrorProps;
-}
-interface FormFieldBaseSlotProps {
-  formFieldId: string;
-  ariaDescribedBy: string;
-  ariaInvalid: boolean;
-}
-interface FormFieldProps$1<Values extends FormValues, Name extends Path<Values>> extends Omit<FormFieldBaseProps, 'error' | 'fieldArray'>, FormRegisterOptions<PathValue<Values, Name>> {
-  name: Name;
+  ui?: Partial<FormUi>;
 }
-type FormFieldSlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
-  default: (props: FormFieldState<Values, Name>) => any;
-  label: (props: FormFieldState<Values, Name>) => any;
-  description: (props: FormFieldState<Values, Name>) => any;
-}>;
-type FormFieldComponent<Values extends FormValues> = new <Name extends Path<Values>>(props: FormFieldProps$1<Values, Name> & PublicProps) => CreateComponentPublicInstanceWithMixins<FormFieldProps$1<Values, Name>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, FormFieldSlots<Values, Name>>;
-type FormFieldArrayProps<Values extends FormValues, Name extends Path<Values>> = FormFieldProps$1<Values, Name>;
-type FormFieldArraySlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
-  default: (props: FormFieldArrayStates<Values, Name>) => any;
-  label: (props: FormFieldArrayStates<Values, Name>) => any;
-  description: (props: FormFieldArrayStates<Values, Name>) => any;
-}>;
-type FormFieldArrayComponent<Values extends FormValues> = new <Name extends Path<Values>>(props: FormFieldArrayProps<Values, Name> & PublicProps) => CreateComponentPublicInstanceWithMixins<FormFieldArrayProps<Values, Name>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, FormFieldArraySlots<Values, Name>>;
-interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
+/**
+ * Additional properties for form field components, including styling and UI customization options.
+ */
+interface FormFieldExtraProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
-  ui?: Partial<FormFieldUi>;
   /**
-   * Whether the label is inline with the control.
+   * Per-slot class overrides for the component.
    */
-  inline?: boolean;
-  fieldProps?: FormFieldBaseProps;
-  fieldArrayProps?: FormFieldBaseProps;
-  labelProps?: FormLabelProps;
-  controlProps?: FormControlProps;
-  descriptionProps?: FormDescriptionProps;
-  errorProps?: FormErrorProps;
+  ui?: Partial<FormFieldUi>;
+}
+/**
+ * Properties for the FormFieldBase component.
+ */
+interface FormFieldBaseProps extends FormFieldBaseCompactProps, FormFieldExtraProps {}
+/**
+ * Slots for the FormFieldBase component.
+ */
+type FormFieldBaseSlots = FormFieldBaseCompactSlots;
+interface UseFormReturn<Values extends FormValues> extends UseHeadlessFormReturn<Values> {
+  SFormField: FormFieldComponent<Values, FormFieldExtraProps>;
+  SFormFieldArray: FormFieldArrayComponent<Values, FormFieldExtraProps>;
 }
-interface FormContext extends PropsToContext<FormProps> {}
 //#endregion
-export { FormContext, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, FormFieldComponent, FormFieldProps$1 as FormFieldProps, FormFieldSlots, FormProps };
+export { FormFieldBaseProps, FormFieldBaseSlots, FormProps, type UseFormOptions, UseFormReturn };

package/dist/components/form/use-form.d.ts

@@ -1,44 +1,7 @@
-import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
+import { UseFormOptions, UseFormReturn } from "./types.js";
+import { FormValues, InferStandardSchemaInput, StandardSchemaV1 } from "@soybeanjs/headless/form";
 
 //#region src/components/form/use-form.d.ts
-declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(options: UseFormOptions<S>): {
-  SFormField: FormFieldComponent<InferStandardSchemaInput<S>>;
-  SFormFieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>>;
-  handleSubmit: (event?: Event) => void;
-  handleReset: (event?: Event) => void;
-  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: _$vue.ComputedRef<boolean>;
-  setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.WritableComputedRef<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldMeta>;
-  getFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => string | undefined;
-  getFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean | undefined;
-  getFieldDirty: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean;
-  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  setFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, touched: boolean) => void;
-  setFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, error: string | undefined) => void;
-  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
-    argA: Parameters<Method>[1];
-    argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _$_soybeanjs_headless0.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
-  values: InferStandardSchemaInput<S>;
-  touched: _$vue.Ref<_$_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>, _$_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: _$vue.Ref<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>, _$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: _$vue.ShallowRef<number>;
-  isSubmitting: _$vue.ShallowRef<boolean>;
-  isValidating: _$vue.ShallowRef<boolean>;
-};
+declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(options: UseFormOptions<S>): UseFormReturn<InferStandardSchemaInput<S>>;
 //#endregion
 export { useForm$1 as useForm };

package/dist/components/form/use-form.js

@@ -1 +1 @@
-import e from"./form-field-base.js";import{defineComponent as t,h as n}from"vue";import{Slot as r,useForm as i}from"@soybeanjs/headless";function a(a){let o=i(a),s=t((t,{slots:i})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>i.label?.(a.value),description:i.description?()=>i.description(a.value):void 0,default:e=>n(r,{size:t.size,id:e.formFieldId,ariaDescribedBy:e.ariaDescribedBy,ariaInvalid:e.ariaInvalid,name:t.name,modelValue:a.value.value,"onUpdate:modelValue":e=>o.setFieldValue(t.name,e),onBlur:e=>a.value.onBlur(e,t.name),onChange:()=>a.value.onChange(),onInput:()=>a.value.onInput()},{default:()=>i.default?.(a.value)})})},{name:`SFormField`,props:[`name`]}),c=t((t,{slots:r})=>{let i=o.useFieldArray(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:i.value.meta.error,...t,isFieldArray:!0},{label:()=>r.label?.(i.value),description:r.description?()=>r.description(i.value):void 0,default:()=>r.default?.(i.value)})},{name:`SFormFieldArray`,props:[`name`]});return{...o,SFormField:s,SFormFieldArray:c}}export{a as useForm};
+import e from"./form-field.js";import t from"./form-field-array.js";import{useForm as n}from"@soybeanjs/headless/form";function r(r){let[i,a,o]=n(r,e,t);return{...i,SFormField:a,SFormFieldArray:o}}export{r as useForm};

package/dist/components/form/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{form:`grid`,field:`flex`,fieldArray:`flex`,label:`flex items-center whitespace-nowrap`,control:``,description:`text-muted-foreground m-0`,error:`font-medium text-destructive m-0`},variants:{size:{xs:{field:`text-2xs gap-x-2.25 gap-y-1.5`,fieldArray:`text-2xs gap-x-2.25 gap-y-1.5`,label:`gap-1.5`},sm:{field:`text-xs gap-x-2.5 gap-y-1.75`,fieldArray:`text-xs gap-x-2.5 gap-y-1.75`,label:`gap-1.75`},md:{field:`text-sm gap-x-3 gap-y-2`,fieldArray:`text-sm gap-x-3 gap-y-2`,label:`gap-2`},lg:{field:`text-base gap-x-3.75 gap-y-2.5`,fieldArray:`text-base gap-x-3.75 gap-y-2.5`,label:`gap-2.5`},xl:{field:`text-lg gap-x-4.5 gap-y-3`,fieldArray:`text-lg gap-x-4.5 gap-y-3`,label:`gap-3`},"2xl":{field:`text-xl gap-x-5.25 gap-y-3.5`,fieldArray:`text-xl gap-x-5.25 gap-y-3.5`,label:`gap-3.5`}},inline:{true:{field:`justify-between items-center`,fieldArray:`justify-between`,label:`shrink-0 justify-end`,control:`grow-1 shrink-1 min-w-0`,description:`w-full`,error:`absolute left-0 top-full w-full`},false:{field:`flex-col`,fieldArray:`flex-col`}}},defaultVariants:{size:`md`,inline:!1}});export{t as formVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{form:`grid`,field:[`group flex data-[orientation=vertical]:flex-col`,`data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:justify-between data-[orientation=horizontal]:items-center`],fieldArray:[`group flex data-[orientation=vertical]:flex-col`,`data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:justify-between`],label:[`flex items-center whitespace-nowrap`,`group-data-[orientation=horizontal]:justify-end group-data-[orientation=horizontal]:shrink-0`],control:`group-data-[orientation=horizontal]:flex-1 group-data-[orientation=horizontal]:min-w-0`,description:`text-muted-foreground m-0 group-data-[orientation=horizontal]:w-full`,error:[`font-medium text-destructive m-0`,`group-data-[orientation=horizontal]:absolute group-data-[orientation=horizontal]:start-0 group-data-[orientation=horizontal]:top-full group-data-[orientation=horizontal]:w-full`]},variants:{size:{xs:{field:`text-2xs gap-x-2.25 gap-y-1.5`,fieldArray:`text-2xs gap-x-2.25 gap-y-1.5`,label:`gap-1.5`,description:`group-data-[error]:pt-1.75`},sm:{field:`text-xs gap-x-2.5 gap-y-1.75`,fieldArray:`text-xs gap-x-2.5 gap-y-1.75`,label:`gap-1.75`,description:`group-data-[error]:pt-2`},md:{field:`text-sm gap-x-3 gap-y-2`,fieldArray:`text-sm gap-x-3 gap-y-2`,label:`gap-2`,description:`group-data-[error]:pt-2.5`},lg:{field:`text-base gap-x-3.75 gap-y-2.5`,fieldArray:`text-base gap-x-3.75 gap-y-2.5`,label:`gap-2.5`,description:`group-data-[error]:pt-3`},xl:{field:`text-lg gap-x-4.5 gap-y-3`,fieldArray:`text-lg gap-x-4.5 gap-y-3`,label:`gap-3`,description:`group-data-[error]:pt-3.5`},"2xl":{field:`text-xl gap-x-5.25 gap-y-3.5`,fieldArray:`text-xl gap-x-5.25 gap-y-3.5`,label:`gap-3.5`,description:`group-data-[error]:pt-4.5`}}},defaultVariants:{size:`md`}});export{t as formVariants};

package/dist/components/hover-card/hover-card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{HoverCardArrow as _,HoverCardPopup as v,HoverCardPortal as y,HoverCardPositioner as b,HoverCardRoot as x,HoverCardTrigger as S,provideHoverCardUi as C}from"@soybeanjs/headless";const w=o({name:`SHoverCard`,__name:`hover-card`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`class`,`size`,`ui`,`placement`,`showArrow`,`positionerProps`,`popupProps`,`triggerProps`,`portalProps`,`arrowProps`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui,{popup:T.class})),A=n(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return C(k),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(y),l(s(o.portalProps)),{default:m(()=>[a(p(b),c(A.value,f(p(O))),{default:m(()=>[a(p(v),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{HoverCardArrow as _,HoverCardPopup as v,HoverCardPortal as y,HoverCardPositioner as b,HoverCardRoot as x,HoverCardTrigger as S,provideHoverCardUi as C}from"@soybeanjs/headless/hover-card";const w=o({name:`SHoverCard`,__name:`hover-card`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`class`,`size`,`ui`,`placement`,`showArrow`,`positionerProps`,`popupProps`,`triggerProps`,`portalProps`,`arrowProps`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui,{popup:T.class})),A=n(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return C(k),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(y),l(s(o.portalProps)),{default:m(()=>[a(p(b),c(A.value,f(p(O))),{default:m(()=>[a(p(v),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/hover-card/index.d.ts

@@ -1,4 +1,3 @@
 import { HoverCardEmits, HoverCardProps } from "./types.js";
 import { _default } from "./hover-card.vue.js";
-import { HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, HoverCardUiSlot } from "@soybeanjs/headless/hover-card";
-export { type HoverCardArrowProps, type HoverCardPopupProps, type HoverCardPortalProps, type HoverCardPositionerEmits, type HoverCardPositionerProps, type HoverCardRootEmits, type HoverCardRootProps, type HoverCardTriggerProps, type HoverCardUi, type HoverCardUiSlot };
+export * from "@soybeanjs/headless/hover-card";

package/dist/components/hover-card/types.d.ts

@@ -1,22 +1,56 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, Placement } from "@soybeanjs/headless";
+import { HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi } from "@soybeanjs/headless/hover-card";
+import { ClassValue, Placement } from "@soybeanjs/headless/types";
 
 //#region src/components/hover-card/types.d.ts
+/**
+ * Properties for the HoverCard component.
+ */
 interface HoverCardProps extends HoverCardRootProps {
   /**
    * class of popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<HoverCardUi>;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Properties forwarded to the positioner element.
+   */
   positionerProps?: HoverCardPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: HoverCardPopupProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: HoverCardTriggerProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: HoverCardPortalProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
   arrowProps?: HoverCardArrowProps;
 }
+/**
+ * Events for the HoverCard component.
+ */
 type HoverCardEmits = HoverCardRootEmits & HoverCardPositionerEmits;
 //#endregion
 export { HoverCardEmits, HoverCardProps };

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

@@ -1,8 +1,14 @@
-import { IconValue } from "@soybeanjs/headless";
 import { IconProps } from "@iconify/vue";
+import { IconValue } from "@soybeanjs/headless/_icon";
 
 //#region src/components/icon/types.d.ts
+/**
+ * Properties for the Icon component.
+ */
 interface IconProps$1 extends Omit<IconProps, 'icon'> {
+  /**
+   * Icon rendered by the component.
+   */
   icon: IconValue;
 }
 //#endregion

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

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