@soybeanjs/headless 0.16.0 → 0.18.0

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

@@ -9,146 +9,509 @@ import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "v
 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;
+/**
+ * Properties for the CalendarRoot 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;
 }
+/**
+ * Events for the CalendarRoot 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];
 };
+/**
+ * Properties for the CalendarHeader component.
+ */
 interface CalendarHeaderProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarHeading component.
+ */
 interface CalendarHeadingProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarGrid component.
+ */
 interface CalendarGridProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarGridHead component.
+ */
 interface CalendarGridHeadProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarGridBody component.
+ */
 interface CalendarGridBodyProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarGridRow component.
+ */
 interface CalendarGridRowProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarHeadCell component.
+ */
 interface CalendarHeadCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+/**
+ * Properties for the CalendarCell component.
+ */
 interface CalendarCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Date.
+   */
   date: DateValue;
 }
+/**
+ * Properties for the CalendarCellTrigger component.
+ */
 interface CalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Day.
+   */
   day: DateValue;
+  /**
+   * Month.
+   */
   month: DateValue;
 }
+/**
+ * Properties for the CalendarPrev component.
+ */
 interface CalendarPrevProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Prev page.
+   */
   prevPage?: (placeholder: DateValue) => DateValue;
 }
+/**
+ * Properties for the CalendarNext component.
+ */
 interface CalendarNextProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
+  /**
+   * Next page.
+   */
   nextPage?: (placeholder: DateValue) => DateValue;
 }
+/**
+ * Context for the CalendarRoot 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 properties for the CalendarRoot 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 properties for the CalendarHeading 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>;
+/**
+ * Properties for the CalendarCompact component.
+ */
 interface CalendarCompactProps<M extends boolean = false> extends CalendarRootProps<M> {
+  /**
+   * Properties forwarded to the header element.
+   */
   headerProps?: CalendarHeaderProps;
+  /**
+   * Properties forwarded to the heading element.
+   */
   headingProps?: CalendarHeadingProps;
+  /**
+   * Properties forwarded to the prev element.
+   */
   prevProps?: CalendarPrevProps;
+  /**
+   * Properties forwarded to the next element.
+   */
   nextProps?: CalendarNextProps;
+  /**
+   * Properties forwarded to the grid element.
+   */
   gridProps?: CalendarGridProps;
+  /**
+   * Properties forwarded to the grid head element.
+   */
   gridHeadProps?: CalendarGridHeadProps;
+  /**
+   * Properties forwarded to the grid body element.
+   */
   gridBodyProps?: CalendarGridBodyProps;
+  /**
+   * Properties forwarded to the grid row element.
+   */
   gridRowProps?: CalendarGridRowProps;
+  /**
+   * Properties forwarded to the head cell element.
+   */
   headCellProps?: CalendarHeadCellProps;
+  /**
+   * Properties forwarded to the cell element.
+   */
   cellProps?: Omit<CalendarCellProps, 'date'>;
+  /**
+   * Properties forwarded to the cell trigger element.
+   */
   cellTriggerProps?: Omit<CalendarCellTriggerProps, 'day' | 'month'>;
 }
+/**
+ * Events for the CalendarCompact component.
+ */
 type CalendarCompactEmits<M extends boolean = false> = CalendarRootEmits<M>;
+/**
+ * Slots for the CalendarCompact 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;

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/types.d.ts

@@ -3,36 +3,126 @@ import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, Co
 import { HTMLAttributes } from "vue";
 
 //#region src/components/card/types.d.ts
+/**
+ * Properties for the CardRoot component.
+ */
 interface CardRootProps extends CollapsibleRootProps {}
+/**
+ * Events for the CardRoot component.
+ */
 type CardRootEmits = CollapsibleRootEmits;
+/**
+ * Properties for the CardHeader component.
+ */
 interface CardHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CardContent component.
+ */
 interface CardContentProps extends CollapsibleContentProps {}
+/**
+ * Properties for the CardFooter component.
+ */
 interface CardFooterProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CardTitleRoot component.
+ */
 interface CardTitleRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CardTitle component.
+ */
 interface CardTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CardDescription component.
+ */
 interface CardDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Properties for the CardCollapsibleTrigger component.
+ */
 interface CardCollapsibleTriggerProps extends CollapsibleTriggerProps {}
+/**
+ * Available UI slots for the Card component.
+ */
 type CardUiSlot = 'root' | 'header' | 'content' | 'footer' | 'titleRoot' | 'title' | 'description' | 'trigger';
+/**
+ * UI class overrides for the Card component.
+ */
 type CardUi = UiClass<CardUiSlot>;
+/**
+ * Properties for the CardCompact component.
+ */
 interface CardCompactProps extends CardRootProps {
+  /**
+   * Title text rendered by the component.
+   */
   title?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
+  /**
+   * Properties forwarded to the header element.
+   */
   headerProps?: CardHeaderProps;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: CardContentProps;
+  /**
+   * Properties forwarded to the footer element.
+   */
   footerProps?: CardFooterProps;
+  /**
+   * Properties forwarded to the title root element.
+   */
   titleRootProps?: CardTitleRootProps;
+  /**
+   * Properties forwarded to the title element.
+   */
   titleProps?: CardTitleProps;
+  /**
+   * Properties forwarded to the description element.
+   */
   descriptionProps?: CardDescriptionProps;
 }
+/**
+ * Events for the CardCompact component.
+ */
 type CardCompactEmits = CardRootEmits;
+/**
+ * Slots for the CardCompact component.
+ */
 interface CardCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: () => any;
+  /**
+   * Custom content for the header slot.
+   */
   header?: () => any;
+  /**
+   * Custom content for the title slot.
+   */
   title?: () => any;
+  /**
+   * Custom content for the title leading slot.
+   */
   'title-leading'?: () => any;
+  /**
+   * Custom content for the title trailing slot.
+   */
   'title-trailing'?: () => any;
+  /**
+   * Custom content for the extra slot.
+   */
   extra?: () => any;
+  /**
+   * Custom content for the footer slot.
+   */
   footer?: () => any;
+  /**
+   * Custom content for the description slot.
+   */
   description?: () => any;
 }
 //#endregion

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 };

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

@@ -0,0 +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};

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

@@ -0,0 +1,18 @@
+import { CarouselContainerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-container.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselContainerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselContainerProps> & Readonly<{}>, {}, {}, {}, {}, 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 };