@soybeanjs/headless 0.15.5 → 0.17.0

package/dist/components/range-calendar/types.d.ts

@@ -0,0 +1,488 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { DateRange, Grid, Matcher } from "../../date/types.js";
+import { WeekDayFormat, WeekStartsOn } from "../../date/calendar.js";
+import { Formatter } from "../../date/formatter.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/range-calendar/types.d.ts
+/**
+ * Props for the range calendar root component.
+ */
+interface RangeCalendarRootProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: DateRange;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: DateRange;
+  /**
+   * Whether to allow non contiguous ranges.
+   */
+  allowNonContiguousRanges?: boolean;
+  /**
+   * Whether paged navigation.
+   */
+  pagedNavigation?: boolean;
+  /**
+   * Whether prevent deselect.
+   */
+  preventDeselect?: boolean;
+  /**
+   * Maximum days.
+   */
+  maximumDays?: number;
+  /**
+   * Week starts on.
+   */
+  weekStartsOn?: WeekStartsOn;
+  /**
+   * Weekday format.
+   */
+  weekdayFormat?: WeekDayFormat;
+  /**
+   * Calendar label.
+   */
+  calendarLabel?: string;
+  /**
+   * Whether fixed weeks.
+   */
+  fixedWeeks?: boolean;
+  /**
+   * Max value.
+   */
+  maxValue?: DateValue;
+  /**
+   * Min value.
+   */
+  minValue?: DateValue;
+  /**
+   * Locale.
+   */
+  locale?: string;
+  /**
+   * Number of months.
+   */
+  numberOfMonths?: number;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly?: boolean;
+  /**
+   * Whether initial focus.
+   */
+  initialFocus?: boolean;
+  /**
+   * Whether the date is disabled.
+   */
+  isDateDisabled?: Matcher;
+  /**
+   * Whether the date is unavailable.
+   */
+  isDateUnavailable?: Matcher;
+  /**
+   * Whether a date highlightable.
+   */
+  isDateHighlightable?: Matcher;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Next page.
+   */
+  nextPage?: (placeholder: DateValue) => DateValue;
+  /**
+   * Prev page.
+   */
+  prevPage?: (placeholder: DateValue) => DateValue;
+  /**
+   * Whether to disable days outside current view.
+   */
+  disableDaysOutsideCurrentView?: boolean;
+  /**
+   * Fixed date.
+   */
+  fixedDate?: 'start' | 'end';
+}
+/**
+ * Emits for the range calendar root component.
+ */
+type RangeCalendarRootEmits = {
+  /**
+   * 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];
+};
+/**
+ * Props for the range calendar header component.
+ */
+interface RangeCalendarHeaderProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar heading component.
+ */
+interface RangeCalendarHeadingProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar grid component.
+ */
+interface RangeCalendarGridProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar grid head component.
+ */
+interface RangeCalendarGridHeadProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar grid body component.
+ */
+interface RangeCalendarGridBodyProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar grid row component.
+ */
+interface RangeCalendarGridRowProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar head cell component.
+ */
+interface RangeCalendarHeadCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the range calendar cell component.
+ */
+interface RangeCalendarCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Date.
+   */
+  date: DateValue;
+}
+/**
+ * Props for the range calendar cell trigger component.
+ */
+interface RangeCalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Day.
+   */
+  day: DateValue;
+  /**
+   * Month.
+   */
+  month: DateValue;
+}
+/**
+ * Props for the range calendar prev component.
+ */
+interface RangeCalendarPrevProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Prev page.
+   */
+  prevPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Props for the range calendar next component.
+ */
+interface RangeCalendarNextProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Next page.
+   */
+  nextPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Context for the range calendar root component.
+ */
+interface RangeCalendarRootContext extends PropsToContext<RangeCalendarRootProps, 'allowNonContiguousRanges' | 'disableDaysOutsideCurrentView' | 'disabled' | 'fixedWeeks' | 'initialFocus' | 'numberOfMonths' | 'pagedNavigation' | 'preventDeselect' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
+  locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+  /**
+   * Week starts on used by the component context.
+   */
+  weekStartsOn: ComputedRef<WeekStartsOn>;
+  /**
+   * Weekday format used by the component context.
+   */
+  weekdayFormat: ComputedRef<WeekDayFormat>;
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<DateRange>;
+  /**
+   * Placeholder used by the component context.
+   */
+  placeholder: ShallowRef<DateValue>;
+  /**
+   * Grid used by the component context.
+   */
+  grid: ShallowRef<Grid<DateValue>[]>;
+  /**
+   * Parent element used by the component context.
+   */
+  parentElement: ShallowRef<HTMLElement | undefined>;
+  /**
+   * Full calendar label used by the component context.
+   */
+  fullCalendarLabel: ComputedRef<string>;
+  /**
+   * Heading value used by the component context.
+   */
+  headingValue: ComputedRef<string>;
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: ComputedRef<boolean>;
+  /**
+   * Min value used by the component context.
+   */
+  minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
+  maxValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Whether the placeholder is focusable.
+   */
+  isPlaceholderFocusable: ComputedRef<boolean>;
+  /**
+   * First focusable date used by the component context.
+   */
+  firstFocusableDate: ComputedRef<DateValue | undefined>;
+  /**
+   * Whether the component has selected date.
+   */
+  hasSelectedDate: ComputedRef<boolean>;
+  /**
+   * Whether the selected date is disabled.
+   */
+  isSelectedDateDisabled: ComputedRef<boolean>;
+  /**
+   * Selected focusable date used by the component context.
+   */
+  selectedFocusableDate: ComputedRef<DateValue | undefined>;
+  /**
+   * Formatter used by the component context.
+   */
+  formatter: Formatter;
+  /**
+   * Highlighted range used by the component context.
+   */
+  highlightedRange: ComputedRef<DateRange | null>;
+  /**
+   * Fixed date used by the component context.
+   */
+  fixedDate: ComputedRef<'start' | 'end' | undefined>;
+  /**
+   * Maximum days used by the component context.
+   */
+  maximumDays: ComputedRef<number | undefined>;
+  /**
+   * Whether the date is unavailable.
+   */
+  isDateUnavailable?: Matcher;
+  /**
+   * Whether a date highlightable.
+   */
+  isDateHighlightable?: Matcher;
+  /**
+   * Callback invoked when the date changes.
+   */
+  onDateChange: (date: DateValue) => 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 a selection start.
+   */
+  isSelectionStart: Matcher;
+  /**
+   * Whether a selection end.
+   */
+  isSelectionEnd: Matcher;
+  /**
+   * Whether a highlighted start.
+   */
+  isHighlightedStart: Matcher;
+  /**
+   * Whether a highlighted end.
+   */
+  isHighlightedEnd: Matcher;
+  /**
+   * Whether an outside visible view.
+   */
+  isOutsideVisibleView: (date: DateValue) => boolean;
+  /**
+   * Set hovered date used by the component context.
+   */
+  setHoveredDate: (date?: DateValue) => void;
+  /**
+   * Hovered date used by the component context.
+   */
+  hoveredDate: ShallowRef<DateValue | undefined>;
+  /**
+   * Prev page used by the component context.
+   */
+  prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
+  /**
+   * Next page used by the component context.
+   */
+  nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
+  /**
+   * Whether the previous button is disabled.
+   */
+  isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
+  /**
+   * Whether the next button is disabled.
+   */
+  isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
+}
+/**
+ * Available UI slots for the range calendar component.
+ */
+type RangeCalendarUiSlot = 'root' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'gridHead' | 'gridBody' | 'gridRow' | 'headCell' | 'cell' | 'cellTrigger';
+/**
+ * UI class overrides for the range calendar component.
+ */
+type RangeCalendarUi = UiClass<RangeCalendarUiSlot>;
+/**
+ * Props for the range calendar compact component.
+ */
+interface RangeCalendarCompactProps extends RangeCalendarRootProps {
+  /**
+   * Props forwarded to the header element.
+   */
+  headerProps?: RangeCalendarHeaderProps;
+  /**
+   * Props forwarded to the heading element.
+   */
+  headingProps?: RangeCalendarHeadingProps;
+  /**
+   * Props forwarded to the prev element.
+   */
+  prevProps?: RangeCalendarPrevProps;
+  /**
+   * Props forwarded to the next element.
+   */
+  nextProps?: RangeCalendarNextProps;
+  /**
+   * Props forwarded to the grid element.
+   */
+  gridProps?: RangeCalendarGridProps;
+  /**
+   * Props forwarded to the grid head element.
+   */
+  gridHeadProps?: RangeCalendarGridHeadProps;
+  /**
+   * Props forwarded to the grid body element.
+   */
+  gridBodyProps?: RangeCalendarGridBodyProps;
+  /**
+   * Props forwarded to the grid row element.
+   */
+  gridRowProps?: RangeCalendarGridRowProps;
+  /**
+   * Props forwarded to the head cell element.
+   */
+  headCellProps?: RangeCalendarHeadCellProps;
+  /**
+   * Props forwarded to the cell element.
+   */
+  cellProps?: Omit<RangeCalendarCellProps, 'date'>;
+  /**
+   * Props forwarded to the cell trigger element.
+   */
+  cellTriggerProps?: Omit<RangeCalendarCellTriggerProps, 'day' | 'month'>;
+}
+/**
+ * Emits for the range calendar compact component.
+ */
+type RangeCalendarCompactEmits = RangeCalendarRootEmits;
+/**
+ * Slots for the range calendar compact component.
+ */
+type RangeCalendarCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    modelValue: DateRange;
+  }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  /**
+   * Custom content for the heading slot.
+   */
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  /**
+   * Custom content for the next slot.
+   */
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  /**
+   * Custom content for the head cell slot.
+   */
+  'head-cell'?: (props: {
+    date: DateValue;
+    index: number;
+    label: string;
+  }) => any;
+  /**
+   * Custom content for the day slot.
+   */
+  day?: (props: {
+    day: DateValue;
+    month: DateValue;
+    dayValue: string;
+    disabled: boolean;
+    selected: boolean;
+    selectionStart: boolean;
+    selectionEnd: boolean;
+    highlighted: boolean;
+    highlightedStart: boolean;
+    highlightedEnd: boolean;
+    unavailable: boolean;
+    today: boolean;
+    outsideView: boolean;
+    outsideVisibleView: boolean;
+  }) => any;
+};
+//#endregion
+export { RangeCalendarCellProps, RangeCalendarCellTriggerProps, RangeCalendarCompactEmits, RangeCalendarCompactProps, RangeCalendarCompactSlots, RangeCalendarGridBodyProps, RangeCalendarGridHeadProps, RangeCalendarGridProps, RangeCalendarGridRowProps, RangeCalendarHeadCellProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNextProps, RangeCalendarPrevProps, RangeCalendarRootContext, RangeCalendarRootEmits, RangeCalendarRootProps, RangeCalendarUi, RangeCalendarUiSlot };

