@soybeanjs/headless 0.16.0 → 0.18.0

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

@@ -2,21 +2,57 @@ import { AcceptableValue, UiClass } from "../../types/common.js";
 import { TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUiSlot } from "../tabs/types.js";
 
 //#region src/components/segment/types.d.ts
+/**
+ * Properties for the SegmentCompact component.
+ */
 interface SegmentCompactProps<T extends TabsOptionData> extends TabsRootProps<T['value'] | null> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
+  /**
+   * Whether to enable indicator.
+   */
   enableIndicator?: boolean;
+  /**
+   * Properties forwarded to the list element.
+   */
   listProps?: TabsListProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: TabsTriggerProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
   indicatorProps?: TabsIndicatorProps;
 }
+/**
+ * Events for the SegmentCompact component.
+ */
 type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Slots for the SegmentCompact component.
+ */
 type SegmentCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+  /**
+   * Custom content for the item slot.
+   */
   item?: (props: T & {
     active: boolean;
   }) => any;
+  /**
+   * Custom content for the indicator slot.
+   */
   indicator?: () => any;
 };
+/**
+ * Available UI slots for the Segment component.
+ */
 type SegmentUiSlot = Exclude<TabsUiSlot, 'content'>;
+/**
+ * UI class overrides for the Segment component.
+ */
 type SegmentUi = UiClass<SegmentUiSlot>;
 //#endregion
 export { SegmentCompactEmits, SegmentCompactProps, SegmentCompactSlots, SegmentUi, SegmentUiSlot };

package/dist/components/select/select-content.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: _$vue.DefineComponent<SelectContentProps, {}, {}, {},
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-  position: SelectPosition;
   avoidCollisions: boolean;
   prioritizePosition: boolean;
+  position: SelectPosition;
   bodyLock: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -8,6 +8,9 @@ import { PortalProps } from "../portal/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/select/types.d.ts
+/**
+ * Properties for the SelectRoot component.
+ */
 interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectionProps<M, T>, FormFieldCommonProps {
   /** The controlled open state of the Select. Can be bind as `v-model:open`. */
   open?: boolean;
@@ -23,11 +26,23 @@ interface SelectRootProps<T extends DefinedValue = DefinedValue, M extends boole
   /** When `true`, prevents the user from interacting with Select */
   disabled?: boolean;
 }
+/**
+ * Events for the SelectRoot component.
+ */
 type SelectRootEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectionEmits<M, T> & {
   /** Event handler called when the open state of the context menu changes. */'update:open': [value: boolean];
 };
+/**
+ * Properties for the SelectPopup component.
+ */
 interface SelectPopupProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Type information for SelectPosition.
+ */
 type SelectPosition = 'item-aligned' | 'popper';
+/**
+ * Properties for the SelectContentImpl component.
+ */
 interface SelectContentImplProps extends PopperPositionerProps, DismissableLayerProps {
   /**
    * The positioning mode to use
@@ -43,15 +58,33 @@ interface SelectContentImplProps extends PopperPositionerProps, DismissableLayer
    * @defaultValue true
    */
   bodyLock?: boolean;
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: SelectPopupProps;
 }
+/**
+ * Events for the SelectContentImpl component.
+ */
 type SelectContentImplEmits = {
+  /**
+   * Emitted when close auto focus occurs.
+   */
   closeAutoFocus: [event: Event]; /** Event handler called when the escape key is down. Can be prevented. */
   escapeKeyDown: [event: KeyboardEvent]; /** Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented. */
   pointerDownOutside: [event: PointerDownOutsideEvent];
 };
+/**
+ * Properties for the SelectContent component.
+ */
 interface SelectContentProps extends SelectContentImplProps, ForceMountProps {}
+/**
+ * Events for the SelectContent component.
+ */
 type SelectContentEmits = SelectContentImplEmits;
+/**
+ * Properties for the SelectViewport component.
+ */
 interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits
@@ -59,12 +92,30 @@ interface SelectViewportProps extends /** @vue-ignore */HTMLAttributes {
    */
   nonce?: string;
 }
+/**
+ * Properties for the SelectGroup component.
+ */
 interface SelectGroupProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {}
+/**
+ * Properties for the SelectGroupLabel component.
+ */
 interface SelectGroupLabelProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SelectTrigger component.
+ */
 interface SelectTriggerProps extends PopperAnchorProps {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Properties for the SelectTriggerIcon component.
+ */
 interface SelectTriggerIconProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SelectItem component.
+ */
 interface SelectItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
   /** The value given as data when submitted with a `name`. */
   value: DefinedValue;
@@ -76,82 +127,271 @@ interface SelectItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAtt
    */
   textValue?: string;
 }
+/**
+ * Type information for SelectItemEvent.
+ */
 type SelectItemEvent<T extends DefinedValue = DefinedValue> = CustomEvent<{
+  /**
+   * Original event.
+   */
   originalEvent: PointerEvent | KeyboardEvent;
+  /**
+   * Value associated with the current item.
+   */
   value: T;
 }>;
+/**
+ * Events for the SelectItem component.
+ */
 type SelectItemEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the selecting item. <br> It can be prevented by calling `event.preventDefault`. */select: [event: SelectItemEvent<T>];
 };
+/**
+ * Properties for the SelectItemText component.
+ */
 interface SelectItemTextProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SelectItemIndicator component.
+ */
 interface SelectItemIndicatorProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Option data for the SelectSingle component.
+ */
 interface SelectSingleOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectItemProps, 'disabled' | 'textValue'> {
+  /**
+   * Value associated with the current item.
+   */
   value: T;
+  /**
+   * Icon rendered by the component.
+   */
   icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
   label: string;
+  /**
+   * Whether separator.
+   */
   separator?: boolean;
 }
+/**
+ * Option data for the SelectGroup component.
+ */
 interface SelectGroupOptionData<T extends DefinedValue = DefinedValue> extends Pick<SelectSingleOptionData<T>, 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
   items: SelectSingleOptionData<T>[];
 }
+/**
+ * Option data for the Select component.
+ */
 type SelectOptionData<T extends DefinedValue = DefinedValue> = SelectSingleOptionData<T> | SelectGroupOptionData<T>;
+/**
+ * Properties for the SelectCompact component.
+ */
 interface SelectCompactProps<T extends DefinedValue = DefinedValue, M extends boolean = false> extends SelectRootProps<T, M> {
+  /**
+   * Items rendered by the component.
+   */
   items: SelectOptionData<T>[];
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
   triggerProps?: SelectTriggerProps;
+  /**
+   * Properties forwarded to the trigger icon element.
+   */
   triggerIconProps?: SelectTriggerIconProps;
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Properties forwarded to the value element.
+   */
   valueProps?: SelectValueProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: SelectContentProps;
+  /**
+   * Placement.
+   */
   placement?: PopperPositionerProps['placement'];
+  /**
+   * Properties forwarded to the popup element.
+   */
   popupProps?: SelectPopupProps;
+  /**
+   * Properties forwarded to the viewport element.
+   */
   viewportProps?: SelectViewportProps;
+  /**
+   * Properties forwarded to the scroll down button element.
+   */
   scrollDownButtonProps?: SelectScrollDownButtonProps;
+  /**
+   * Properties forwarded to the scroll up button element.
+   */
   scrollUpButtonProps?: SelectScrollUpButtonProps;
+  /**
+   * Properties forwarded to the group element.
+   */
   groupProps?: SelectGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
   groupLabelProps?: SelectGroupLabelProps;
+  /**
+   * Properties forwarded to the item element.
+   */
   itemProps?: SelectItemProps;
+  /**
+   * Properties forwarded to the item text element.
+   */
   itemTextProps?: SelectItemTextProps;
+  /**
+   * Properties forwarded to the item indicator element.
+   */
   itemIndicatorProps?: SelectItemIndicatorProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
   separatorProps?: SelectSeparatorProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
   arrowProps?: PopperArrowProps;
 }
+/**
+ * Events for the SelectCompact component.
+ */
 type SelectCompactEmits<T extends DefinedValue = DefinedValue, M extends boolean = false> = SelectRootEmits<T, M> & SelectContentEmits & SelectItemEmits<T>;
 type SelectCompactModelValue<T extends DefinedValue = DefinedValue, M extends boolean = false> = (M extends true ? T[] : T) | undefined;
+/**
+ * Slot properties for the SelectCompactTriggerValue component.
+ */
 interface SelectCompactTriggerValueSlotProps<T extends DefinedValue = DefinedValue, M extends boolean = false> {
+  /**
+   * Current model value.
+   */
   modelValue: SelectCompactModelValue<T, M>;
+  /**
+   * Selected label exposed in the slot scope.
+   */
   selectedLabel: string[];
+  /**
+   * Slot text exposed in the slot scope.
+   */
   slotText: string;
 }
+/**
+ * Slot properties for the SelectCompactGroupLabel component.
+ */
 interface SelectCompactGroupLabelSlotProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
   item: SelectGroupOptionData<T>;
 }
+/**
+ * Slot properties for the SelectCompactItem component.
+ */
 interface SelectCompactItemSlotProps<T extends DefinedValue = DefinedValue> {
+  /**
+   * Current item data.
+   */
   item: SelectSingleOptionData<T>;
 }
+/**
+ * Slots for the SelectCompact component.
+ */
 type SelectCompactSlots<T extends DefinedValue = DefinedValue, M extends boolean = false> = {
+  /**
+   * Custom content for the trigger leading slot.
+   */
   'trigger-leading'?: () => any;
+  /**
+   * Custom content for the trigger value slot.
+   */
   'trigger-value'?: (props: SelectCompactTriggerValueSlotProps<T, M>) => any;
+  /**
+   * Custom content for the trigger trailing slot.
+   */
   'trigger-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
   'trigger-icon'?: () => any;
+  /**
+   * Custom content for the scroll up button slot.
+   */
   'scroll-up-button'?: () => any;
+  /**
+   * Custom content for the scroll down button slot.
+   */
   'scroll-down-button'?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
   'group-label'?: (props: SelectCompactGroupLabelSlotProps<T>) => any;
+  /**
+   * Custom content for the item text slot.
+   */
   'item-text'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: SelectCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
   'item-indicator'?: (props: SelectCompactItemSlotProps<T>) => any;
 };
+/**
+ * Properties for the SelectValue component.
+ */
 interface SelectValueProps extends /** @vue-ignore */HTMLAttributes {
   /** The content that will be rendered inside the `SelectValue` when no `value` or `defaultValue` is set. */
   placeholder?: string;
 }
+/**
+ * Properties for the SelectSeparator component.
+ */
 interface SelectSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SelectScrollButtonImpl component.
+ */
 interface SelectScrollButtonImplProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Properties for the SelectScrollDownButton component.
+ */
 interface SelectScrollDownButtonProps extends SelectScrollButtonImplProps {}
+/**
+ * Properties for the SelectScrollUpButton component.
+ */
 interface SelectScrollUpButtonProps extends SelectScrollButtonImplProps {}
+/**
+ * Available UI slots for the Select component.
+ */
 type SelectUiSlot = 'trigger' | 'triggerIcon' | 'value' | 'positioner' | 'popup' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIndicator' | 'separator' | 'scrollUpButton' | 'scrollDownButton' | 'arrow';
+/**
+ * UI class overrides for the Select component.
+ */
 type SelectUi = UiClass<SelectUiSlot>;
 //#endregion
 export { SelectCompactEmits, SelectCompactProps, SelectCompactSlots, SelectContentEmits, SelectContentProps, SelectGroupLabelProps, SelectGroupOptionData, SelectGroupProps, SelectItemEmits, SelectItemEvent, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectOptionData, SelectPopupProps, SelectPosition, SelectRootEmits, SelectRootProps, SelectScrollDownButtonProps, SelectScrollUpButtonProps, SelectSeparatorProps, SelectSingleOptionData, SelectTriggerIconProps, SelectTriggerProps, SelectUi, SelectUiSlot, SelectValueProps, SelectViewportProps };

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

@@ -2,7 +2,13 @@ import { DataOrientation, UiClass } from "../../types/common.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/separator/types.d.ts
+/**
+ * Properties for the SeparatorLabel component.
+ */
 interface SeparatorLabelProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SeparatorRoot component.
+ */
 interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Orientation of the component.
@@ -16,7 +22,13 @@ interface SeparatorRootProps extends /** @vue-ignore */HTMLAttributes {
    */
   decorative?: boolean;
 }
+/**
+ * Available UI slots for the Separator component.
+ */
 type SeparatorUiSlot = 'root' | 'label';
+/**
+ * UI class overrides for the Separator component.
+ */
 type SeparatorUi = UiClass<SeparatorUiSlot>;
 //#endregion
 export { SeparatorLabelProps, SeparatorRootProps, SeparatorUi, SeparatorUiSlot };

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

@@ -2,6 +2,9 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/skeleton/types.d.ts
+/**
+ * Properties for the Skeleton component.
+ */
 interface SkeletonProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
 //#endregion
 export { SkeletonProps };

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

@@ -24,9 +24,9 @@ declare const __VLS_base: _$vue.DefineComponent<SliderRootProps, {}, {}, {}, {},
   orientation: DataOrientation;
   as: AsTag | _$vue.Component;
   step: number;
-  defaultValue: number[];
-  modelValue: number[];
   inverted: boolean;
+  modelValue: number[];
+  defaultValue: number[];
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -5,7 +5,13 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/slider/types.d.ts
+/**
+ * Type information for SliderThumbAlignment.
+ */
 type SliderThumbAlignment = 'contain' | 'overflow';
+/**
+ * Properties for the SliderRoot component.
+ */
 interface SliderRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The controlled value of the slider. Can be bind as `v-model`. */
   modelValue?: number[];
@@ -30,40 +36,124 @@ interface SliderRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue
   /** Whether thumbs stay within the track bounds or may overflow it. */
   thumbAlignment?: SliderThumbAlignment;
 }
+/**
+ * Events for the SliderRoot component.
+ */
 type SliderRootEmits = {
   /** Event handler called when the slider value changes. */'update:modelValue': [value: number[]]; /** Event handler called when a slider interaction is committed. */
   valueCommit: [value: number[]];
 };
+/**
+ * Properties for the SliderTrack component.
+ */
 interface SliderTrackProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SliderRange component.
+ */
 interface SliderRangeProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the SliderThumb component.
+ */
 interface SliderThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** The thumb index in the current slider value array. */
   index: number;
 }
+/**
+ * Type information for SliderSlideDirection.
+ */
 type SliderSlideDirection = 'from-left' | 'from-right' | 'from-bottom' | 'from-top';
+/**
+ * Context for the SliderRoot component.
+ */
 interface SliderRootContext extends PropsToContext<SliderRootProps, 'disabled' | 'orientation' | 'dir' | 'inverted' | 'min' | 'max' | 'step' | 'minStepsBetweenThumbs' | 'thumbAlignment'> {
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<number[] | undefined>;
+  /**
+   * Current model value used by the component context.
+   */
   currentModelValue: ComputedRef<number[]>;
+  /**
+   * Whether the orientation is horizontal.
+   */
   isHorizontal: ComputedRef<boolean>;
+  /**
+   * Start edge used by the component context.
+   */
   startEdge: ComputedRef<Side>;
+  /**
+   * End edge used by the component context.
+   */
   endEdge: ComputedRef<Side>;
+  /**
+   * Slide direction used by the component context.
+   */
   slideDirection: ComputedRef<SliderSlideDirection>;
+  /**
+   * Active thumb index used by the component context.
+   */
   activeThumbIndex: ShallowRef<number>;
+  /**
+   * Track element used by the component context.
+   */
   trackElement: ShallowRef<HTMLElement | undefined>;
+  /**
+   * Thumb elements used by the component context.
+   */
   thumbElements: ShallowRef<(HTMLElement | undefined)[]>;
+  /**
+   * Set track element used by the component context.
+   */
   setTrackElement: (el: HTMLElement) => void;
+  /**
+   * Set thumb element used by the component context.
+   */
   setThumbElement: (index: number, el: HTMLElement) => void;
+  /**
+   * Get percentage used by the component context.
+   */
   getPercentage: (value: number) => number;
+  /**
+   * Get closest value index used by the component context.
+   */
   getClosestValueIndex: (value: number) => number;
+  /**
+   * Get thumb label used by the component context.
+   */
   getThumbLabel: (index: number) => string | undefined;
+  /**
+   * Begin track drag used by the component context.
+   */
   beginTrackDrag: (event: PointerEvent) => void;
+  /**
+   * Begin thumb drag used by the component context.
+   */
   beginThumbDrag: (index: number, event: PointerEvent) => void;
+  /**
+   * Move drag used by the component context.
+   */
   moveDrag: (event: PointerEvent) => void;
+  /**
+   * End drag used by the component context.
+   */
   endDrag: (pointerId?: number) => void;
+  /**
+   * Step value used by the component context.
+   */
   stepValue: (index: number, direction: number, multiplier?: number) => void;
+  /**
+   * Set to limit used by the component context.
+   */
   setToLimit: (index: number, limit: 'min' | 'max') => void;
 }
+/**
+ * Available UI slots for the Slider component.
+ */
 type SliderUiSlot = 'root' | 'track' | 'range' | 'thumb';
+/**
+ * UI class overrides for the Slider component.
+ */
 type SliderUi = UiClass<SliderUiSlot>;
 //#endregion
 export { SliderRangeProps, SliderRootContext, SliderRootEmits, SliderRootProps, SliderSlideDirection, SliderThumbAlignment, SliderThumbProps, SliderTrackProps, SliderUi, SliderUiSlot };

package/dist/components/splitter/splitter-group.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterGroupProps, {}, {}, {},
   dir: Direction;
   direction: DataOrientation;
   as: AsTag | _$vue.Component;
-  keyboardResizeBy: number;
   defaultLayout: number[];
+  keyboardResizeBy: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;