@soybeanjs/headless 0.15.5 → 0.17.0

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

@@ -0,0 +1,528 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { Grid, Matcher } from "../../date/types.js";
+import { WeekDayFormat, WeekStartsOn } from "../../date/calendar.js";
+import { Formatter } from "../../date/formatter.js";
+import { SelectOptionData } from "../select/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/calendar/types.d.ts
+/**
+ * Model value type for the calendar component.
+ */
+type CalendarModelValue<M extends boolean = false> = M extends true ? DateValue[] | undefined : DateValue | undefined;
+/**
+ * Props for the calendar root component.
+ */
+interface CalendarRootProps<M extends boolean = false> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: CalendarModelValue<M>;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: DateValue;
+  /**
+   * Whether paged navigation.
+   */
+  pagedNavigation?: boolean;
+  /**
+   * Whether prevent deselect.
+   */
+  preventDeselect?: boolean;
+  /**
+   * 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;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Next page.
+   */
+  nextPage?: (placeholder: DateValue) => DateValue;
+  /**
+   * Prev page.
+   */
+  prevPage?: (placeholder: DateValue) => DateValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: CalendarModelValue<M>;
+  /**
+   * Whether multiple values are supported.
+   */
+  multiple?: M;
+  /**
+   * Whether to disable days outside current view.
+   */
+  disableDaysOutsideCurrentView?: boolean;
+}
+/**
+ * Emits for the calendar root component.
+ */
+type CalendarRootEmits<M extends boolean = false> = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [date: CalendarModelValue<M>];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [date: DateValue];
+};
+/**
+ * Props for the calendar header component.
+ */
+interface CalendarHeaderProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar heading component.
+ */
+interface CalendarHeadingProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar grid component.
+ */
+interface CalendarGridProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar grid head component.
+ */
+interface CalendarGridHeadProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar grid body component.
+ */
+interface CalendarGridBodyProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar grid row component.
+ */
+interface CalendarGridRowProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar head cell component.
+ */
+interface CalendarHeadCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Props for the calendar cell component.
+ */
+interface CalendarCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Date.
+   */
+  date: DateValue;
+}
+/**
+ * Props for the calendar cell trigger component.
+ */
+interface CalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Day.
+   */
+  day: DateValue;
+  /**
+   * Month.
+   */
+  month: DateValue;
+}
+/**
+ * Props for the calendar prev component.
+ */
+interface CalendarPrevProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Prev page.
+   */
+  prevPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Props for the calendar next component.
+ */
+interface CalendarNextProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Next page.
+   */
+  nextPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Context for the calendar root component.
+ */
+interface CalendarRootContext extends PropsToContext<CalendarRootProps, '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<DateValue | DateValue[] | undefined>;
+  /**
+   * Whether multiple values are supported.
+   */
+  multiple: ComputedRef<boolean>;
+  /**
+   * 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>;
+  /**
+   * Formatter used by the component context.
+   */
+  formatter: Formatter;
+  /**
+   * 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 the date is unavailable.
+   */
+  isDateUnavailable?: Matcher;
+  /**
+   * Whether an outside visible view.
+   */
+  isOutsideVisibleView: (date: DateValue) => boolean;
+  /**
+   * 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;
+}
+/**
+ * Slot props for the calendar root component.
+ */
+interface CalendarRootSlotProps<M extends boolean = false> {
+  /**
+   * Date exposed in the slot scope.
+   */
+  date: DateValue;
+  /**
+   * Placeholder exposed in the slot scope.
+   */
+  placeholder: DateValue;
+  /**
+   * Grid exposed in the slot scope.
+   */
+  grid: Grid<DateValue>[];
+  /**
+   * Week days exposed in the slot scope.
+   */
+  weekDays: string[];
+  /**
+   * Week starts on exposed in the slot scope.
+   */
+  weekStartsOn: number;
+  /**
+   * Locale exposed in the slot scope.
+   */
+  locale: string;
+  /**
+   * Whether fixed weeks.
+   */
+  fixedWeeks: boolean;
+  /**
+   * Current model value.
+   */
+  modelValue: CalendarModelValue<M>;
+  /**
+   * Formatter exposed in the slot scope.
+   */
+  formatter: Formatter;
+  /**
+   * Min value exposed in the slot scope.
+   */
+  minValue: DateValue | undefined;
+  /**
+   * Max value exposed in the slot scope.
+   */
+  maxValue: DateValue | undefined;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
+  onPlaceholderChange: (date: DateValue) => void;
+}
+/**
+ * Slot props for the calendar heading component.
+ */
+interface CalendarHeadingSlotProps {
+  /**
+   * Heading value exposed in the slot scope.
+   */
+  headingValue: string;
+  /**
+   * Month value exposed in the slot scope.
+   */
+  monthValue: string;
+  /**
+   * Year value exposed in the slot scope.
+   */
+  yearValue: string;
+  /**
+   * Selected month exposed in the slot scope.
+   */
+  selectedMonth: number;
+  /**
+   * Selected year exposed in the slot scope.
+   */
+  selectedYear: number;
+  /**
+   * Month options exposed in the slot scope.
+   */
+  monthOptions: SelectOptionData<number>[];
+  /**
+   * Year options exposed in the slot scope.
+   */
+  yearOptions: SelectOptionData<number>[];
+  /**
+   * Callback invoked when the month changes.
+   */
+  onMonthChange: (value: number | undefined) => void;
+  /**
+   * Callback invoked when the year changes.
+   */
+  onYearChange: (value: number | undefined) => void;
+}
+/**
+ * Available UI slots for the calendar component.
+ */
+type CalendarUiSlot = 'root' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'gridHead' | 'gridBody' | 'gridRow' | 'headCell' | 'cell' | 'cellTrigger';
+/**
+ * UI class overrides for the calendar component.
+ */
+type CalendarUi = UiClass<CalendarUiSlot>;
+/**
+ * Props for the calendar compact component.
+ */
+interface CalendarCompactProps<M extends boolean = false> extends CalendarRootProps<M> {
+  /**
+   * Props forwarded to the header element.
+   */
+  headerProps?: CalendarHeaderProps;
+  /**
+   * Props forwarded to the heading element.
+   */
+  headingProps?: CalendarHeadingProps;
+  /**
+   * Props forwarded to the prev element.
+   */
+  prevProps?: CalendarPrevProps;
+  /**
+   * Props forwarded to the next element.
+   */
+  nextProps?: CalendarNextProps;
+  /**
+   * Props forwarded to the grid element.
+   */
+  gridProps?: CalendarGridProps;
+  /**
+   * Props forwarded to the grid head element.
+   */
+  gridHeadProps?: CalendarGridHeadProps;
+  /**
+   * Props forwarded to the grid body element.
+   */
+  gridBodyProps?: CalendarGridBodyProps;
+  /**
+   * Props forwarded to the grid row element.
+   */
+  gridRowProps?: CalendarGridRowProps;
+  /**
+   * Props forwarded to the head cell element.
+   */
+  headCellProps?: CalendarHeadCellProps;
+  /**
+   * Props forwarded to the cell element.
+   */
+  cellProps?: Omit<CalendarCellProps, 'date'>;
+  /**
+   * Props forwarded to the cell trigger element.
+   */
+  cellTriggerProps?: Omit<CalendarCellTriggerProps, 'day' | 'month'>;
+}
+/**
+ * Emits for the calendar compact component.
+ */
+type CalendarCompactEmits<M extends boolean = false> = CalendarRootEmits<M>;
+/**
+ * Slots for the calendar compact component.
+ */
+type CalendarCompactSlots<M extends boolean = false> = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    modelValue: CalendarModelValue<M>;
+  }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  /**
+   * Custom content for the heading slot.
+   */
+  heading?: (props: CalendarHeadingSlotProps) => 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;
+    unavailable: boolean;
+    today: boolean;
+    outsideView: boolean;
+    outsideVisibleView: boolean;
+  }) => any;
+};
+//#endregion
+export { CalendarCellProps, CalendarCellTriggerProps, CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarHeadingSlotProps, CalendarModelValue, CalendarNextProps, CalendarPrevProps, CalendarRootContext, CalendarRootEmits, CalendarRootProps, CalendarRootSlotProps, CalendarUi, CalendarUiSlot };

package/dist/components/calendar/use-calendar.d.ts

@@ -0,0 +1,45 @@
+import { Grid, Matcher } from "../../date/types.js";
+import { WeekDayFormat, WeekStartsOn } from "../../date/calendar.js";
+import { Formatter } from "../../date/formatter.js";
+import * as _$vue from "vue";
+import { Ref, ShallowRef } from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/calendar/use-calendar.d.ts
+interface UseCalendarProps {
+  locale: Ref<string>;
+  placeholder: ShallowRef<DateValue>;
+  weekStartsOn: Ref<WeekStartsOn>;
+  fixedWeeks: Ref<boolean>;
+  numberOfMonths: Ref<number>;
+  minValue: Ref<DateValue | undefined>;
+  maxValue: Ref<DateValue | undefined>;
+  disabled: Ref<boolean>;
+  weekdayFormat: Ref<WeekDayFormat>;
+  pagedNavigation: Ref<boolean>;
+  isDateDisabled?: Matcher;
+  isDateUnavailable?: Matcher;
+  calendarLabel: Ref<string | undefined>;
+  nextPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;
+  prevPage: Ref<((placeholder: DateValue) => DateValue) | undefined>;
+}
+declare function useCalendar(props: UseCalendarProps): {
+  isDateDisabled: (dateObj: DateValue) => boolean;
+  isDateUnavailable: (date: DateValue) => boolean;
+  isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
+  isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
+  grid: ShallowRef<Grid<DateValue>[], Grid<DateValue>[]>;
+  weekdays: _$vue.ComputedRef<string[]>;
+  visibleView: _$vue.ComputedRef<DateValue[]>;
+  isOutsideVisibleView: (date: DateValue) => boolean;
+  formatter: Formatter;
+  nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
+  prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
+  headingValue: _$vue.ComputedRef<string>;
+  fullCalendarLabel: _$vue.ComputedRef<string>;
+  isPlaceholderFocusable: _$vue.ComputedRef<boolean>;
+  firstFocusableDate: _$vue.ComputedRef<_$_internationalized_date0.CalendarDate | _$_internationalized_date0.CalendarDateTime | _$_internationalized_date0.ZonedDateTime | undefined>;
+};
+//#endregion
+export { useCalendar };

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

@@ -0,0 +1 @@
+import{getDaysInMonth as e,isAfter as t,isBefore as n,toDate as r}from"../../date/comparators.js";import{createMonths as i}from"../../date/calendar.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import{computed as o,shallowRef as s,watch as c}from"vue";import{isEqualMonth as l,isSameDay as u,isSameMonth as d}from"@internationalized/date";function f(e){function t(t){return Array.isArray(e.date.value)?e.date.value.some(e=>u(e,t)):e.date.value?u(e.date.value,t):!1}return{isDateSelected:t,isInvalid:o(()=>Array.isArray(e.date.value)?e.date.value.length?e.date.value.some(t=>e.isDateDisabled?.(t)||e.isDateUnavailable?.(t)):!1:e.date.value?!!(e.isDateDisabled?.(e.date.value)||e.isDateUnavailable?.(e.date.value)):!1),hasSelectedDate:o(()=>Array.isArray(e.date.value)?e.date.value.length>0:!!e.date.value),isSelectedDateDisabled:o(()=>Array.isArray(e.date.value)?e.date.value.length?e.date.value.some(t=>e.isDateDisabled?.(t)):!1:e.date.value?!!e.isDateDisabled?.(e.date.value):!1)}}function p(t,n){let r=n(t),i=r.compare(t),a={};return i>=7&&(a.day=1),i>=e(t)&&(a.month=1),r.set({...a})}function m(t,n){let r=n(t),i=t.compare(r),a={};return i>=7&&(a.day=35),i>=e(t)&&(a.month=13),r.set({...a})}function h(u){let f=a(u.locale.value),h=o(()=>{let e={calendar:u.placeholder.value.calendar.identifier};return u.placeholder.value.calendar.identifier===`gregory`&&u.placeholder.value.era===`BC`&&(e.era=`short`),e}),g=s(i({dateObj:u.placeholder.value,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value})),_=o(()=>g.value.map(e=>e.value));function v(e){return!_.value.some(t=>l(e,t))}let y=e=>{if(!u.maxValue.value||!g.value.length)return!1;if(u.disabled.value)return!0;let n=g.value.at(-1).value;return!e&&!u.nextPage.value?t(n.add({months:1}).set({day:1}),u.maxValue.value):t(p(n,e||u.nextPage.value),u.maxValue.value)},b=e=>{if(!u.minValue.value||!g.value.length)return!1;if(u.disabled.value)return!0;let t=g.value[0].value;return!e&&!u.prevPage.value?n(t.subtract({months:1}).set({day:35}),u.minValue.value):n(m(t,e||u.prevPage.value),u.minValue.value)};function x(e){return!!(u.isDateDisabled?.(e)||u.disabled.value||u.maxValue.value&&t(e,u.maxValue.value)||u.minValue.value&&n(e,u.minValue.value))}let S=e=>!!u.isDateUnavailable?.(e),C=o(()=>g.value.length?g.value[0].rows[0].map(e=>f.dayOfWeek(r(e),u.weekdayFormat.value)):[]),w=t=>{let n=g.value[0].value;if(!t&&!u.nextPage.value){let e=i({dateObj:n.add({months:u.pagedNavigation.value?u.numberOfMonths.value:1}),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=e,u.placeholder.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||u.nextPage.value)(n),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=r;let a={};if(!t){let t=r[0].value.compare(n);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}u.placeholder.value=r[0].value.set({...a})},T=t=>{let n=g.value[0].value;if(!t&&!u.prevPage.value){let e=i({dateObj:n.subtract({months:u.pagedNavigation.value?u.numberOfMonths.value:1}),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=e,u.placeholder.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||u.prevPage.value)(n),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=r;let a={};if(!t){let t=n.compare(r[0].value);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}u.placeholder.value=r[0].value.set({...a})};c(u.placeholder,e=>{_.value.some(t=>l(t,e))||(g.value=i({dateObj:e,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value}))}),c([u.locale,u.weekStartsOn,u.fixedWeeks,u.numberOfMonths],()=>{g.value=i({dateObj:u.placeholder.value,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value})});let E=o(()=>{if(!g.value.length)return``;if(u.locale.value!==f.getLocale()&&f.setLocale(u.locale.value),g.value.length===1)return f.fullMonthAndYear(r(g.value[0].value),h.value);let e=r(g.value[0].value),t=r(g.value.at(-1).value),n=f.fullMonth(e,h.value),i=f.fullMonth(t,h.value),a=f.fullYear(e,h.value),o=f.fullYear(t,h.value);return a===o?`${n} - ${i} ${o}`:`${n} ${a} - ${i} ${o}`});return{isDateDisabled:x,isDateUnavailable:S,isNextButtonDisabled:y,isPrevButtonDisabled:b,grid:g,weekdays:C,visibleView:_,isOutsideVisibleView:v,formatter:f,nextPage:w,prevPage:T,headingValue:E,fullCalendarLabel:o(()=>`${u.calendarLabel.value??`Event Date`}, ${E.value}`),isPlaceholderFocusable:o(()=>!(x(u.placeholder.value)||S(u.placeholder.value)||v(u.placeholder.value))),firstFocusableDate:o(()=>{for(let t of g.value){if(u.minValue.value&&n(t.value,u.minValue.value))continue;let r=e(t.value),i=u.minValue.value&&d(u.minValue.value,t.value)?u.minValue.value.day:1;for(let e=i;e<=r;e+=1){let n=t.value.set({day:e});if(!(x(n)||S(n)))return n}}})}}export{h as useCalendar,f as useCalendarState};

package/dist/components/card/card-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./card-root.js";import r from"./card-header.js";import i from"./card-title.js";import a from"./card-title-root.js";import o from"./card-description.js";import s from"./card-content.js";import c from"./card-footer.js";import{computed as l,createBlock as u,createCommentVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toDisplayString as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";const T=m({name:`CardCompact`,__name:`card-compact`,props:{title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean},open:{type:Boolean},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(m,{emit:T}){let E=m,D=T,O=C(),k=t(E,[`title`,`description`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),A=e(D),j=l(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return(e,t)=>(v(),u(n,g(S(k),x(S(A))),{default:w(()=>[j.value?(v(),u(r,_(g({key:0},m.headerProps)),{default:w(()=>[y(e.$slots,`header`,{},()=>[p(a,_(h(m.titleRootProps)),{default:w(()=>[y(e.$slots,`title-leading`),p(i,_(h(m.titleProps)),{default:w(()=>[y(e.$slots,`title`,{},()=>[f(b(m.title),1)])]),_:3},16),y(e.$slots,`title-trailing`)]),_:3},16),y(e.$slots,`extra`),O.description||m.description?(v(),u(o,_(g({key:0},m.descriptionProps)),{default:w(()=>[y(e.$slots,`description`,{},()=>[f(b(m.description),1)])]),_:3},16)):d(`v-if`,!0)])]),_:3},16)):d(`v-if`,!0),p(s,_(h(m.contentProps)),{default:w(()=>[y(e.$slots,`default`)]),_:3},16),O.footer?(v(),u(c,_(g({key:1},m.footerProps)),{default:w(()=>[y(e.$slots,`footer`)]),_:3},16)):d(`v-if`,!0)]),_:3},16))}});export{T as default};

package/dist/components/card/card-compact.vue.d.ts

@@ -0,0 +1,19 @@
+import { CardCompactProps, CardCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/card/card-compact.vue.d.ts
+type __VLS_Slots = CardCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<CardCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<CardCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -11,8 +11,8 @@ declare const __VLS_base: _$vue.DefineComponent<CardRootProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<CardRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, 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/card/index.d.ts

@@ -1,11 +1,12 @@
-import { CardCollapsibleTriggerProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot } from "./types.js";
-import { _default as _default$5 } from "./card-root.vue.js";
-import { _default as _default$4 } from "./card-header.vue.js";
-import { _default as _default$6 } from "./card-title.vue.js";
-import { _default as _default$7 } from "./card-title-root.vue.js";
-import { _default as _default$2 } from "./card-description.vue.js";
-import { _default as _default$1 } from "./card-content.vue.js";
-import { _default as _default$3 } from "./card-footer.vue.js";
+import { CardCollapsibleTriggerProps, CardCompactEmits, CardCompactProps, CardCompactSlots, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot } from "./types.js";
+import { _default as _default$6 } from "./card-root.vue.js";
+import { _default as _default$5 } from "./card-header.vue.js";
+import { _default as _default$7 } from "./card-title.vue.js";
+import { _default as _default$8 } from "./card-title-root.vue.js";
+import { _default as _default$3 } from "./card-description.vue.js";
+import { _default as _default$2 } from "./card-content.vue.js";
+import { _default as _default$4 } from "./card-footer.vue.js";
 import { _default } from "./card-collapsible-trigger.vue.js";
+import { _default as _default$1 } from "./card-compact.vue.js";
 import { provideCardUi } from "./context.js";
-export { _default as CardCollapsibleTrigger, type CardCollapsibleTriggerProps, _default$1 as CardContent, type CardContentProps, _default$2 as CardDescription, type CardDescriptionProps, _default$3 as CardFooter, type CardFooterProps, _default$4 as CardHeader, type CardHeaderProps, _default$5 as CardRoot, type CardRootEmits, type CardRootProps, _default$6 as CardTitle, type CardTitleProps, _default$7 as CardTitleRoot, type CardTitleRootProps, type CardUi, type CardUiSlot, provideCardUi };
+export { _default as CardCollapsibleTrigger, type CardCollapsibleTriggerProps, _default$1 as CardCompact, type CardCompactEmits, type CardCompactProps, type CardCompactSlots, _default$2 as CardContent, type CardContentProps, _default$3 as CardDescription, type CardDescriptionProps, _default$4 as CardFooter, type CardFooterProps, _default$5 as CardHeader, type CardHeaderProps, _default$6 as CardRoot, type CardRootEmits, type CardRootProps, _default$7 as CardTitle, type CardTitleProps, _default$8 as CardTitleRoot, type CardTitleRootProps, type CardUi, type CardUiSlot, provideCardUi };

package/dist/components/card/index.js

@@ -1 +1 @@
-import e from"./card-root.js";import{provideCardUi as t}from"./context.js";import n from"./card-header.js";import r from"./card-title.js";import i from"./card-title-root.js";import a from"./card-description.js";import o from"./card-content.js";import s from"./card-footer.js";import c from"./card-collapsible-trigger.js";export{c as CardCollapsibleTrigger,o as CardContent,a as CardDescription,s as CardFooter,n as CardHeader,e as CardRoot,r as CardTitle,i as CardTitleRoot,t as provideCardUi};
+import e from"./card-root.js";import{provideCardUi as t}from"./context.js";import n from"./card-header.js";import r from"./card-title.js";import i from"./card-title-root.js";import a from"./card-description.js";import o from"./card-content.js";import s from"./card-footer.js";import c from"./card-collapsible-trigger.js";import l from"./card-compact.js";export{c as CardCollapsibleTrigger,l as CardCompact,o as CardContent,a as CardDescription,s as CardFooter,n as CardHeader,e as CardRoot,r as CardTitle,i as CardTitleRoot,t as provideCardUi};