package/dist/components/range-calendar/use-range-calendar.js

@@ -0,0 +1 @@
+import{areAllDaysBetweenValid as e,isBefore as t,isBetweenInclusive as n}from"../../date/comparators.js";import"../../date/index.js";import{computed as r}from"vue";function i(e,n){return t(n,e)?{start:n.copy(),end:e.copy()}:{start:e.copy(),end:n.copy()}}function a(e,t){let n=e.toDate(`UTC`).getTime(),r=t.toDate(`UTC`).getTime();return Math.floor((r-n)/864e5)+1}function o(o){let s=r(()=>!o.start.value||o.end.value||!o.hoveredDate.value?null:i(o.start.value,o.hoveredDate.value)),c=e=>o.start.value?o.end.value?n(e,o.start.value,o.end.value):o.start.value.compare(e)===0:!1,l=e=>!!(o.start.value&&o.start.value.compare(e)===0),u=e=>!!(o.end.value&&o.end.value.compare(e)===0),d=e=>!!(s.value?.start&&s.value.start.compare(e)===0),f=e=>!!(s.value?.end&&s.value.end.compare(e)===0),p=r(()=>!!o.start.value),m=r(()=>o.start.value?.copy());return{highlightedRange:s,isDateSelected:c,isSelectionStart:l,isSelectionEnd:u,isHighlightedStart:d,isHighlightedEnd:f,hasSelectedDate:p,isSelectedDateDisabled:r(()=>!!(o.start.value&&o.isDateDisabled(o.start.value)||o.end.value&&o.isDateDisabled(o.end.value))),selectedFocusableDate:m,isInvalid:r(()=>o.start.value?o.isDateDisabled(o.start.value)||o.isDateUnavailable(o.start.value)?!0:o.end.value?o.isDateDisabled(o.end.value)||o.isDateUnavailable(o.end.value)||t(o.end.value,o.start.value)||o.maximumDays.value&&a(o.start.value,o.end.value)>o.maximumDays.value?!0:o.allowNonContiguousRanges.value?!1:!e(o.start.value,o.end.value,o.isDateUnavailable,o.isDateDisabled,o.isDateHighlightable):!1:!1),sortRange:i,getInclusiveRangeDays:a}}export{o as useRangeCalendarState};

package/dist/components/roving-focus/types.d.ts

@@ -3,6 +3,9 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/roving-focus/types.d.ts
+/**
+ * Props for the roving focus group component.
+ */
 interface RovingFocusGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** The orientation of the group. Mainly so arrow navigation is done accordingly (left & right vs. up & down) */
   orientation?: DataOrientation;
@@ -25,11 +28,26 @@ interface RovingFocusGroupProps extends PrimitiveProps, /** @vue-ignore */HTMLAt
   /** When `true`, will prevent scrolling to the focus item when focused. */
   preventScrollOnEntryFocus?: boolean;
 }
+/**
+ * Emits for the roving focus group component.
+ */
 type RovingFocusGroupEmits = {
+  /**
+   * Emitted when entry focus occurs.
+   */
   entryFocus: [event: Event];
+  /**
+   * Emitted when the current tab stop id value changes.
+   */
   'update:currentTabStopId': [value: string | null | undefined];
 };
+/**
+ * Props for the roving focus item component.
+ */
 interface RovingFocusItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * Tab stop id.
+   */
   tabStopId?: string;
   /**
    * When `false`, item will not be focusable.

package/dist/components/scroll-area/types.d.ts

@@ -3,9 +3,21 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/scroll-area/types.d.ts
+/**
+ * Supported scroll area values.
+ */
 type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll' | 'glimpse';
+/**
+ * Type information for the scroll area orientation component.
+ */
 type ScrollAreaOrientation = 'horizontal' | 'vertical';
+/**
+ * State values for the scroll area component.
+ */
 type ScrollAreaState = 'hidden' | 'visible';
+/**
+ * Props for the scroll area root component.
+ */
 interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** Controls scrollbar visibility behavior. */
   type?: ScrollAreaType;
@@ -14,18 +26,39 @@ interface ScrollAreaRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttr
   /** Delay before transient scrollbars are hidden. */
   scrollHideDelay?: number;
 }
+/**
+ * Props for the scroll area viewport component.
+ */
 interface ScrollAreaViewportProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** Adds a nonce to the injected style tag. */
   nonce?: string;
 }
+/**
+ * Props for the scroll area scrollbar component.
+ */
 interface ScrollAreaScrollbarProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
   /** The scrollbar orientation. */
   orientation?: ScrollAreaOrientation;
 }
+/**
+ * Props for the scroll area thumb component.
+ */
 interface ScrollAreaThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the scroll area corner component.
+ */
 interface ScrollAreaCornerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Emits for the scroll area root component.
+ */
 type ScrollAreaRootEmits = {};
+/**
+ * Available UI slots for the scroll area component.
+ */
 type ScrollAreaUiSlot = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
+/**
+ * UI class overrides for the scroll area component.
+ */
 type ScrollAreaUi = UiClass<ScrollAreaUiSlot>;
 //#endregion
 export { ScrollAreaCornerProps, ScrollAreaOrientation, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaState, ScrollAreaThumbProps, ScrollAreaType, ScrollAreaUi, ScrollAreaUiSlot, ScrollAreaViewportProps };

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
+/**
+ * Props for the segment compact component.
+ */
 interface SegmentCompactProps<T extends 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 indicator element.
+   */
   indicatorProps?: TabsIndicatorProps;
 }
+/**
+ * Emits for the segment compact component.
+ */
 type SegmentCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+/**
+ * Slots for the segment compact 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

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