@soybeanjs/headless 0.16.0 → 0.17.0

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
 }>, {
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
-  unmountOnHide: boolean;
   loop: boolean;
+  unmountOnHide: boolean;
   activationMode: TabsActivationMode;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -5,7 +5,13 @@ import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tabs/types.d.ts
+/**
+ * Type information for the tabs activation mode component.
+ */
 type TabsActivationMode = 'automatic' | 'manual';
+/**
+ * Props for the tabs root component.
+ */
 interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omit<RovingFocusGroupProps, 'as' | 'asChild' | 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus'> {
   /** The controlled value of the tab to activate. Can be bind as `v-model`. */
   modelValue?: T;
@@ -27,45 +33,114 @@ interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omi
    */
   unmountOnHide?: boolean;
 }
+/**
+ * Emits for the tabs root component.
+ */
 type TabsRootEmits<T = AcceptableValue> = {
   /** Event handler called when the value changes */'update:modelValue': [payload: NonNullable<T>];
 };
+/**
+ * Props for the tabs list component.
+ */
 interface TabsListProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tabs content component.
+ */
 interface TabsContentProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {
   /** A unique value that associates the content with a trigger. */
   value: DefinedValue;
 }
+/**
+ * Props for the tabs trigger component.
+ */
 interface TabsTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** A unique value that associates the trigger with a content. */
   value: DefinedValue;
   /** When `true`, prevents the user from interacting with the tab. */
   disabled?: boolean;
 }
+/**
+ * Props for the tabs indicator component.
+ */
 interface TabsIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the tabs component.
+ */
 interface TabsOptionData<T extends DefinedValue = DefinedValue> {
+  /**
+   * Value associated with the current item.
+   */
   value: T;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Props for the tabs compact component.
+ */
 interface TabsCompactProps<T extends TabsOptionData = TabsOptionData> extends TabsRootProps<T['value'] | null> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
+  /**
+   * Whether to enable indicator.
+   */
   enableIndicator?: boolean;
+  /**
+   * Props forwarded to the list element.
+   */
   listProps?: TabsListProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: TabsTriggerProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: TabsContentProps;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: TabsIndicatorProps;
 }
+/**
+ * Emits for the tabs compact component.
+ */
 type TabsCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Slots for the tabs compact component.
+ */
 type TabsCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: T & {
     active: boolean;
   }) => any;
+  /**
+   * Custom content for the content slot.
+   */
   content?: (props: T & {
     active: boolean;
   }) => any;
+  /**
+   * Custom content for the indicator slot.
+   */
   indicator?: () => any;
 };
+/**
+ * Available UI slots for the tabs component.
+ */
 type TabsUiSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator' | 'indicatorContent';
+/**
+ * UI class overrides for the tabs component.
+ */
 type TabsUi = UiClass<TabsUiSlot>;
 //#endregion
 export { TabsActivationMode, TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi, TabsUiSlot };

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

@@ -1,10 +1,22 @@
 import { HTMLAttributes } from "vue";
 
 //#region src/components/tag/types.d.ts
+/**
+ * Props for the tag component.
+ */
 interface TagProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
 }
+/**
+ * Emits for the tag component.
+ */
 type TagEmits = {
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
 //#endregion

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

@@ -4,8 +4,8 @@ import * as _$vue from "vue";
 //#region src/components/tags-input/tags-input-root.vue.d.ts
 declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__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<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TagsInputRootProps<T> & {
-    onInvalid?: ((value: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onInvalid?: ((value: T) => any) | undefined;
     onAddTag?: ((value: T) => any) | undefined;
     onRemoveTag?: ((value: T) => any) | undefined;
   }> & (typeof globalThis extends {
@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__VLS_
       modelValue: TagsInputAcceptableValue[] | undefined;
     }) => any;
   };
-  emit: ((evt: "invalid", value: T) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "addTag", value: T) => void) & ((evt: "removeTag", value: T) => void);
+  emit: ((evt: "update:modelValue", value: T[]) => void) & ((evt: "invalid", value: T) => void) & ((evt: "addTag", value: T) => void) & ((evt: "removeTag", value: T) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -4,7 +4,13 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tags-input/types.d.ts
+/**
+ * Type information for the tags input acceptable value component.
+ */
 type TagsInputAcceptableValue = string | number | bigint | Record<string, unknown>;
+/**
+ * Props for the tags input root component.
+ */
 interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** Id of the input element. */
   id?: string;
@@ -33,31 +39,88 @@ interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldComm
   /** Display the tag value. */
   displayValue?: (value: T) => string;
 }
+/**
+ * Emits for the tags input root component.
+ */
 type TagsInputRootEmits<T = TagsInputAcceptableValue> = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: T[]];
+  /**
+   * Emitted when invalid occurs.
+   */
   invalid: [value: T];
+  /**
+   * Emitted when add tag occurs.
+   */
   addTag: [value: T];
+  /**
+   * Emitted when remove tag occurs.
+   */
   removeTag: [value: T];
 };
+/**
+ * Props for the tags input input component.
+ */
 interface TagsInputInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Whether autofocus.
+   */
   autofocus?: boolean;
+  /**
+   * Maxlength.
+   */
   maxlength?: number;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Aria label.
+   */
   'aria-label'?: string;
+  /**
+   * Aria controls.
+   */
   'aria-controls'?: string;
 }
+/**
+ * Props for the tags input item component.
+ */
 interface TagsInputItemProps<T = TagsInputAcceptableValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'value'> {
   /** Value associated with the tag. */
   value: T;
   /** Whether to disable the tag item. */
   disabled?: boolean;
 }
+/**
+ * Props for the tags input item text component.
+ */
 interface TagsInputItemTextProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tags input item delete component.
