@soybeanjs/headless 0.16.0 → 0.17.0

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

@@ -2,63 +2,289 @@ import { Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { PropsToContext } from "../../types/vue.js";
 import { PrimitiveProps } from "../primitive/types.js";
+import { PortalProps } from "../portal/types.js";
 import { DateStep, Granularity, HourCycle, Matcher } from "../../date/types.js";
 import { Formatter } from "../../date/formatter.js";
+import { PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot } from "../popover/types.js";
 import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/date-picker/types.d.ts
-interface DatePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+/**
+ * Props for the date picker root component.
+ */
+interface DatePickerRootProps extends PrimitiveProps, FormFieldCommonProps, PopoverRootProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateValue;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateValue;
+  /**
+   * Hour cycle.
+   */
   hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
   step?: DateStep;
+  /**
+   * Granularity.
+   */
   granularity?: Granularity;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
-  defaultOpen?: boolean;
-  open?: boolean;
-  modal?: boolean;
 }
+/**
+ * Emits for the date picker root component.
+ */
 type DatePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
-interface DatePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-interface DatePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Slot props for the date picker component.
+ */
+interface DatePickerSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: DateValue | undefined;
+  /**
+   * Placeholder exposed in the slot scope.
+   */
+  placeholder: DateValue;
+  /**
+   * Set placeholder exposed in the slot scope.
+   */
+  setPlaceholder: (date: DateValue) => void;
+  /**
+   * Set date exposed in the slot scope.
+   */
+  setDate: (date: DateValue | undefined) => void;
+  /**
+   * Whether the component is open.
+   */
+  open?: boolean;
+}
+/**
+ * Slots for the date picker root component.
+ */
+type DatePickerRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DatePickerSlotProps) => any;
+};
+/**
+ * Context for the date picker root component.
+ */
 interface DatePickerRootContext extends PropsToContext<DatePickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * 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>;
-  open: ShallowRef<boolean | undefined>;
+  /**
+   * Whether the placeholder is focusable.
+   */
   isPlaceholderFocusable: ComputedRef<boolean>;
+  /**
+   * Whether the component has selected date.
+   */
   hasSelectedDate: ComputedRef<boolean>;
+  /**
+   * Whether the selected date is disabled.
+   */
   isSelectedDateDisabled: ComputedRef<boolean>;
+  /**
+   * Min value used by the component context.
+   */
   minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
   maxValue: ComputedRef<DateValue | undefined>;
-  onDateChange: (date: DateValue) => void;
+  /**
+   * Callback invoked when the date changes.
+   */
+  onDateChange: (date: DateValue | undefined) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
   onPlaceholderChange: (date: DateValue) => void;
+  /**
+   * Whether the date is disabled.
+   */
   isDateDisabled: Matcher;
+  /**
+   * Whether the date is selected.
+   */
   isDateSelected: Matcher;
+  /**
+   * Whether the component is open.
+   */
+  open: ShallowRef<boolean | undefined>;
+  /**
+   * Set open used by the component context.
+   */
   setOpen: (value: boolean) => void;
 }
-type DatePickerUiSlot = 'root' | 'trigger' | 'popup' | 'input' | 'calendar';
+/**
+ * Props for the date picker content component.
+ */
+interface DatePickerContentProps extends PopoverPositionerProps {
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Props forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+}
+/**
+ * Slots for the date picker content component.
+ */
+type DatePickerContentSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DatePickerSlotProps) => any;
+};
+/**
+ * Props for the date picker compact component.
+ */
+interface DatePickerCompactProps extends DatePickerRootProps {
+  /**
+   * Trigger placeholder.
+   */
+  triggerPlaceholder?: string;
+  /**
+   * Props forwarded to the positioner element.
+   */
+  positionerProps?: PopoverPositionerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Props forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: PopoverTriggerProps;
+}
+/**
+ * Emits for the date picker compact component.
+ */
+type DatePickerCompactEmits = DatePickerRootEmits;
+/**
+ * Slots for the date picker compact component.
+ */
+type DatePickerCompactSlots = DatePickerContentSlots & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: {
+    modelValue: DateValue | undefined;
+    open?: boolean;
+  }) => any;
+};
+/**
+ * Available UI slots for the date picker component.
+ */
+type DatePickerUiSlot = PopoverUiSlot | 'root';
+/**
+ * UI class overrides for the date picker component.
+ */
 type DatePickerUi = UiClass<DatePickerUiSlot>;
 //#endregion
-export { DatePickerPopupProps, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi, DatePickerUiSlot };
+export { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerContentProps, DatePickerContentSlots, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerRootSlots, DatePickerUi, DatePickerUiSlot };

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

@@ -35,12 +35,12 @@ declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldRootProps, {}, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: DateRange;
+  readonly: boolean;
   defaultPlaceholder: DateValue;
+  isDateUnavailable: Matcher;
   hourCycle: 12 | 24;
   granularity: Granularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
   startName: string;
   endName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/date-range-field/types.d.ts

@@ -8,80 +8,272 @@ import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 import { DateValue } from "@internationalized/date";
 
 //#region src/components/date-range-field/types.d.ts
+/**
+ * Props for the date range field root component.
+ */
 interface DateRangeFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
   defaultValue?: DateRange;
+  /**
+   * Default placeholder.
+   */
   defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
   placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
   modelValue?: DateRange;
+  /**
+   * Hour cycle.
+   */
   hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
   step?: DateStep;
+  /**
+   * Granularity.
+   */
   granularity?: Granularity;
+  /**
+   * Whether hide time zone.
+   */
   hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
   maxValue?: DateValue;
+  /**
+   * Min value.
+   */
   minValue?: DateValue;
+  /**
+   * Locale.
+   */
   locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
   readonly?: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * Id.
+   */
   id?: string;
+  /**
+   * Reading direction of the component.
+   */
   dir?: Direction;
+  /**
+   * Start name.
+   */
   startName?: string;
+  /**
+   * End name.
+   */
   endName?: string;
 }
+/**
+ * Emits for the date range field root component.
+ */
 type DateRangeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [range: DateRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
   'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the start value changes.
+   */
   'update:startValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
   'update:endValue': [date: DateValue | undefined];
 };
+/**
+ * Props for the date range field input component.
+ */
 interface DateRangeFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Type.
+   */
   type?: 'start' | 'end';
 }
+/**
+ * Type information for the date range field segment component.
+ */
 interface DateRangeFieldSegment {
+  /**
+   * Part.
+   */
   part: SegmentPart;
+  /**
+   * Value associated with the current item.
+   */
   value: string;
 }
+/**
+ * Context for the date range field root component.
+ */
 interface DateRangeFieldRootContext extends PropsToContext<DateRangeFieldRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
   locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
   dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
   modelValue: ShallowRef<DateRange>;
+  /**
+   * Placeholder used by the component context.
+   */
   placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the date is unavailable.
+   */
   isDateUnavailable?: Matcher;
+  /**
+   * 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<DateRangeFieldSegment[]>;
+  /**
+   * End segment contents used by the component context.
+   */
   endSegmentContents: ComputedRef<DateRangeFieldSegment[]>;
+  /**
+   * Start input type used by the component context.
+   */
   startInputType: ComputedRef<DateInputType>;
+  /**
+   * End input type used by the component context.
+   */
   endInputType: ComputedRef<DateInputType>;
+  /**
+   * 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 date range field component.
+ */
 type DateRangeFieldUiSlot = 'root' | 'input' | 'separator';
+/**
+ * UI class overrides for the date range field component.
+ */
 type DateRangeFieldUi = UiClass<DateRangeFieldUiSlot>;
+/**
+ * Props for the date range field compact component.
+ */
 interface DateRangeFieldCompactProps extends DateRangeFieldRootProps {
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: Omit<DateRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
   separator?: string;
 }
+/**
+ * Emits for the date range field compact component.
+ */
 type DateRangeFieldCompactEmits = DateRangeFieldRootEmits;
+/**
+ * Slots for the date range field compact component.
+ */
 type DateRangeFieldCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     startSegments: DateRangeFieldSegment[];
     endSegments: DateRangeFieldSegment[];
     modelValue: DateRange;
     isInvalid: boolean;
   }) => any;
+  /**
+   * Custom content for the separator slot.
+   */
   separator?: () => any;
 };
 //#endregion

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

@@ -7,14 +7,14 @@ import * as _$_internationalized_date0 from "@internationalized/date";
 type __VLS_Slots = DateRangePickerCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: DateRange) => any;
-  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
   "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
   "update:endValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
 }>, {

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

@@ -14,14 +14,14 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: _$vue.DefineComponent<DateRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (range: DateRange) => any;
-  "update:placeholder": (date: DateValue) => any;
   "update:open": (open: boolean) => any;
+  "update:placeholder": (date: DateValue) => any;
   "update:startValue": (date: DateValue | undefined) => any;
   "update:endValue": (date: DateValue | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<DateRangePickerRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
   "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((date: DateValue | undefined) => any) | undefined;
 }>, {
@@ -29,15 +29,15 @@ declare const __VLS_base: _$vue.DefineComponent<DateRangePickerRootProps, {}, {}
   disabled: boolean;
   step: DateStep;
   defaultValue: DateRange;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
   defaultPlaceholder: DateValue;
+  isDateUnavailable: Matcher;
+  modal: boolean;
   hourCycle: 12 | 24;
   granularity: Granularity;
   hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
-  open: boolean;
-  defaultOpen: boolean;
-  modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;