@soybeanjs/headless 0.16.0 → 0.18.0

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

@@ -1 +1 @@
-import{provideFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`],u=i({name:`FormField`,__name:`form-field`,props:{error:{},isFieldArray:{type:Boolean}},setup(i){let u=i,d=n(()=>u.isFieldArray?t(`fieldArray`).value:t(`field`).value),{formFieldId:f,ariaDescribedBy:p,ariaInvalid:m}=e({error:n(()=>u.error)});return(e,t)=>(o(),r(`div`,{id:i.isFieldArray?c(f):void 0,class:a(d.value)},[s(e.$slots,`default`,{formFieldId:c(f),ariaDescribedBy:c(p),ariaInvalid:c(m)})],10,l))}});export{u as default};
+import{provideFormFieldContext as e,useFormFieldUi as t,useFormUi as n}from"./context.js";import{mergeClasses as r}from"./shared.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`id`,`data-field-type`],f=o({name:`FormField`,__name:`form-field`,props:{error:{},isFieldArray:{type:Boolean}},setup(o){let f=o,p=f.isFieldArray?`fieldArray`:`field`,m=n(p),h=t(p),g=i(()=>r(m.value,h.value)),{formFieldId:_,ariaDescribedBy:v,ariaInvalid:y}=e({error:i(()=>f.error)});return(e,t)=>(c(),a(`div`,{id:o.isFieldArray?u(_):void 0,class:s(g.value),"data-field-type":o.isFieldArray?`array`:`field`},[l(e.$slots,`default`,{formFieldId:u(_),ariaDescribedBy:u(v),ariaInvalid:u(y)})],10,d))}});export{f as default};

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

@@ -1 +1 @@
-import e from"../label/label.js";import"../label/index.js";import{useFormFieldContext as t,useFormFieldUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(i){let{formFieldId:u}=t(`FormLabel`),d=n(`label`);return(t,n)=>(o(),r(c(e),{for:c(u),class:a(c(d))},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{u as default};
+import e from"../label/label.js";import"../label/index.js";import{useFormFieldContext as t,useFormFieldUi as n,useFormUi as r}from"./context.js";import{mergeClasses as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(s){let{formFieldId:p}=t(`FormLabel`),m=r(`label`),h=n(`label`),g=a(()=>i(m.value,h.value));return(t,n)=>(l(),o(d(e),{for:d(p),class:c(g.value)},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{p as default};

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

@@ -1,11 +1,15 @@
-import { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps } from "./types.js";
-import { _default as _default$3 } from "./form-field.vue.js";
-import { _default as _default$4 } from "./form-label.vue.js";
-import { _default } from "./form-control.vue.js";
-import { _default as _default$1 } from "./form-description.vue.js";
-import { _default as _default$2 } from "./form-error.vue.js";
-import { provideFormFieldUi } from "./context.js";
-import { FormContext, FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormOptions, UseFormStateReturn, UseRegisterFieldArrayOptions } from "./core/types.js";
-import { useForm } from "./core/use-form.js";
+import { FormErrors, FormEventHandler, FormFieldArrayState, FormFieldArrayStates, FormFieldMeta, FormFieldState, FormFieldValidator, FormMessage, FormRegisterOptions, FormResetState, FormState, FormSubmitHelper, FormTouched, FormValidateMode, FormValues, InferStandardSchemaInput, UseFormStateReturn, UseHeadlessFormOptions, UseHeadlessFormReturn, UseRegisterFieldArrayOptions } from "./core/types.js";
+import { FormCompactProps, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayCompactSlots, FormFieldArrayComponent, FormFieldBaseCompactProps, FormFieldBaseCompactSlots, FormFieldCompactProps, FormFieldCompactSlots, FormFieldComponent, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps, FormUi, FormUiSlot, UseFormReturn } from "./types.js";
+import { _default } from "./form-compact.vue.js";
+import { _default as _default$7 } from "./form-field-compact.vue.js";
+import { _default as _default$5 } from "./form-field-array-compact.vue.js";
+import { _default as _default$6 } from "./form-field-base-compact.vue.js";
+import { _default as _default$4 } from "./form-field.vue.js";
+import { _default as _default$8 } from "./form-label.vue.js";
+import { _default as _default$1 } from "./form-control.vue.js";
+import { _default as _default$2 } from "./form-description.vue.js";
+import { _default as _default$3 } from "./form-error.vue.js";
+import { provideFormFieldUi, provideFormUi } from "./context.js";
+import { useForm } from "./use-form.js";
 import { StandardSchemaV1 } from "@standard-schema/spec";
-export { type FormContext, _default as FormControl, type FormControlProps, _default$1 as FormDescription, type FormDescriptionProps, _default$2 as FormError, type FormErrorProps, type FormErrors, type FormEventHandler, _default$3 as FormField, type FormFieldArrayState, type FormFieldArrayStates, type FormFieldMeta, type FormFieldProps, type FormFieldState, type FormFieldUi, type FormFieldUiSlot, type FormFieldValidator, _default$4 as FormLabel, type FormLabelProps, type FormMessage, type FormRegisterOptions, type FormResetState, type FormState, type FormSubmitHelper, type FormTouched, type FormValidateMode, type FormValues, type InferStandardSchemaInput, type StandardSchemaV1, type UseFormOptions, type UseFormStateReturn, type UseRegisterFieldArrayOptions, provideFormFieldUi, useForm };
+export { _default as FormCompact, type FormCompactProps, _default$1 as FormControl, type FormControlProps, _default$2 as FormDescription, type FormDescriptionProps, _default$3 as FormError, type FormErrorProps, type FormErrors, type FormEventHandler, _default$4 as FormField, _default$5 as FormFieldArrayCompact, type FormFieldArrayCompactSlots, type FormFieldArrayComponent, type FormFieldArrayState, type FormFieldArrayStates, _default$6 as FormFieldBaseCompact, type FormFieldBaseCompactProps, type FormFieldBaseCompactSlots, _default$7 as FormFieldCompact, type FormFieldCompactProps, type FormFieldCompactSlots, type FormFieldComponent, type FormFieldMeta, type FormFieldProps, type FormFieldState, type FormFieldUi, type FormFieldUiSlot, type FormFieldValidator, _default$8 as FormLabel, type FormLabelProps, type FormMessage, type FormRegisterOptions, type FormResetState, type FormState, type FormSubmitHelper, type FormTouched, type FormUi, type FormUiSlot, type FormValidateMode, type FormValues, type InferStandardSchemaInput, type StandardSchemaV1, type UseFormReturn, type UseFormStateReturn, type UseHeadlessFormOptions, type UseHeadlessFormReturn, type UseRegisterFieldArrayOptions, provideFormFieldUi, provideFormUi, useForm };

package/dist/components/form/index.js

@@ -1 +1 @@
-import{provideFormFieldUi as e}from"./context.js";import t from"./form-field.js";import n from"./form-label.js";import r from"./form-control.js";import i from"./form-description.js";import a from"./form-error.js";import{useForm as o}from"./core/use-form.js";export{r as FormControl,i as FormDescription,a as FormError,t as FormField,n as FormLabel,e as provideFormFieldUi,o as useForm};
+import{provideFormFieldUi as e,provideFormUi as t}from"./context.js";import{useForm as n}from"./use-form.js";import r from"./form-compact.js";import i from"./form-field.js";import a from"./form-label.js";import o from"./form-control.js";import s from"./form-description.js";import c from"./form-error.js";import l from"./form-field-base-compact.js";import u from"./form-field-compact.js";import d from"./form-field-array-compact.js";export{r as FormCompact,o as FormControl,s as FormDescription,c as FormError,i as FormField,d as FormFieldArrayCompact,l as FormFieldBaseCompact,u as FormFieldCompact,a as FormLabel,e as provideFormFieldUi,t as provideFormUi,n as useForm};

package/dist/components/form/shared.js

@@ -0,0 +1 @@
+function e(...e){let t=e.filter(Boolean),n=[],r=[];return t.forEach(e=>{typeof e==`string`?n.push(e):r.push(e)}),[...new Set(n.join(` `).split(/\s+/g).filter(Boolean)),...r].join(` `)}export{e as mergeClasses};

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

@@ -1,17 +1,163 @@
-import { UiClass } from "../../types/common.js";
+import { DataOrientation, UiClass } from "../../types/common.js";
+import { Path, PathValue } from "../../types/path.js";
 import { LabelProps } from "../label/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { FormFieldArrayStates, FormFieldState, FormRegisterOptions, FormValues, UseHeadlessFormReturn } from "./core/types.js";
+import { ComponentOptionsMixin, ComputedRef, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, HTMLAttributes, PublicProps, SlotsType } from "vue";
 
 //#region src/components/form/types.d.ts
+/**
+ * Properties for the FormField component.
+ */
 interface FormFieldProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Error.
+   */
   error?: string;
+  /**
+   * Whether the field is an array.
+   */
   isFieldArray?: boolean;
 }
+/**
+ * Properties for the FormLabel component.
+ */
 interface FormLabelProps extends LabelProps {}
+/**
+ * Properties for the FormControl component.
+ */
 interface FormControlProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the FormDescription component.
+ */
 interface FormDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the FormError component.
+ */
 interface FormErrorProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Common properties for form field and form field array components, used in both compact and non-compact modes.
+ */
+interface FormFieldCommonProps {
+  /**
+   * Orientation of the form field.
+   *
+   * @default 'vertical'
+   */
+  orientation?: DataOrientation;
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: FormLabelProps;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: FormControlProps;
+  /**
+   * Properties forwarded to the description element.
+   */
+  descriptionProps?: FormDescriptionProps;
+  /**
+   * Properties forwarded to the error element.
+   */
+  errorProps?: FormErrorProps;
+}
+/**
+ * Properties for the FormFieldBaseCompact component.
+ */
+interface FormFieldBaseCompactProps extends FormFieldProps, FormFieldCommonProps {}
+/**
+ * Slots for the FormFieldBaseCompact component.
+ */
+type FormFieldBaseCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the label slot.
+   */
+  label?: () => any;
+  /**
+   * Custom content for the description slot.
+   */
+  description?: () => any;
+};
+/**
+ * State and methods provided by the form field context.
+ */
+interface FormFieldCompactProps<Values extends FormValues, Name extends Path<Values>> extends Omit<FormFieldProps, 'error' | 'isFieldArray'>, FormFieldCommonProps, FormRegisterOptions<PathValue<Values, Name>> {
+  /**
+   * The name of the form field, used for registration and value retrieval.
+   */
+  name: Name;
+}
+/**
+ * Slots for the FormFieldCompact component.
+ */
+type FormFieldCompactSlots<Values extends FormValues, Name extends Path<Values>> = {
+  /**
+   * 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 FormFieldComponent.
+ */
+type FormFieldComponent<Values extends FormValues, ExtraProps extends Record<string, any> = {}> = new <Name extends Path<Values>>(props: FormFieldCompactProps<Values, Name> & PublicProps & ExtraProps) => CreateComponentPublicInstanceWithMixins<FormFieldCompactProps<Values, Name> & ExtraProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, SlotsType<FormFieldCompactSlots<Values, Name>>>;
+/**
+ * Slots for the FormFieldArrayCompact component.
+ */
+type FormFieldArrayCompactSlots<Values extends FormValues, Name extends Path<Values>> = {
+  /**
+   * 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 FormFieldArrayComponent.
+ */
+type FormFieldArrayComponent<Values extends FormValues, ExtraProps extends Record<string, any> = {}> = new <Name extends Path<Values>>(props: FormFieldCompactProps<Values, Name> & PublicProps & ExtraProps) => CreateComponentPublicInstanceWithMixins<FormFieldCompactProps<Values, Name> & ExtraProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, SlotsType<FormFieldArrayCompactSlots<Values, Name>>>;
+/**
+ * Properties for the FormCompact component.
+ */
+interface FormCompactProps extends Pick<FormFieldCommonProps, 'orientation' | 'labelProps' | 'controlProps' | 'descriptionProps' | 'errorProps'>, /** @vue-ignore */FormHTMLAttributes {
+  fieldProps?: FormFieldProps;
+  fieldArrayProps?: FormFieldProps;
+}
+type UseFormReturn<Values extends FormValues, FieldExtraProps extends Record<string, any> = {}, FieldArrayExtraProps extends Record<string, any> = {}> = [UseHeadlessFormReturn<Values>, Field: FormFieldComponent<Values, FieldExtraProps>, FieldArray: FormFieldArrayComponent<Values, FieldArrayExtraProps>];
+/**
+ * Available UI slots for the FormField component.
+ */
 type FormFieldUiSlot = 'field' | 'fieldArray' | 'label' | 'control' | 'description' | 'error';
+/**
+ * UI class overrides for the FormField component.
+ */
 type FormFieldUi = UiClass<FormFieldUiSlot>;
+type FormUiSlot = 'form' | FormFieldUiSlot;
+type FormUi = UiClass<FormUiSlot>;
 //#endregion
-export { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps };
+export { FormCompactProps, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayCompactSlots, FormFieldArrayComponent, FormFieldBaseCompactProps, FormFieldBaseCompactSlots, FormFieldCompactProps, FormFieldCompactSlots, FormFieldComponent, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps, FormUi, FormUiSlot, UseFormReturn };

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

@@ -0,0 +1,8 @@
+import { FormValues, InferStandardSchemaInput, UseHeadlessFormOptions } from "./core/types.js";
+import { FormFieldArrayComponent, FormFieldComponent, UseFormReturn } from "./types.js";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+
+//#region src/components/form/use-form.d.ts
+declare function useForm<S extends StandardSchemaV1<FormValues, FormValues>, FieldExtraProps extends Record<string, any> = {}, FieldArrayExtraProps extends Record<string, any> = {}>(options: UseHeadlessFormOptions<S>, Field: FormFieldComponent<InferStandardSchemaInput<S>, FieldExtraProps>, FieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>, FieldArrayExtraProps>): UseFormReturn<InferStandardSchemaInput<S>, FieldExtraProps, FieldArrayExtraProps>;
+//#endregion
+export { useForm };

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

@@ -0,0 +1 @@
+import{useHeadlessForm as e}from"./core/use-form.js";import{inject as t,provide as n}from"vue";const r=Symbol(`UseFormContext`);function i(t,i,a){let o=e(t);return n(r,o),[o,i,a]}const a=Symbol(`UseFormSubContext`);function o(){let e=t(a);if(!e)throw Error(`useFormContext must be used within a useForm provider`);return e}function s(){let e=t(r,null);if(!e)throw Error(`useFormContext must be used within a useForm provider`);return n(a,e),e}export{s as provideFormSub,i as useForm,o as useFormSub};

package/dist/components/hover-card/hover-card-compact.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardCompactProps, {}, {}, {
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   showArrow: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{useHoverCardRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,watchPostEffect as f,withCtx as p}from"vue";import{defu as m}from"defu";const h=s({name:`HoverCardPositionerImpl`,__name:`hover-card-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(s,{emit:h}){let g=s,_=h,{isPointerInTransitRef:v,onClose:y,onDismiss:b,popupElement:x,triggerElement:S}=i(`HoverCardPositionerImpl`),[C,w]=t();n({triggerElement:S,areaElement:C,onPointerInTransitChange:e=>{v.value=e},onPointerExit:()=>{y()}});let{pointerEvents:T}=e(C,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{_(`escapeKeyDown`,e)},onPointerDownOutside:e=>{_(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault(),_(`focusOutside`,e)},onDismiss:()=>{b()}}),E=a(()=>m(g,{side:`bottom`,sideOffset:4,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return f(()=>{x.value&&T.value&&(x.value.style.pointerEvents=T.value)}),(e,t)=>(l(),o(d(r),c(E.value,{ref:d(w)}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{useHoverCardRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,watchPostEffect as f,withCtx as p}from"vue";import{defu as m}from"defu";const h=s({name:`HoverCardPositionerImpl`,__name:`hover-card-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(s,{emit:h}){let g=s,_=h,{isPointerInTransitRef:v,onClose:y,onDismiss:b,popupElement:x,triggerElement:S}=i(`HoverCardPositionerImpl`),[C,w]=t();n({triggerElement:S,areaElement:C,subAreaAttribute:`data-soybean-hover-card-sub-popup`,onPointerInTransitChange:e=>{v.value=e},onPointerExit:()=>{y()}});let{pointerEvents:T}=e(C,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{_(`escapeKeyDown`,e)},onPointerDownOutside:e=>{_(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault(),_(`focusOutside`,e)},onDismiss:()=>{b()}}),E=a(()=>m(g,{side:`bottom`,sideOffset:4,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return f(()=>{x.value&&T.value&&(x.value.style.pointerEvents=T.value)}),(e,t)=>(l(),o(d(r),c(E.value,{ref:d(w)}),{default:p(()=>[u(e.$slots,`default`)]),_:3},16))}});export{h as default};

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardRootProps, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<HoverCardRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   openDelay: number;
   closeDelay: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -4,6 +4,9 @@ import { PortalProps } from "../portal/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/hover-card/types.d.ts
+/**
+ * Properties for the HoverCardRoot component.
+ */
 interface HoverCardRootProps {
   /** The open state of the hover card when it is initially rendered. Use when you do not need to control its open state. */
   defaultOpen?: boolean;
@@ -14,27 +17,81 @@ interface HoverCardRootProps {
   /** The duration from when the pointer leaves the trigger or popup until the hover card closes. */
   closeDelay?: number;
 }
+/**
+ * Events for the HoverCardRoot component.
+ */
 interface HoverCardRootEmits {
   /** Event handler called when the open state of the hover card changes. */
   'update:open': [value: boolean];
 }
+/**
+ * Properties for the HoverCardPositionerImpl component.
+ */
 interface HoverCardPositionerImplProps extends PopperPositionerProps {}
+/**
+ * Events for the HoverCardPositionerImpl component.
+ */
 type HoverCardPositionerImplEmits = Pick<DismissableLayerEmits, 'escapeKeyDown' | 'pointerDownOutside' | 'focusOutside'>;
+/**
+ * Properties for the HoverCardPositioner component.
+ */
 interface HoverCardPositionerProps extends HoverCardPositionerImplProps, ForceMountProps {}
+/**
+ * Events for the HoverCardPositioner component.
+ */
 type HoverCardPositionerEmits = HoverCardPositionerImplEmits;
+/**
+ * Properties for the HoverCardPopup component.
+ */
 interface HoverCardPopupProps extends PopperPopupProps {}
+/**
+ * Properties for the HoverCardCompact component.
+ */
 interface HoverCardCompactProps extends HoverCardRootProps {
+  /**
+   * Placement.
+   */
   placement?: PopperPositionerProps['placement'];
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: PopperAnchorProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the positioner element.
+   */
   positionerProps?: HoverCardPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: HoverCardPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
   arrowProps?: PopperArrowProps;
 }
+/**
+ * Events for the HoverCardCompact component.
+ */
 type HoverCardCompactEmits = HoverCardRootEmits & HoverCardPositionerEmits;
+/**
+ * Slots for the HoverCardCompact component.
+ */
 interface HoverCardCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: () => any;
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: () => any;
 }
 //#endregion

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

@@ -1,5 +1,7 @@
-import { InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot } from "./types.js";
-import { _default as _default$1 } from "./input-root.vue.js";
-import { _default } from "./input-control.vue.js";
+import { InputClearEmits, InputClearProps, InputCompactEmits, InputCompactProps, InputCompactSlotProps, InputCompactSlots, InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot } from "./types.js";
+import { _default as _default$1 } from "./input-compact.vue.js";
+import { _default as _default$3 } from "./input-root.vue.js";
+import { _default as _default$2 } from "./input-control.vue.js";
+import { _default } from "./input-clear.vue.js";
 import { provideInputUi } from "./context.js";
-export { _default as InputControl, type InputControlProps, _default$1 as InputRoot, type InputRootEmits, type InputRootProps, type InputUi, type InputUiSlot, provideInputUi };
+export { _default as InputClear, type InputClearEmits, type InputClearProps, _default$1 as InputCompact, type InputCompactEmits, type InputCompactProps, type InputCompactSlotProps, type InputCompactSlots, _default$2 as InputControl, type InputControlProps, _default$3 as InputRoot, type InputRootEmits, type InputRootProps, type InputUi, type InputUiSlot, provideInputUi };

package/dist/components/input/index.js

@@ -1 +1 @@
-import{provideInputUi as e}from"./context.js";import t from"./input-root.js";import n from"./input-control.js";export{n as InputControl,t as InputRoot,e as provideInputUi};
+import{provideInputUi as e}from"./context.js";import t from"./input-root.js";import n from"./input-clear.js";import r from"./input-control.js";import i from"./input-compact.js";export{n as InputClear,i as InputCompact,r as InputControl,t as InputRoot,e as provideInputUi};

package/dist/components/input/input-clear.js

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import{useInputRootContext as t,useInputUi as n}from"./context.js";import r from"../button/button.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`InputClear`,__name:`input-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(s,{emit:p}){let m=s,h=p,g=n(`clearable`),{disabled:_,readonly:v,onClear:y}=t(`InputClear`),b=i(()=>m.disabled||_.value||v.value||!1),x=e=>{h(`clear`,e),!e.defaultPrevented&&y?.()};return(t,n)=>(l(),a(r,c(m,{"data-slot":`clearable`,class:d(g),disabled:b.value,onClick:x}),{default:f(()=>[u(t.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`})])]),_:3},16,[`class`,`disabled`]))}});export{p as default};

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

@@ -0,0 +1,22 @@
+import { InputClearProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input/input-clear.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<InputClearProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+}, string, _$vue.PublicProps, Readonly<InputClearProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/input/input-compact.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./input-root.js";import r from"./input-clear.js";import i from"./input-control.js";import{createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`InputCompact`,__name:`input-compact`,props:{clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(c,{emit:m}){let h=c,g=m,_=t(h,[`inputRef`,`controlProps`,`clearable`]),[v,y]=e(e=>h.inputRef?.(e));return(e,t)=>(u(),a(n,l(f(_),{"onUpdate:modelValue":t[1]||(t[1]=e=>g(`update:modelValue`,e))}),{default:p(({clear:n,modelValue:a})=>[d(e.$slots,`leading`,{clear:n,modelValue:a}),s(i,l(c.controlProps,{ref:f(y)}),null,16),c.clearable?d(e.$slots,`clear`,{key:0,clear:n,modelValue:a},()=>[s(r,l(c.clearProps,{onClear:t[0]||(t[0]=e=>g(`clear`,e))}),null,16)]):o(`v-if`,!0),d(e.$slots,`trailing`,{clear:n,modelValue:a})]),_:3},16))}});export{m as default};

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

@@ -0,0 +1,21 @@
+import { InputCompactProps, InputCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input/input-compact.vue.d.ts
+type __VLS_Slots = InputCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<InputCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+  "update:modelValue": (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<InputCompactProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/input/input-control.js

@@ -1 +1 @@
-import{useInputRootContext as e,useInputUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,unref as o}from"vue";const s=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`name`,`required`,`value`],c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,id:l,autofocus:u,placeholder:d,disabled:f,readonly:p,maxlength:m,minlength:h,pattern:g,name:_,required:v}=e(`InputControl`),y=t(`control`),b=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,{id:o(l),class:i(o(y)),"aria-disabled":o(f)??void 0,"aria-roledescription":`Input`,autocorrect:`off`,autofocus:o(u),"data-disabled":o(f)?``:void 0,"data-readonly":o(p)?``:void 0,disabled:o(f),maxlength:o(m),minlength:o(h),pattern:o(g),placeholder:o(d),readonly:o(p),name:o(_),required:o(v),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:b},null,42,s))}});export{c as default};
+import{useInputRootContext as e,useInputUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,unref as o}from"vue";const s=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`name`,`required`,`value`],c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,id:l,autofocus:u,placeholder:d,disabled:f,readonly:p,maxlength:m,minlength:h,pattern:g,name:_,required:v}=e(`InputControl`),y=t(`control`),b=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,{id:o(l),"data-slot":`control`,class:i(o(y)),"aria-disabled":o(f)??void 0,"aria-roledescription":`Input`,autocorrect:`off`,autofocus:o(u),"data-disabled":o(f)?``:void 0,"data-readonly":o(p)?``:void 0,disabled:o(f),maxlength:o(m),minlength:o(h),pattern:o(g),placeholder:o(d),readonly:o(p),name:o(_),required:o(v),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:b},null,42,s))}});export{c as default};

package/dist/components/input/input-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideInputRootContext as i,useInputUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=a(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=()=>{C.value=``};return i({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`,`name`,`required`]),modelValue:C}),(e,t)=>(p(),u(`div`,{ref:h(x),class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(o,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideInputRootContext as i,useInputUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=a(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=()=>{v.disabled||v.readonly||(C.value=``)};return i({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`,`name`,`required`]),modelValue:C,onClear:T}),(e,t)=>(p(),u(`div`,{ref:h(x),"data-slot":`root`,class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(o,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};

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

@@ -1,8 +1,12 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import { ButtonProps } from "../button/types.js";
 import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input/types.d.ts
+/**
+ * Properties for the InputBase component.
+ */
 interface InputBaseProps {
   /** Id of the input element */
   id?: string;
@@ -21,17 +25,105 @@ interface InputBaseProps {
   /** When `true`, the input is read-only. */
   readonly?: boolean;
 }
+/**
+ * Properties for the InputRoot component.
+ */
 interface InputRootProps extends InputBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The default value of the input */
   defaultValue?: string;
   /** The controlled value of the input */
   modelValue?: string;
 }
+/**
+ * Events for the InputRoot component.
+ */
 type InputRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: string];
 };
+/**
+ * Properties for the InputControl component.
+ */
 interface InputControlProps extends /** @vue-ignore */InputHTMLAttributes {}
-type InputUiSlot = 'root' | 'control';
+/**
+ * Properties for the InputClear component.
+ */
+interface InputClearProps extends ButtonProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Events for the InputClear component.
+ */
+type InputClearEmits = {
+  /**
+   * Emitted when the clear button is clicked.
+   */
+  clear: [event: PointerEvent];
+};
+/**
+ * Available UI slots for the Input component.
+ */
+type InputUiSlot = 'root' | 'control' | 'clearable';
+/**
+ * UI class overrides for the Input component.
+ */
 type InputUi = UiClass<InputUiSlot>;
+/**
+ * Slot properties for the InputCompact component.
+ */
+interface InputCompactSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue?: string;
+  /**
+   * Clear handler.
+   */
+  clear: () => void;
+}
+/**
+ * Properties for the InputCompact component.
+ */
+interface InputCompactProps extends InputRootProps {
+  /**
+   * Whether to show the clear trigger.
+   *
+   * @defaultValue false
+   */
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: InputControlProps;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: InputClearProps;
+}
+/**
+ * Events for the InputCompact component.
+ */
+type InputCompactEmits = InputRootEmits & InputClearEmits;
+/**
+ * Slots for the InputCompact component.
+ */
+type InputCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: (props: InputCompactSlotProps) => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: (props: InputCompactSlotProps) => any;
+  /**
+   * Custom content for the clear slot.
+   */
+  clear?: (props: InputCompactSlotProps) => any;
+};
 //#endregion
-export { InputBaseProps, InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot };
+export { InputBaseProps, InputClearEmits, InputClearProps, InputCompactEmits, InputCompactProps, InputCompactSlotProps, InputCompactSlots, InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot };

package/dist/components/input-number/input-number-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: _$vue.DefineComponent<InputNumberRootProps, {}, {}, {}
 }>, {
   step: number;
   modelValue: number | null;
-  stepSnapping: boolean;
   focusOnChange: boolean;
+  stepSnapping: boolean;
 }, {}, {}, {}, 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/input-number/types.d.ts

@@ -5,6 +5,9 @@ import { InputBaseProps } from "../input/types.js";
 import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input-number/types.d.ts
+/**
+ * Properties for the InputNumberRoot component.
+ */
 interface InputNumberRootProps extends InputBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The default value of the input */
   defaultValue?: number;
@@ -32,17 +35,44 @@ interface InputNumberRootProps extends InputBaseProps, FormFieldCommonProps, /**
   /** When `true`, inverts the direction of the wheel change. */
   invertWheelChange?: boolean;
 }
+/**
+ * Events for the InputNumberRoot component.
+ */
 type InputNumberRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [val: number];
 };
+/**
+ * Properties for the InputNumberControl component.
+ */
 interface InputNumberControlProps extends /** @vue-ignore */InputHTMLAttributes {}
+/**
+ * Properties for the InputNumberIncrement component.
+ */
 interface InputNumberIncrementProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Properties for the InputNumberDecrement component.
+ */
 interface InputNumberDecrementProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Available UI slots for the InputNumber component.
+ */
 type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control';
+/**
+ * UI class overrides for the InputNumber component.
+ */
 type InputNumberUi = UiClass<InputNumberUiSlot>;
 //#endregion
 export { InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };