@soybeanjs/headless 0.16.0 → 0.17.0

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

@@ -9,60 +9,216 @@ import { TimePickerOption } from "../../shared/time-picker.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/time-picker/types.d.ts
+/**
+ * Props for the time picker root component.
+ */
 interface TimePickerRootProps 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;
+  /**
+   * Whether the component is open by default.
+   */
   defaultOpen?: boolean;
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
+  /**
+   * Whether the popup is modal.
+   */
   modal?: boolean;
 }
+/**
+ * Emits for the time picker root component.
+ */
 type TimePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [time: TimeValue];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Props for the time picker trigger component.
+ */
 interface TimePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the time picker popup component.
+ */
 interface TimePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the time picker root component.
+ */
 interface TimePickerRootContext extends PropsToContext<TimePickerRootProps, '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;
+  /**
+   * Granularity used by the component context.
+   */
   granularity: ComputedRef<TimeGranularity>;
+  /**
+   * Hour cycle used by the component context.
+   */
   hourCycle: HourCycle;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone: ComputedRef<boolean>;
+  /**
+   * Whether the component is open.
+   */
   open: ShallowRef<boolean | undefined>;
+  /**
+   * Popup id used by the component context.
+   */
   popupId: string;
+  /**
+   * Display value used by the component context.
+   */
   displayValue: ComputedRef<string>;
+  /**
+   * Focused time used by the component context.
+   */
   focusedTime: ShallowRef<TimeValue>;
+  /**
+   * Options used by the component context.
+   */
   options: ComputedRef<TimePickerOption[]>;
+  /**
+   * Min value used by the component context.
+   */
   minValue: ComputedRef<TimeValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
   maxValue: ComputedRef<TimeValue | undefined>;
+  /**
+   * Callback invoked when the time changes.
+   */
   onTimeChange: (time: TimeValue) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
   onPlaceholderChange: (time: TimeValue) => void;
+  /**
+   * Whether the time is disabled.
+   */
   isTimeDisabled: (time: TimeValue) => boolean;
+  /**
+   * Whether the time is selected.
+   */
   isTimeSelected: (time: TimeValue) => boolean;
+  /**
+   * Set open used by the component context.
+   */
   setOpen: (value: boolean) => void;
+  /**
+   * Set focused time used by the component context.
+   */
   setFocusedTime: (time: TimeValue) => void;
 }
+/**
+ * Available UI slots for the time picker component.
+ */
 type TimePickerUiSlot = 'root' | 'trigger' | 'popup' | 'list' | 'cellTrigger';
+/**
+ * UI class overrides for the time picker component.
+ */
 type TimePickerUi = UiClass<TimePickerUiSlot>;
 //#endregion
 export { TimePickerPopupProps, TimePickerRootContext, TimePickerRootEmits, TimePickerRootProps, TimePickerTriggerProps, TimePickerUi, TimePickerUiSlot };

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

@@ -33,14 +33,14 @@ declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldRootProps, {}, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeRange;
+  readonly: boolean;
   defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
   granularity: TimeGranularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
+  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, 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/time-range-field/types.d.ts

@@ -8,80 +8,272 @@ import { Formatter } from "../../date/formatter.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/time-range-field/types.d.ts
+/**
+ * Props for the time range field root component.
+ */
 interface TimeRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: TimeRange;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: TimeValue;
+  /**
+   * Current model value.
+   */
   modelValue?: TimeRange;
+  /**
+   * 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;
+  /**
+   * Start name.
+   */
   startName?: string;
+  /**
+   * End name.
+   */
   endName?: string;
 }
+/**
+ * Emits for the time range field root component.
+ */
 type TimeRangeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [range: TimeRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [time: TimeValue];
+  /**
+   * Emitted when the start value changes.
+   */
   'update:startValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
   'update:endValue': [time: TimeValue | undefined];
 };
+/**
+ * Props for the time range field input component.
+ */
 interface TimeRangeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Type.
+   */
   type?: 'start' | 'end';
 }
+/**
+ * Type information for the time range field segment component.
+ */
 interface TimeRangeFieldSegment {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
   value: string;
 }
+/**
+ * Context for the time range field root component.
+ */
 interface TimeRangeFieldRootContext extends PropsToContext<TimeRangeFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<TimeRange>;
+  /**
+   * 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>;
+  /**
+   * Start segment values used by the component context.
+   */
   startSegmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * End segment values used by the component context.
+   */
   endSegmentValues: ShallowRef<SegmentValueObj>;
+  /**
+   * Start segment contents used by the component context.
+   */
   startSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  /**
+   * End segment contents used by the component context.
+   */
   endSegmentContents: ComputedRef<TimeRangeFieldSegment[]>;
+  /**
+   * Start input type used by the component context.
+   */
   startInputType: ComputedRef<TimeInputType>;
+  /**
+   * End input type used by the component context.
+   */
   endInputType: ComputedRef<TimeInputType>;
+  /**
+   * Start input value used by the component context.
+   */
   startInputValue: ComputedRef<string>;
+  /**
+   * End input value used by the component context.
+   */
   endInputValue: 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>;
+  /**
+   * Start elements used by the component context.
+   */
   startElements: ShallowRef<HTMLElement[]>;
+  /**
+   * End elements used by the component context.
+   */
   endElements: ShallowRef<HTMLElement[]>;
+  /**
+   * Focused type used by the component context.
+   */
   focusedType: ShallowRef<'start' | 'end'>;
+  /**
+   * Focus next used by the component context.
+   */
   focusNext: (type: 'start' | 'end') => void;
+  /**
+   * Set focused element used by the component context.
+   */
   setFocusedElement: (el: HTMLElement, type: 'start' | 'end') => void;
 }
+/**
+ * Available UI slots for the time range field component.
+ */
 type TimeRangeFieldUiSlot = 'root' | 'input' | 'separator';
+/**
+ * UI class overrides for the time range field component.
+ */
 type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
+/**
+ * Props for the time range field compact component.
+ */
 interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
   separator?: string;
 }
+/**
+ * Emits for the time range field compact component.
+ */
 type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
+/**
+ * Slots for the time range field compact component.
+ */
 type TimeRangeFieldCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     startSegments: TimeRangeFieldSegment[];
     endSegments: TimeRangeFieldSegment[];
     modelValue: TimeRange;
     isInvalid: boolean;
   }) => any;
+  /**
+   * Custom content for the separator slot.
+   */
   separator?: () => any;
 };
 //#endregion

package/dist/components/time-range-picker/time-range-picker-compact.vue.d.ts

@@ -7,14 +7,14 @@ import * as _$vue from "vue";
 type __VLS_Slots = TimeRangePickerCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: TimeRange) => any;
-  "update:placeholder": (time: TimeValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
   "update:startValue": (time: TimeValue | undefined) => any;
   "update:endValue": (time: TimeValue | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<TimeRangePickerCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
   "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
 }>, {

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

@@ -14,14 +14,14 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: TimeRange) => any;
-  "update:placeholder": (time: TimeValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (time: TimeValue) => any;
   "update:startValue": (time: TimeValue | undefined) => any;
   "update:endValue": (time: TimeValue | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<TimeRangePickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
   "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
 }>, {
@@ -29,14 +29,14 @@ declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerRootProps, {}, {}
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeRange;
+  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>;