@soybeanjs/headless 0.17.0 → 0.19.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;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: 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,54 +1,54 @@
 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
 /**
- * Props for the card root component.
+ * Properties for the CardRoot component.
  */
 interface CardRootProps extends CollapsibleRootProps {}
 /**
- * Emits for the card root component.
+ * Events for the CardRoot component.
  */
 type CardRootEmits = CollapsibleRootEmits;
 /**
- * Props for the card header component.
+ * Properties for the CardHeader component.
  */
-interface CardHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardHeaderProps extends BaseProps {}
 /**
- * Props for the card content component.
+ * Properties for the CardContent component.
  */
 interface CardContentProps extends CollapsibleContentProps {}
 /**
- * Props for the card footer component.
+ * Properties for the CardFooter component.
  */
-interface CardFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardFooterProps extends BaseProps {}
 /**
- * Props for the card title root component.
+ * Properties for the CardTitleRoot component.
  */
-interface CardTitleRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardTitleRootProps extends BaseProps {}
 /**
- * Props for the card title component.
+ * Properties for the CardTitle component.
  */
-interface CardTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardTitleProps extends BaseProps {}
 /**
- * Props for the card description component.
+ * Properties for the CardDescription component.
  */
-interface CardDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface CardDescriptionProps extends BaseProps {}
 /**
- * Props for the card collapsible trigger component.
+ * Properties for the CardCollapsibleTrigger component.
  */
 interface CardCollapsibleTriggerProps extends CollapsibleTriggerProps {}
 /**
- * Available UI slots for the card component.
+ * Available UI slots for the Card component.
  */
 type CardUiSlot = 'root' | 'header' | 'content' | 'footer' | 'titleRoot' | 'title' | 'description' | 'trigger';
 /**
- * UI class overrides for the card component.
+ * UI class overrides for the Card component.
  */
 type CardUi = UiClass<CardUiSlot>;
 /**
- * Props for the card compact component.
+ * Properties for the CardCompact component.
  */
 interface CardCompactProps extends CardRootProps {
   /**
@@ -60,36 +60,36 @@ interface CardCompactProps extends CardRootProps {
    */
   description?: string;
   /**
-   * Props forwarded to the header element.
+   * Properties forwarded to the header element.
    */
   headerProps?: CardHeaderProps;
   /**
-   * Props forwarded to the content element.
+   * Properties forwarded to the content element.
    */
   contentProps?: CardContentProps;
   /**
-   * Props forwarded to the footer element.
+   * Properties forwarded to the footer element.
    */
   footerProps?: CardFooterProps;
   /**
-   * Props forwarded to the title root element.
+   * Properties forwarded to the title root element.
    */
   titleRootProps?: CardTitleRootProps;
   /**
-   * Props forwarded to the title element.
+   * Properties forwarded to the title element.
    */
   titleProps?: CardTitleProps;
   /**
-   * Props forwarded to the description element.
+   * Properties forwarded to the description element.
    */
   descriptionProps?: CardDescriptionProps;
 }
 /**
- * Emits for the card compact component.
+ * Events for the CardCompact component.
  */
 type CardCompactEmits = CardRootEmits;
 /**
- * Slots for the card compact component.
+ * Slots for the CardCompact component.
  */
 interface CardCompactSlots {
   /**

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./carousel-root.js";import n from"./carousel-content.js";import r from"./carousel-container.js";import i from"./carousel-item.js";import a from"./carousel-control.js";import o from"./carousel-navigation.js";import s from"./carousel-previous.js";import c from"./carousel-next.js";import{Fragment as l,createBlock as u,createElementBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,unref as b,withCtx as x}from"vue";const S=p({name:`CarouselCompact`,__name:`carousel-compact`,props:{slides:{},contentProps:{},containerProps:{},itemProps:{},controlProps:{},navigationProps:{},previousProps:{},nextProps:{},dir:{},orientation:{},options:{},plugins:{}},emits:[`init`],setup(p,{emit:S}){let C=p,w=S,T=e(C,[`slides`,`contentProps`,`containerProps`,`itemProps`,`controlProps`,`navigationProps`,`previousProps`,`nextProps`]);return(e,S)=>(_(),u(t,h(b(T),{onInit:S[0]||(S[0]=e=>w(`init`,e))}),{default:x(t=>[f(n,g(m(p.contentProps)),{default:x(()=>[f(r,g(m(p.containerProps)),{default:x(()=>[(_(!0),d(l,null,v(p.slides,(n,r)=>(_(),u(i,h({key:r},{ref_for:!0},p.itemProps),{default:x(()=>[y(e.$slots,`item`,h({ref_for:!0},t,{slide:n,index:r,selected:r===t.selectedIndex}))]),_:2},1040))),128))]),_:2},1040)]),_:2},1040),f(a,g(m(p.controlProps)),{default:x(()=>[f(o,g(m(p.navigationProps)),{default:x(()=>[f(s,g(m(p.previousProps)),{default:x(()=>[y(e.$slots,`previous`,g(m(t)))]),_:2},1040),f(c,g(m(p.nextProps)),{default:x(()=>[y(e.$slots,`next`,g(m(t)))]),_:2},1040)]),_:2},1040),y(e.$slots,`control`,g(m(t)))]),_:2},1040)]),_:3},16))}});export{S as default};

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

@@ -0,0 +1,23 @@
+import { DefinedValue } from "../../types/common.js";
+import { CarouselCompactProps, CarouselCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$embla_carousel0 from "embla-carousel";
+
+//#region src/components/carousel/carousel-compact.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CarouselCompactProps<T> & {
+    onInit?: ((carousel: _$embla_carousel0.EmblaCarouselType) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: CarouselCompactSlots<T>;
+  emit: (evt: "init", carousel: _$embla_carousel0.EmblaCarouselType) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };