@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -0,0 +1,471 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { DateGrid, DateMatcher, DateRange, DateValue, WeekDayFormat, WeekStartsOn } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { SelectOptionData } from "../select/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/calendar-range/types.d.ts
+/**
+ * Properties for the CalendarRangeRoot component.
+ */
+interface CalendarRangeRootProps extends Omit<PrimitiveWithBaseProps, '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?: DateMatcher;
+  /**
+   * Whether the date is unavailable.
+   */
+  isDateUnavailable?: DateMatcher;
+  /**
+   * Whether a date highlightable.
+   */
+  isDateHighlightable?: DateMatcher;
+  /**
+   * 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';
+}
+/**
+ * Events for the CalendarRangeRoot component.
+ */
+type CalendarRangeRootEmits = {
+  /**
+   * 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];
+};
+interface CalendarRangeRootSlotProps {
+  /**
+   * Date exposed in the slot scope.
+   */
+  date: DateValue;
+  /**
+   * Heading value exposed in the slot scope.
+   */
+  headingValue: string;
+  /**
+   * Placeholder exposed in the slot scope.
+   */
+  placeholder: DateValue;
+  /**
+   * Grid exposed in the slot scope.
+   */
+  grid: DateGrid<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: DateRange;
+  /**
+   * 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;
+  /**
+   * Year options exposed in the slot scope.
+   */
+  yearOptions: SelectOptionData<number>[];
+  /**
+   * Callback invoked when the year changes.
+   */
+  onYearChange: (value?: number | undefined) => void;
+  /**
+   * Month options exposed in the slot scope.
+   */
+  monthOptions: SelectOptionData<number>[];
+  /**
+   * Callback invoked when the month changes.
+   */
+  onMonthChange: (value?: number | undefined) => void;
+}
+/**
+ * Slots for the CalendarRangeRoot component.
+ */
+type CalendarRangeRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: CalendarRangeRootSlotProps) => any;
+};
+/**
+ * Properties for the CalendarRangeHeader component.
+ */
+interface CalendarRangeHeaderProps extends PrimitiveWithBaseProps {}
+/**
+ * Slot properties for the CalendarRangeHeading component.
+ */
+interface CalendarRangeHeadingSlotProps extends Pick<CalendarRangeRootSlotProps, 'headingValue' | 'yearOptions' | 'onYearChange' | 'monthOptions' | 'onMonthChange'> {
+  selectedMonth: number;
+  selectedYear: number;
+}
+/**
+ * Properties for the CalendarRangeHeading component.
+ */
+interface CalendarRangeHeadingProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeGrid component.
+ */
+interface CalendarRangeGridProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeGridHead component.
+ */
+interface CalendarRangeGridHeadProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeGridBody component.
+ */
+interface CalendarRangeGridBodyProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeGridRow component.
+ */
+interface CalendarRangeGridRowProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeHeadCell component.
+ */
+interface CalendarRangeHeadCellProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the CalendarRangeCell component.
+ */
+interface CalendarRangeCellProps extends PrimitiveWithBaseProps {
+  /**
+   * Date.
+   */
+  date: DateValue;
+}
+/**
+ * Properties for the CalendarRangeCellTrigger component.
+ */
+interface CalendarRangeCellTriggerProps extends ButtonProps {
+  /**
+   * Day.
+   */
+  day: DateValue;
+  /**
+   * Month.
+   */
+  month: DateValue;
+}
+/**
+ * Slot properties for the CalendarRangeCellTrigger component.
+ */
+interface CalendarRangeCellTriggerSlotProps {
+  /**
+   * Day value string exposed in the slot scope.
+   */
+  dayValue: string;
+  /**
+   * Whether the date is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Whether the date is selected.
+   */
+  selected: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
+  unavailable: boolean;
+  /**
+   * Whether the date is today.
+   */
+  today: boolean;
+  /**
+   * Whether the date is outside the current view.
+   */
+  outsideView: boolean;
+  /**
+   * Whether the date is outside the visible view.
+   */
+  outsideVisibleView: boolean;
+  /**
+   * Whether the date is focused.
+   */
+  highlighted: boolean;
+  /**
+   * Whether the date is a highlighted start.
+   */
+  highlightedStart: boolean;
+  /**
+   * Whether the date is a highlighted end.
+   */
+  highlightedEnd: boolean;
+  /**
+   * Whether the date is a selection start.
+   */
+  selectionStart: boolean;
+  /**
+   * Whether the date is a selection end.
+   */
+  selectionEnd: boolean;
+}
+/**
+ * Slots for the CalendarRangeCellTrigger component.
+ */
+type CalendarRangeCellTriggerSlots = {
+  default?: (props: CalendarRangeCellTriggerSlotProps) => any;
+};
+/**
+ * Properties for the CalendarRangePrev component.
+ */
+interface CalendarRangePrevProps extends ButtonProps {
+  /**
+   * Prev page.
+   */
+  prevPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Properties for the CalendarRangeNext component.
+ */
+interface CalendarRangeNextProps extends ButtonProps {
+  /**
+   * Next page.
+   */
+  nextPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Available UI slots for the CalendarRange component.
+ */
+type CalendarRangeUiSlot = 'root' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'gridHead' | 'gridBody' | 'gridRow' | 'headCell' | 'cell' | 'cellTrigger';
+/**
+ * UI class overrides for the CalendarRange component.
+ */
+type CalendarRangeUi = UiClass<CalendarRangeUiSlot>;
+/**
+ * Properties for the CalendarRangeCompact component.
+ */
+interface CalendarRangeCompactProps extends CalendarRangeRootProps {
+  /**
+   * Properties forwarded to the header element.
+   */
+  headerProps?: CalendarRangeHeaderProps;
+  /**
+   * Properties forwarded to the heading element.
+   */
+  headingProps?: CalendarRangeHeadingProps;
+  /**
+   * Properties forwarded to the prev element.
+   */
+  prevProps?: CalendarRangePrevProps;
+  /**
+   * Properties forwarded to the next element.
+   */
+  nextProps?: CalendarRangeNextProps;
+  /**
+   * Properties forwarded to the grid element.
+   */
+  gridProps?: CalendarRangeGridProps;
+  /**
+   * Properties forwarded to the grid head element.
+   */
+  gridHeadProps?: CalendarRangeGridHeadProps;
+  /**
+   * Properties forwarded to the grid body element.
+   */
+  gridBodyProps?: CalendarRangeGridBodyProps;
+  /**
+   * Properties forwarded to the grid row element.
+   */
+  gridRowProps?: CalendarRangeGridRowProps;
+  /**
+   * Properties forwarded to the head cell element.
+   */
+  headCellProps?: CalendarRangeHeadCellProps;
+  /**
+   * Properties forwarded to the cell element.
+   */
+  cellProps?: CalendarRangeCellProps;
+  /**
+   * Properties forwarded to the cell trigger element.
+   */
+  cellTriggerProps?: CalendarRangeCellTriggerProps;
+}
+/**
+ * Events for the CalendarRangeCompact component.
+ */
+type CalendarRangeCompactEmits = CalendarRangeRootEmits;
+/**
+ * Slot properties for the CalendarRangeDay component.
+ */
+interface CalendarRangeDaySlotProps extends CalendarRangeCellTriggerSlotProps {
+  /**
+   * Day exposed in the slot scope.
+   */
+  day: DateValue;
+  /**
+   * Month exposed in the slot scope.
+   */
+  month: DateValue;
+}
+/**
+ * Slots for the CalendarRangeCompact component.
+ */
+type CalendarRangeCompactSlots = {
+  /**
+   * 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: CalendarRangeHeadingSlotProps) => 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: CalendarRangeDaySlotProps) => any;
+};
+//#endregion
+export { CalendarRangeCellProps, CalendarRangeCellTriggerProps, CalendarRangeCellTriggerSlots, CalendarRangeCompactEmits, CalendarRangeCompactProps, CalendarRangeCompactSlots, CalendarRangeGridBodyProps, CalendarRangeGridHeadProps, CalendarRangeGridProps, CalendarRangeGridRowProps, CalendarRangeHeadCellProps, CalendarRangeHeaderProps, CalendarRangeHeadingProps, CalendarRangeNextProps, CalendarRangePrevProps, CalendarRangeRootEmits, CalendarRangeRootProps, CalendarRangeRootSlots, CalendarRangeUi, CalendarRangeUiSlot };

package/dist/components/{range-calendar/use-range-calendar.js → calendar-range/use-calendar-range.js}

@@ -1 +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};
+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 useCalendarRangeState};

package/dist/components/card/card-collapsible-trigger.js

@@ -1 +1 @@
-import e from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,normalizeProps as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=n({name:`CardCollapsibleTrigger`,__name:`card-collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){let l=n;return(n,u)=>(a(),t(s(e),i(r(l)),{default:c(e=>[o(n.$slots,`default`,i(r(e)))]),_:3},16))}});export{l as default};
+import e from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{createBlock as t,defineComponent as n,guardReactiveProps as r,mergeProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=n({name:`CardCollapsibleTrigger`,__name:`card-collapsible-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){let u=n;return(n,d)=>(o(),t(c(e),i(u,{"data-soybean-card-collapsible-trigger":``}),{default:l(e=>[s(n.$slots,`default`,a(r(e)))]),_:3},16))}});export{u as default};

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

@@ -1 +1 @@
-import e from"../collapsible/collapsible-content.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`CardContent`,__name:`card-content`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},setup(n){let s=n;return(n,c)=>(i(),t(e,r(s,{tabindex:`-1`}),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as default};
+import e from"../collapsible/collapsible-content.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`CardContent`,__name:`card-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){let s=n;return(n,c)=>(i(),t(e,r(s,{"data-soybean-card-content":``,tabindex:`-1`}),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as default};

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

@@ -1 +1 @@
-import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardDescription`,__name:`card-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardDescription`,__name:`card-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-card-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardFooter`,__name:`card-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardFooter`,__name:`card-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{"data-soybean-card-footer":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardHeader`,__name:`card-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardHeader`,__name:`card-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`div`,{"data-soybean-card-header":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import e from"../collapsible/collapsible-root.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`CardRoot`,__name:`card-root`,props:{defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(n,{emit:s}){let c=n,l=s;return(n,s)=>(i(),t(e,r(c,{"onUpdate:open":s[0]||(s[0]=e=>l(`update:open`,e))}),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as default};
+import e from"../collapsible/collapsible-root.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`CardRoot`,__name:`card-root`,props:{defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(n,{emit:s}){let c=n,l=s;return(n,s)=>(i(),t(e,r(c,{"data-soybean-card-root":``,"onUpdate:open":s[0]||(s[0]=e=>l(`update:open`,e))}),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as 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/card-title-root.js

@@ -1 +1 @@
-import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardTitleRoot`,__name:`card-title-root`,setup(n){let s=e(`titleRoot`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardTitleRoot`,__name:`card-title-root`,setup(n){let s=e(`titleRoot`);return(e,n)=>(i(),t(`div`,{"data-soybean-card-title-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardTitle`,__name:`card-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCardUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CardTitle`,__name:`card-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-card-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,6 +1,6 @@
 import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
 import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
-import { HTMLAttributes } from "vue";
 
 //#region src/components/card/types.d.ts
 /**
@@ -14,7 +14,7 @@ type CardRootEmits = CollapsibleRootEmits;
 /**
  * Properties for the CardHeader component.
  */
-interface CardHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardHeaderProps extends BaseProps {}
 /**
  * Properties for the CardContent component.
  */
@@ -22,19 +22,19 @@ interface CardContentProps extends CollapsibleContentProps {}
 /**
  * Properties for the CardFooter component.
  */
-interface CardFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardFooterProps extends BaseProps {}
 /**
  * Properties for the CardTitleRoot component.
  */
-interface CardTitleRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardTitleRootProps extends BaseProps {}
 /**
  * Properties for the CardTitle component.
  */
-interface CardTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardTitleProps extends BaseProps {}
 /**
  * Properties for the CardDescription component.
  */
-interface CardDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardDescriptionProps extends BaseProps {}
 /**
  * Properties for the CardCollapsibleTrigger component.
  */
@@ -91,7 +91,7 @@ type CardCompactEmits = CardRootEmits;
 /**
  * Slots for the CardCompact component.
  */
-interface CardCompactSlots {
+type CardCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -124,6 +124,6 @@ interface CardCompactSlots {
    * Custom content for the description slot.
    */
   description?: () => any;
-}
+};
 //#endregion
 export { CardCollapsibleTriggerProps, CardCompactEmits, CardCompactProps, CardCompactSlots, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootEmits, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, CardUiSlot };

package/dist/components/carousel/carousel-container.js

@@ -1 +1 @@
-import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselContainer`,__name:`carousel-container`,setup(n){let s=e(`container`);return(e,n)=>(i(),t(`div`,{class:r(o(s)),"data-soybean-carousel-container":``},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselContainer`,__name:`carousel-container`,setup(n){let s=e(`container`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-container":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-content.js

@@ -1 +1 @@
-import{useCarouselRootContext as e,useCarouselUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l,useId as u,watch as d}from"vue";const f=[`id`],p=i({name:`CarouselContent`,__name:`carousel-content`,setup(i){let p=l(),m=t(`content`),{setCarouselRef:h,contentId:g,setContentId:_}=e(`CarouselContent`),v=`soybean-carousel-content-${u()}`,y=n(()=>p.id||g.value||v);return d(y,e=>{_(e)},{immediate:!0}),(e,t)=>(o(),r(`div`,{id:y.value,ref:c(h),class:a(c(m)),"data-soybean-carousel-content":``},[s(e.$slots,`default`)],10,f))}});export{p as default};
+import{useCarouselRootContext as e,useCarouselUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,useAttrs as l,useId as u,watch as d}from"vue";const f=[`id`],p=i({name:`CarouselContent`,__name:`carousel-content`,setup(i){let p=l(),m=t(`content`),{setCarouselRef:h,contentId:g,setContentId:_}=e(`CarouselContent`),v=`soybean-carousel-content-${u()}`,y=n(()=>p.id||g.value||v);return d(y,e=>{_(e)},{immediate:!0}),(e,t)=>(o(),r(`div`,{id:y.value,ref:c(h),"data-soybean-carousel-content":``,class:a(c(m))},[s(e.$slots,`default`)],10,f))}});export{p as default};

package/dist/components/carousel/carousel-control.js

@@ -1 +1 @@
-import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselControl`,__name:`carousel-control`,setup(n){let s=e(`control`);return(e,n)=>(i(),t(`div`,{class:r(o(s)),"data-soybean-carousel-control":``},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselControl`,__name:`carousel-control`,setup(n){let s=e(`control`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-control":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-item.js

@@ -1 +1 @@
-import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselItem`,__name:`carousel-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`div`,{class:r(o(s)),"data-soybean-carousel-item":``,role:`group`,"aria-roledescription":`slide`},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselItem`,__name:`carousel-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-item":``,class:r(o(s)),role:`group`,"aria-roledescription":`slide`},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-navigation.js

@@ -1 +1 @@
-import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselNavigation`,__name:`carousel-navigation`,setup(n){let s=e(`navigation`);return(e,n)=>(i(),t(`div`,{class:r(o(s)),"data-soybean-carousel-navigation":``},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useCarouselUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`CarouselNavigation`,__name:`carousel-navigation`,setup(n){let s=e(`navigation`);return(e,n)=>(i(),t(`div`,{"data-soybean-carousel-navigation":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/carousel/carousel-next.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`next`),{canScrollNext:b,contentId:x,scrollNext:S}=r(`CarouselNext`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Next slide`);return(e,r)=>(d(),o(n,u(p(v),{class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,"data-soybean-carousel-next":``,onClick:p(S)}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-right`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Next slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{g as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselNext`,__name:`carousel-next`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`next`),{canScrollNext:b,contentId:x,scrollNext:S}=r(`CarouselNext`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Next slide`),T=()=>{S()};return(e,r)=>(d(),o(n,u(p(v),{"data-soybean-carousel-next":``,class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,onClick:T}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-right`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Next slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`]))}});export{g as default};

package/dist/components/carousel/carousel-previous.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import"../button/index.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`previous`),{canScrollPrev:b,contentId:x,scrollPrev:S}=r(`CarouselPrevious`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Previous slide`);return(e,r)=>(d(),o(p(n),u(p(v),{class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,"data-soybean-carousel-previous":``,onClick:p(S)}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-left`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Previous slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{g as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useCarouselRootContext as r,useCarouselUi as i}from"./context.js";import{computed as a,createBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,useAttrs as m,withCtx as h}from"vue";const g=l({name:`CarouselPrevious`,__name:`carousel-previous`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=m(),v=e(g,[`disabled`]),y=i(`previous`),{canScrollPrev:b,contentId:x,scrollPrev:S}=r(`CarouselPrevious`),C=a(()=>g.disabled||!b.value),w=a(()=>_[`aria-label`]??`Previous slide`),T=()=>{S()};return(e,r)=>(d(),o(n,u(p(v),{"data-soybean-carousel-previous":``,class:p(y),disabled:C.value,"aria-controls":p(x)||void 0,"aria-label":w.value,onClick:T}),{default:h(()=>[f(e.$slots,`default`,{},()=>[c(t,{icon:`lucide:arrow-left`,"aria-hidden":!0}),r[0]||(r[0]=s(`span`,{class:`soybean-headless-sr-only`},`Previous slide`,-1))])]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`]))}});export{g as default};

package/dist/components/carousel/carousel-root.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{useEmblaCarousel as i}from"./hooks.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,onWatcherCleanup as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,watch as h,watchEffect as g}from"vue";const _=[`dir`,`data-orientation`,`aria-label`,`tabindex`],v=s({name:`CarouselRoot`,__name:`carousel-root`,props:{dir:{},orientation:{default:`horizontal`},options:{},plugins:{}},emits:[`init`],setup(s,{expose:v,emit:y}){let b=s,x=y,S=m(),C=r(`root`),[w,T]=e(),E=f({}),D=f([]),O=i(w,E,D),k=t(()=>b.dir),A=a(()=>S[`aria-labelledby`]?void 0:S[`aria-label`]??`Carousel`),j=a(()=>b.tabindex??0),M=f(!1),N=f(!1),P=f(0),F=f([]),I=f(0);function L(e){M.value=e?.canScrollNext()??!1,N.value=e?.canScrollPrev()??!1,P.value=e?.selectedScrollSnap()??0,F.value=e?.scrollSnapList()??[],I.value=R()}function R(){return F.value.length<=1?0:P.value/(F.value.length-1)*100}function z(){O.value?.scrollNext()}function B(){O.value?.scrollPrev()}function V(e,t){O.value?.scrollTo(e,t)}function H(e){if(e.target!==e.currentTarget)return;let t=b.orientation===`vertical`?`ArrowUp`:k.value===`rtl`?`ArrowRight`:`ArrowLeft`,n=b.orientation===`vertical`?`ArrowDown`:k.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(e.key===t){e.preventDefault(),B();return}e.key===n&&(e.preventDefault(),z())}return g(()=>{E.value={...b.options,axis:b.orientation===`horizontal`?`x`:`y`,direction:k.value}}),g(()=>{D.value=b.plugins??[]}),h(O,e=>{if(L(e),!e)return;let t=e=>{L(e)},n=e=>{L(e)};e.on(`select`,t),e.on(`reInit`,n),x(`init`,e),l(()=>{e.off(`select`,t),e.off(`reInit`,n)})},{immediate:!0}),n({carousel:O,canScrollNext:M,canScrollPrev:N,selectedIndex:P,scrollSnaps:F,progress:I,setCarouselRef:T,scrollNext:z,scrollPrev:B,scrollTo:V}),v({carousel:O,scrollNext:z,scrollPrev:B,scrollTo:V}),(e,t)=>(u(),o(`div`,{class:c(p(C)),dir:p(k),"data-orientation":s.orientation,"aria-label":A.value,tabindex:j.value,"data-soybean-carousel-root":``,role:`region`,"aria-roledescription":`carousel`,onKeydown:H},[d(e.$slots,`default`,{carousel:p(O),canScrollNext:M.value,canScrollPrev:N.value,selectedIndex:P.value,scrollSnaps:F.value,progress:I.value,scrollNext:z,scrollPrev:B,scrollTo:V})],42,_))}});export{v as default};
+import{useDirection as e}from"../config-provider/context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{useEmblaCarousel as i}from"./hooks.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,onWatcherCleanup as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,useAttrs as m,watch as h,watchEffect as g}from"vue";const _=[`dir`,`data-orientation`,`aria-label`,`tabindex`],v=s({name:`CarouselRoot`,__name:`carousel-root`,props:{dir:{},orientation:{default:`horizontal`},options:{},plugins:{}},emits:[`init`],setup(s,{expose:v,emit:y}){let b=s,x=y,S=m(),C=r(`root`),[w,T]=t(),E=f({}),D=f([]),O=i(w,E,D),k=e(()=>b.dir),A=a(()=>S[`aria-labelledby`]?void 0:S[`aria-label`]??`Carousel`),j=a(()=>b.tabindex??0),M=f(!1),N=f(!1),P=f(0),F=f([]),I=f(0);function L(e){M.value=e?.canScrollNext()??!1,N.value=e?.canScrollPrev()??!1,P.value=e?.selectedScrollSnap()??0,F.value=e?.scrollSnapList()??[],I.value=R()}function R(){return F.value.length<=1?0:P.value/(F.value.length-1)*100}function z(){O.value?.scrollNext()}function B(){O.value?.scrollPrev()}function V(e,t){O.value?.scrollTo(e,t)}function H(e){if(e.target!==e.currentTarget)return;let t=b.orientation===`vertical`?`ArrowUp`:k.value===`rtl`?`ArrowRight`:`ArrowLeft`,n=b.orientation===`vertical`?`ArrowDown`:k.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(e.key===t){e.preventDefault(),B();return}e.key===n&&(e.preventDefault(),z())}return g(()=>{E.value={...b.options,axis:b.orientation===`horizontal`?`x`:`y`,direction:k.value}}),g(()=>{D.value=b.plugins??[]}),h(O,e=>{if(L(e),!e)return;let t=e=>{L(e)},n=e=>{L(e)};e.on(`select`,t),e.on(`reInit`,n),x(`init`,e),l(()=>{e.off(`select`,t),e.off(`reInit`,n)})},{immediate:!0}),n({carousel:O,canScrollNext:M,canScrollPrev:N,selectedIndex:P,scrollSnaps:F,progress:I,setCarouselRef:T,scrollNext:z,scrollPrev:B,scrollTo:V}),v({carousel:O,scrollNext:z,scrollPrev:B,scrollTo:V}),(e,t)=>(u(),o(`div`,{"data-soybean-carousel-root":``,class:c(p(C)),dir:p(k),"data-orientation":s.orientation,"aria-label":A.value,tabindex:j.value,role:`region`,"aria-roledescription":`carousel`,onKeydown:H},[d(e.$slots,`default`,{carousel:p(O),canScrollNext:M.value,canScrollPrev:N.value,selectedIndex:P.value,scrollSnaps:F.value,progress:I.value,scrollNext:z,scrollPrev:B,scrollTo:V})],42,_))}});export{v as default};