@soybeanjs/ui 0.17.0 → 0.18.0

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

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

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/editable";const D=s({name:`SEditable`,__name:`editable`,props:{class:{},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(s,{emit:D}){let O=s,k=D,A=v(O,[`class`,`size`,`ui`,`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),j=_(k),M=r(()=>e(n({size:O.size}),O.ui,{root:O.class}));return E(M),(e,n)=>(f(),i(h(w),l(h(A),m(h(j))),{default:g(n=>[p(e.$slots,`default`,d(c(n)),()=>[o(h(y),d(c(s.areaProps)),{default:g(()=>[p(e.$slots,`preview`,d(c(n)),()=>[o(h(C),d(c(s.previewProps)),null,16)]),p(e.$slots,`input`,d(c(n)),()=>[o(h(S),d(c(s.inputProps)),null,16)]),a(`div`,{class:u(M.value.controls)},[p(e.$slots,`edit-trigger`,d(c(n)),()=>[o(h(x),d(c(s.editTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`submit-trigger`,d(c(n)),()=>[o(h(T),d(c(s.submitTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`cancel-trigger`,d(c(n)),()=>[o(h(b),d(c(s.cancelTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{D as default};
+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/types.d.ts

@@ -8,11 +8,11 @@ import { ClassValue, UiClass } from "@soybeanjs/headless/types";
  */
 type EditableExtraUiSlot = 'controls';
 /**
- * Extended UI class overrides for the editable component.
+ * Extended UI class overrides for the Editable component.
  */
 type EditableExtendedUi = UiClass<EditableUiSlot | EditableExtraUiSlot>;
 /**
- * Props for the editable component.
+ * Properties for the Editable component.
  */
 interface EditableProps extends EditableRootProps {
   /**
@@ -28,32 +28,32 @@ interface EditableProps extends EditableRootProps {
    */
   ui?: Partial<EditableExtendedUi>;
   /**
-   * Props forwarded to the area element.
+   * Properties forwarded to the area element.
    */
   areaProps?: EditableAreaProps;
   /**
-   * Props forwarded to the preview element.
+   * Properties forwarded to the preview element.
    */
   previewProps?: EditablePreviewProps;
   /**
-   * Props forwarded to the input element.
+   * Properties forwarded to the input element.
    */
   inputProps?: EditableInputProps;
   /**
-   * Props forwarded to the edit trigger element.
+   * Properties forwarded to the edit trigger element.
    */
   editTriggerProps?: EditableEditTriggerProps;
   /**
-   * Props forwarded to the submit trigger element.
+   * Properties forwarded to the submit trigger element.
    */
   submitTriggerProps?: EditableSubmitTriggerProps;
   /**
-   * Props forwarded to the cancel trigger element.
+   * Properties forwarded to the cancel trigger element.
    */
   cancelTriggerProps?: EditableCancelTriggerProps;
 }
 /**
- * Emits for the editable component.
+ * Events for the Editable component.
  */
 type EditableEmits = EditableRootEmits;
 //#endregion

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/empty";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,4 +1,3 @@
-import { EmptyMediaVariant } from "./variants.js";
-import { EmptyProps } from "./types.js";
+import { EmptyProps, EmptySlots } from "./types.js";
 import { _default } from "./empty.vue.js";
 export * from "@soybeanjs/headless/empty";

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

@@ -1,13 +1,12 @@
-import { IconValue } from "../icon/types.js";
-import { EmptyMediaVariant } from "./variants.js";
-import { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi } from "@soybeanjs/headless/empty";
+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
 /**
- * Props for the empty component.
+ * Properties for the Empty component.
  */
-interface EmptyProps extends EmptyRootProps {
+interface EmptyProps extends EmptyCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -17,41 +16,13 @@ interface EmptyProps extends EmptyRootProps {
    */
   ui?: Partial<EmptyUi>;
   /**
-   * Title text rendered by the component.
+   * Size variant of the component.
    */
-  title?: string;
-  /**
-   * Description text rendered by the component.
-   */
-  description?: string;
-  /**
-   * Icon rendered by the component.
-   */
-  icon?: IconValue;
-  /**
-   * Media variant.
-   */
-  mediaVariant?: EmptyMediaVariant;
-  /**
-   * Props forwarded to the header element.
-   */
-  headerProps?: EmptyHeaderProps;
-  /**
-   * Props forwarded to the media element.
-   */
-  mediaProps?: EmptyMediaProps;
-  /**
-   * Props forwarded to the content element.
-   */
-  contentProps?: EmptyContentProps;
-  /**
-   * Props forwarded to the title element.
-   */
-  titleProps?: EmptyTitleProps;
-  /**
-   * Props forwarded to the description element.
-   */
-  descriptionProps?: EmptyDescriptionProps;
+  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/form";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,4 +1,4 @@
-import { FormFieldBaseProps, 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";

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

@@ -1,15 +1,11 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ComponentOptionsMixin, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, PublicProps, SlotsType } from "vue";
-import { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues } from "@soybeanjs/headless/form";
-import { ClassValue, Path, PathValue, PropsToContext } from "@soybeanjs/headless/types";
+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
-/**
- * Props for the form field base component.
- */
-interface FormFieldBaseProps extends Omit<FormFieldProps, 'class'> {
+interface FormProps extends FormCompactProps {
   /**
-   * Additional class names applied to the root element.
+   * Additional class names applied to the form element.
    */
   class?: ClassValue;
   /**
@@ -19,95 +15,12 @@ interface FormFieldBaseProps extends Omit<FormFieldProps, 'class'> {
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<FormFieldUi>;
-  /**
-   * Whether the label is inline with the control.
-   */
-  inline?: boolean;
-  /**
-   * Label text rendered by the component.
-   */
-  label?: string;
-  /**
-   * Description text rendered by the component.
-   */
-  description?: string;
-  /**
-   * Props forwarded to the label element.
-   */
-  labelProps?: FormLabelProps;
-  /**
-   * Props forwarded to the control element.
-   */
-  controlProps?: FormControlProps;
-  /**
-   * Props forwarded to the description element.
-   */
-  descriptionProps?: FormDescriptionProps;
-  /**
-   * Props forwarded to the error element.
-   */
-  errorProps?: FormErrorProps;
-}
-/**
- * Props for the form field component.
- */
-interface FormFieldProps$1<Values extends FormValues, Name extends Path<Values>> extends Omit<FormFieldBaseProps, 'error' | 'fieldArray'>, FormRegisterOptions<PathValue<Values, Name>> {
-  /**
-   * Name.
-   */
-  name: Name;
+  ui?: Partial<FormUi>;
 }
 /**
- * Slots for the form field component.
- */
-type FormFieldSlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
-  /**
-   * Custom content for the default slot.
-   */
-  default: (props: FormFieldState<Values, Name>) => any;
-  /**
-   * Custom content for the label slot.
-   */
-  label: (props: FormFieldState<Values, Name>) => any;
-  /**
-   * Custom content for the description slot.
-   */
-  description: (props: FormFieldState<Values, Name>) => any;
-}>;
-/**
- * Type information for the form field component component.
- */
-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>>;
-/**
- * Props for the form field array component.
- */
-type FormFieldArrayProps<Values extends FormValues, Name extends Path<Values>> = FormFieldProps$1<Values, Name>;
-/**
- * Slots for the form field array component.
- */
-type FormFieldArraySlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
-  /**
-   * Custom content for the default slot.
-   */
-  default: (props: FormFieldArrayStates<Values, Name>) => any;
-  /**
-   * Custom content for the label slot.
-   */
-  label: (props: FormFieldArrayStates<Values, Name>) => any;
-  /**
-   * Custom content for the description slot.
-   */
-  description: (props: FormFieldArrayStates<Values, Name>) => any;
-}>;
-/**
- * Type information for the form field array component component.
- */
-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>>;
-/**
- * Props for the form component.
+ * Additional properties for form field components, including styling and UI customization options.
  */
-interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
+interface FormFieldExtraProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -120,34 +33,18 @@ interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<FormFieldUi>;
-  /**
-   * Whether the label is inline with the control.
-   */
-  inline?: boolean;
-  /**
-   * Props forwarded to the field element.
-   */
-  fieldProps?: FormFieldBaseProps;
-  /**
-   * Props forwarded to the field array element.
-   */
-  fieldArrayProps?: FormFieldBaseProps;
-  /**
-   * Props forwarded to the label element.
-   */
-  labelProps?: FormLabelProps;
-  /**
-   * Props forwarded to the control element.
-   */
-  controlProps?: FormControlProps;
-  /**
-   * Props forwarded to the description element.
-   */
-  descriptionProps?: FormDescriptionProps;
-  /**
-   * Props forwarded to the error element.
-   */
-  errorProps?: FormErrorProps;
+}
+/**
+ * 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>;
 }
 //#endregion
-export { FormFieldArrayComponent, FormFieldBaseProps, FormFieldComponent, FormProps };
+export { FormFieldBaseProps, FormFieldBaseSlots, FormProps, type UseFormOptions, UseFormReturn };

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

@@ -1,45 +1,7 @@
-import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as _$vue from "vue";
-import { FormValues, InferStandardSchemaInput, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless/form";
-import { Path } from "@soybeanjs/headless/types";
-import * as _$_soybeanjs_headless0 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{useForm as r}from"@soybeanjs/headless/form";import{Slot as i}from"@soybeanjs/headless/slot";function a(a){let o=r(a),s=t((t,{slots:r})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>r.label?.(a.value),description:r.description?()=>r.description(a.value):void 0,default:e=>n(i,{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:()=>r.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/hover-card";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/types.d.ts

@@ -4,7 +4,7 @@ import { ClassValue, Placement } from "@soybeanjs/headless/types";
 
 //#region src/components/hover-card/types.d.ts
 /**
- * Props for the hover card component.
+ * Properties for the HoverCard component.
  */
 interface HoverCardProps extends HoverCardRootProps {
   /**
@@ -28,28 +28,28 @@ interface HoverCardProps extends HoverCardRootProps {
    */
   showArrow?: boolean;
   /**
-   * Props forwarded to the positioner element.
+   * Properties forwarded to the positioner element.
    */
   positionerProps?: HoverCardPositionerProps;
   /**
-   * Props forwarded to the popup element.
+   * Properties forwarded to the popup element.
    */
   popupProps?: HoverCardPopupProps;
   /**
-   * Props forwarded to the trigger element.
+   * Properties forwarded to the trigger element.
    */
   triggerProps?: HoverCardTriggerProps;
   /**
-   * Props forwarded to the portal element.
+   * Properties forwarded to the portal element.
    */
   portalProps?: HoverCardPortalProps;
   /**
-   * Props forwarded to the arrow element.
+   * Properties forwarded to the arrow element.
    */
   arrowProps?: HoverCardArrowProps;
 }
 /**
- * Emits for the hover card component.
+ * Events for the HoverCard component.
  */
 type HoverCardEmits = HoverCardRootEmits & HoverCardPositionerEmits;
 //#endregion

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

@@ -3,7 +3,7 @@ import { IconValue } from "@soybeanjs/headless/_icon";
 
 //#region src/components/icon/types.d.ts
 /**
- * Props for the icon component.
+ * Properties for the Icon component.
  */
 interface IconProps$1 extends Omit<IconProps, 'icon'> {
   /**