+ */
 interface TagsInputItemDeleteProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the tags input clear component.
+ */
 interface TagsInputClearProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the tags input component.
+ */
 type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'input' | 'clear';
+/**
+ * UI class overrides for the tags input component.
+ */
 type TagsInputUi = UiClass<TagsInputUiSlot>;
 //#endregion
 export { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };

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

@@ -3,12 +3,18 @@ import { FormFieldCommonProps } from "../../types/component.js";
 import { ComputedRef, HTMLAttributes, ShallowRef, TextareaHTMLAttributes } from "vue";
 
 //#region src/components/textarea/types.d.ts
+/**
+ * Type information for the textarea autosize options component.
+ */
 interface TextareaAutosizeOptions {
   /** The minimum number of rows to display */
   minRows?: number;
   /** The maximum number of rows to display */
   maxRows?: number;
 }
+/**
+ * Props for the textarea base component.
+ */
 interface TextareaBaseProps {
   /** Id of the textarea element */
   id?: string;
@@ -25,6 +31,9 @@ interface TextareaBaseProps {
   /** When `true`, the textarea is read-only. */
   readonly?: boolean;
 }
+/**
+ * Props for the textarea root component.
+ */
 interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The default value of the textarea */
   defaultValue?: string;
@@ -33,12 +42,30 @@ interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, /**
   /** When `true` or an options object, enables auto-resizing based on content */
   autosize?: boolean | TextareaAutosizeOptions;
 }
+/**
+ * Emits for the textarea root component.
+ */
 type TextareaRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: string];
 };
+/**
+ * Props for the textarea control component.
+ */
 interface TextareaControlProps extends /** @vue-ignore */TextareaHTMLAttributes {}
+/**
+ * Props for the textarea counter component.
+ */
 interface TextareaCounterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the textarea component.
+ */
 type TextareaUiSlot = 'root' | 'control' | 'counter';
+/**
+ * UI class overrides for the textarea component.
+ */
 type TextareaUi = UiClass<TextareaUiSlot>;
 //#endregion
 export { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };

package/dist/components/time-field/time-field-root.vue.d.ts

@@ -25,11 +25,11 @@ declare const __VLS_base: _$vue.DefineComponent<TimeFieldRootProps, {}, {}, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeValue;
+  readonly: boolean;
   defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
   granularity: TimeGranularity;
   hideTimeZone: boolean;
-  readonly: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/time-field/types.d.ts

@@ -8,56 +8,194 @@ import { Formatter } from "../../date/formatter.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/time-field/types.d.ts
+/**
+ * Props for the time field root component.
+ */
 interface TimeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: TimeValue;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: TimeValue;
+  /**
+   * Current model value.
+   */
   modelValue?: TimeValue;
+  /**
+   * Hour cycle.
+   */
   hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
   step?: DateStep;
+  /**
+   * Granularity.
+   */
   granularity?: TimeGranularity;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
   maxValue?: TimeValue;
+  /**
+   * Min value.
+   */
   minValue?: TimeValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Whether the time is unavailable.
+   */
   isTimeUnavailable?: TimeMatcher;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
 }
+/**
+ * Emits for the time field root component.
+ */
 type TimeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [time: TimeValue];
 };
+/**
+ * Props for the time field input component.
+ */
 interface TimeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
   part: SegmentPart;
 }
+/**
+ * Type information for the time field segment component.
+ */
 interface TimeFieldSegment {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
   value: string;
 }
+/**
+ * Context for the time field root component.
+ */
 interface TimeFieldRootContext extends PropsToContext<TimeFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<TimeValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<TimeValue>;
+  /**
+   * Whether the time is unavailable.
+   */
   isTimeUnavailable?: TimeMatcher;
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
   formatter: Formatter;
+  /**
+   * Hour cycle used by the component context.
+   */
   hourCycle: HourCycle;
+  /**
+   * Step used by the component context.
+   */
   step: ComputedRef<DateStep>;
+  /**
+   * Segment values used by the component context.
+   */
   segmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * Segment contents used by the component context.
+   */
   segmentContents: ComputedRef<TimeFieldSegment[]>;
+  /**
+   * Input type used by the component context.
+   */
   inputType: ComputedRef<TimeInputType>;
+  /**
+   * Input value used by the component context.
+   */
   inputValue: ComputedRef<string>;
+  /**
+   * Input max value used by the component context.
+   */
   inputMaxValue: ComputedRef<string | undefined>;
+  /**
+   * Input min value used by the component context.
+   */
   inputMinValue: ComputedRef<string | undefined>;
+  /**
+   * Elements used by the component context.
+   */
   elements: ShallowRef<HTMLElement[]>;
+  /**
+   * Focus next used by the component context.
+   */
   focusNext: () => void;
+  /**
+   * Set focused element used by the component context.
+   */
   setFocusedElement: (el: HTMLElement) => void;
 }
+/**
+ * Available UI slots for the time field component.
+ */
 type TimeFieldUiSlot = 'root' | 'input';
+/**
+ * UI class overrides for the time field component.
+ */
 type TimeFieldUi = UiClass<TimeFieldUiSlot>;
 //#endregion
 export { TimeFieldInputProps, TimeFieldRootContext, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi, TimeFieldUiSlot };

package/dist/components/time-picker/time-picker-root.vue.d.ts

@@ -13,25 +13,25 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<TimePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (time: TimeValue | undefined) => any;
-  "update:placeholder": (time: TimeValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
 }, string, _$vue.PublicProps, Readonly<TimePickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
 }>, {
   placeholder: TimeValue;
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeValue;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
   defaultPlaceholder: TimeValue;
+  modal: boolean;
   hourCycle: 12 | 24;
   granularity: TimeGranularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  open: boolean;
-  defaultOpen: boolean;
-  modal: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;