@soybeanjs/ui 0.18.0 → 0.20.0

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

@@ -1,188 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { RangeCalendarCellProps, RangeCalendarCellTriggerProps, RangeCalendarGridBodyProps, RangeCalendarGridHeadProps, RangeCalendarGridProps, RangeCalendarGridRowProps, RangeCalendarHeadCellProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNextProps, RangeCalendarPrevProps, RangeCalendarRootEmits, RangeCalendarRootProps, RangeCalendarUi } from "@soybeanjs/headless/range-calendar";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { DateValue } from "@internationalized/date";
-
-//#region src/components/range-calendar/types.d.ts
-/**
- * Properties for the RangeCalendar component.
- */
-interface RangeCalendarProps extends RangeCalendarRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<RangeCalendarUi>;
-  /**
-   * Properties forwarded to the header element.
-   */
-  headerProps?: RangeCalendarHeaderProps;
-  /**
-   * Properties forwarded to the heading element.
-   */
-  headingProps?: RangeCalendarHeadingProps;
-  /**
-   * Properties forwarded to the prev element.
-   */
-  prevProps?: RangeCalendarPrevProps;
-  /**
-   * Properties forwarded to the next element.
-   */
-  nextProps?: RangeCalendarNextProps;
-  /**
-   * Properties forwarded to the grid element.
-   */
-  gridProps?: RangeCalendarGridProps;
-  /**
-   * Properties forwarded to the grid head element.
-   */
-  gridHeadProps?: RangeCalendarGridHeadProps;
-  /**
-   * Properties forwarded to the grid body element.
-   */
-  gridBodyProps?: RangeCalendarGridBodyProps;
-  /**
-   * Properties forwarded to the grid row element.
-   */
-  gridRowProps?: RangeCalendarGridRowProps;
-  /**
-   * Properties forwarded to the head cell element.
-   */
-  headCellProps?: RangeCalendarHeadCellProps;
-  /**
-   * Properties forwarded to the cell element.
-   */
-  cellProps?: Omit<RangeCalendarCellProps, 'date'>;
-  /**
-   * Properties forwarded to the cell trigger element.
-   */
-  cellTriggerProps?: Omit<RangeCalendarCellTriggerProps, 'day' | 'month'>;
-}
-/**
- * Events for the RangeCalendar component.
- */
-type RangeCalendarEmits = RangeCalendarRootEmits;
-/**
- * Slot properties for the RangeCalendarHeadCell component.
- */
-interface RangeCalendarHeadCellSlotProps {
-  /**
-   * Date exposed in the slot scope.
-   */
-  date: DateValue;
-  /**
-   * Index of the current item.
-   */
-  index: number;
-  /**
-   * Label text rendered by the component.
-   */
-  label: string;
-}
-/**
- * Slot properties for the RangeCalendarDay component.
- */
-interface RangeCalendarDaySlotProps {
-  /**
-   * Day exposed in the slot scope.
-   */
-  day: DateValue;
-  /**
-   * Day value exposed in the slot scope.
-   */
-  dayValue: string;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled: boolean;
-  /**
-   * Whether highlighted.
-   */
-  highlighted: boolean;
-  /**
-   * Whether highlighted end.
-   */
-  highlightedEnd: boolean;
-  /**
-   * Whether highlighted start.
-   */
-  highlightedStart: boolean;
-  /**
-   * Month exposed in the slot scope.
-   */
-  month: DateValue;
-  /**
-   * Whether outside view.
-   */
-  outsideView: boolean;
-  /**
-   * Whether outside visible view.
-   */
-  outsideVisibleView: boolean;
-  /**
-   * Whether the item is selected.
-   */
-  selected: boolean;
-  /**
-   * Whether selection end.
-   */
-  selectionEnd: boolean;
-  /**
-   * Whether selection start.
-   */
-  selectionStart: boolean;
-  /**
-   * Whether today.
-   */
-  today: boolean;
-  /**
-   * Whether unavailable.
-   */
-  unavailable: boolean;
-}
-/**
- * Slots for the RangeCalendar component.
- */
-type RangeCalendarSlots = {
-  /**
-   * Custom content for the heading slot.
-   */
-  heading?: (props: {
-    headingValue: string;
-  }) => any;
-  /**
-   * Custom content for the prev slot.
-   */
-  prev?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the next slot.
-   */
-  next?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the head cell slot.
-   */
-  'head-cell'?: (props: RangeCalendarHeadCellSlotProps) => any;
-  /**
-   * Custom content for the day slot.
-   */
-  day?: (props: RangeCalendarDaySlotProps) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    modelValue: RangeCalendarRootProps['modelValue'] | undefined;
-  }) => any;
-};
-//#endregion
-export { RangeCalendarDaySlotProps, RangeCalendarEmits, RangeCalendarHeadCellSlotProps, RangeCalendarProps, RangeCalendarSlots };

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

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex flex-col gap-4 p-3 text-sm`,header:`grid grid-cols-[auto_1fr_auto] items-center gap-1`,heading:`text-center font-medium`,prev:[`inline-flex h-8 w-8 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],next:[`inline-flex h-8 w-8 items-center justify-center rounded-md border border-transparent bg-transparent text-foreground transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],grid:`inline-table border-collapse me-4 last:me-0`,gridHead:``,gridBody:``,gridRow:``,headCell:`h-9 w-9 rounded-md p-0 text-center text-xs font-normal text-muted-foreground`,cell:[`h-9 w-9 p-0 text-center align-middle text-sm focus-within:relative focus-within:z-20`,`[&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-s-md last:[&:has([data-selected])]:rounded-e-md`,`[&:has([data-selection-end])]:rounded-e-md [&:has([data-selection-start])]:rounded-s-md`],cellTrigger:[`inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md p-0 text-sm font-normal transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground`,`data-[selected]:text-foreground`,`data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground`,`data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground`,`[&[data-selection-start]:hover]:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus-visible:bg-primary data-[selection-start]:focus-visible:text-primary-foreground`,`[&[data-selection-end]:hover]:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus-visible:bg-primary data-[selection-end]:focus-visible:text-primary-foreground`,`data-[highlighted]:bg-accent/80 data-[highlighted]:text-foreground`,`hover:bg-accent hover:text-accent-foreground data-[outside-view]:text-muted-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground data-[disabled]:opacity-50`,`data-[unavailable]:line-through`]},variants:{size:{xs:{root:`gap-3 text-2xs`,heading:`text-xs`,prev:`h-6 w-6`,next:`h-6 w-6`,headCell:`h-7 w-7 text-3xs`,cell:`h-7 w-7`,cellTrigger:`h-7 w-7 text-2xs`},sm:{root:`gap-3.5 text-xs`,heading:`text-sm`,prev:`h-7 w-7`,next:`h-7 w-7`,headCell:`h-8 w-8 text-2xs`,cell:`h-8 w-8`,cellTrigger:`h-8 w-8 text-xs`},md:{root:`gap-4 text-sm`,heading:`text-sm`,prev:`h-8 w-8`,next:`h-8 w-8`,headCell:`h-9 w-9 text-xs`,cell:`h-9 w-9`,cellTrigger:`h-9 w-9 text-sm`},lg:{root:`gap-4.5 text-base`,heading:`text-base`,prev:`h-9 w-9`,next:`h-9 w-9`,headCell:`h-10 w-10 text-sm`,cell:`h-10 w-10`,cellTrigger:`h-10 w-10 text-base`},xl:{root:`gap-5 text-lg`,heading:`text-lg`,prev:`h-10 w-10`,next:`h-10 w-10`,headCell:`h-11 w-11 text-base`,cell:`h-11 w-11`,cellTrigger:`h-11 w-11 text-lg`},"2xl":{root:`gap-6 text-xl`,heading:`text-xl`,prev:`h-12 w-12`,next:`h-12 w-12`,headCell:`h-12 w-12 text-lg`,cell:`h-12 w-12`,cellTrigger:`h-12 w-12 text-xl`}}},defaultVariants:{size:`md`}});export{t as rangeCalendarVariants};

package/dist/components/tags-input/tags-input-item-delete.js

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import{createBlock as t,createVNode as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{TagsInputItemDelete as u}from"@soybeanjs/headless/tags-input";const d=r({name:`STagsInputItemDelete`,__name:`tags-input-item-delete`,props:{asChild:{type:Boolean},as:{}},setup(r){let d=r;return(r,f)=>(o(),t(c(u),a(i(d)),{default:l(()=>[s(r.$slots,`default`,{},()=>[n(e,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16))}});export{d as default};

package/dist/components/tags-input/tags-input-item-delete.vue.d.ts

@@ -1,18 +0,0 @@
-import * as _$vue from "vue";
-import { TagsInputItemDeleteProps } from "@soybeanjs/headless/tags-input";
-
-//#region src/components/tags-input/tags-input-item-delete.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<TagsInputItemDeleteProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemDeleteProps> & 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 };

package/dist/components/time-field/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex w-full flex-wrap items-center rounded-md border border-input bg-background px-2.5 transition-all-150 gap-1.5`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`,`data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive/20`],input:[`inline-flex min-w-5 items-center justify-center rounded-sm px-0.5 text-center outline-none`,`tabular-nums leading-none`,`data-[segment=literal]:min-w-0 data-[segment=literal]:px-0 data-[segment=literal]:text-muted-foreground`,`data-[segment=timeZoneName]:min-w-fit data-[segment=timeZoneName]:px-1 data-[segment=timeZoneName]:text-muted-foreground`,`data-[placeholder]:text-muted-foreground`,`focus-visible:bg-accent/60 focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`]},variants:{size:{xs:{root:`min-h-6 px-1.5 text-2xs`,input:`min-h-4.5 min-w-4.5`},sm:{root:`min-h-7 px-2 text-xs`,input:`min-h-5 min-w-5`},md:{root:`min-h-8 px-2.5 text-sm`,input:`min-h-5.5 min-w-5.5`},lg:{root:`min-h-9 px-3 text-base`,input:`min-h-6 min-w-6`},xl:{root:`min-h-10 px-3.5 text-lg`,input:`min-h-6.5 min-w-6.5`},"2xl":{root:`min-h-12 px-4 text-xl`,input:`min-h-8 min-w-8`}}},defaultVariants:{size:`md`}});export{t as timeFieldVariants};

package/dist/components/time-picker/index.d.ts

@@ -1,3 +0,0 @@
-import { TimePickerEmits, TimePickerProps, TimePickerSlots } from "./types.js";
-import { _default } from "./time-picker.vue.js";
-export * from "@soybeanjs/headless/time-picker";

package/dist/components/time-picker/index.js

@@ -1 +0,0 @@
-import"./time-picker.js";

package/dist/components/time-picker/time-picker.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{timePickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{TimePickerPopup as b,TimePickerRoot as x,TimePickerTrigger as S,provideTimePickerUi as C}from"@soybeanjs/headless/time-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`STimePicker`,__name:`time-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(c,{emit:E}){let D=c,O=v(E),k=y(D,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return C(r(()=>e(n({size:D.size}),D.ui,{root:D.class}))),(e,n)=>(f(),i(g(x),u(g(k),h(g(O))),{default:_(n=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{displayValue:n.displayValue,modelValue:n.modelValue,open:n.open},()=>[s(t,{class:`size-4`,icon:`lucide:clock-3`}),n.displayValue?(f(),a(`span`,w,m(n.displayValue),1)):(f(),a(`span`,T,`Pick a time`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{time:_(t=>[p(e.$slots,`time`,d(l(t)),()=>[o(m(t.label),1)])]),_:3},16),p(e.$slots,`default`,d(l(n)))]),_:3},16))}});export{E as default};

package/dist/components/time-picker/time-picker.vue.d.ts

@@ -1,24 +0,0 @@
-import { TimePickerProps, TimePickerSlots } from "./types.js";
-import * as _$vue from "vue";
-import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
-
-//#region src/components/time-picker/time-picker.vue.d.ts
-type __VLS_Slots = TimePickerSlots;
-declare const __VLS_base: _$vue.DefineComponent<TimePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
-  "update:modelValue": (time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any;
-  "update:placeholder": (time: _$_soybeanjs_headless_date0.TimeValue) => any;
-}, string, _$vue.PublicProps, Readonly<TimePickerProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: _$_soybeanjs_headless_date0.TimeValue) => 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/time-picker/types.d.ts

@@ -1,68 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { TimePickerPopupProps, TimePickerRootEmits, TimePickerRootProps, TimePickerTriggerProps, TimePickerUi } from "@soybeanjs/headless/time-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { TimeValue } from "@soybeanjs/headless/date";
-
-//#region src/components/time-picker/types.d.ts
-/**
- * Properties for the TimePicker component.
- */
-interface TimePickerProps extends /** @vue-ignore */TimePickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<TimePickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: TimePickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: TimePickerPopupProps;
-}
-/**
- * Events for the TimePicker component.
- */
-type TimePickerEmits = TimePickerRootEmits;
-/**
- * Slots for the TimePicker component.
- */
-interface TimePickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: TimeValue | undefined;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the time slot.
-   */
-  time?: (props: {
-    disabled: boolean;
-    focused: boolean;
-    label: string;
-    selected: boolean;
-    time: TimeValue;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: TimeValue | undefined;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { TimePickerEmits, TimePickerProps, TimePickerSlots };

package/dist/components/time-picker/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 w-64 overflow-hidden rounded-lg border border-border bg-popover p-2 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],list:`max-h-72 flex flex-col gap-1 overflow-y-auto`,cellTrigger:[`inline-flex min-h-8 w-full cursor-pointer items-center rounded-md px-3 text-start text-sm font-normal transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[selected]:bg-primary data-[selected]:text-primary-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[focused]:ring-2 data-[focused]:ring-primary/20`]},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,cellTrigger:`min-h-7 px-2 text-2xs`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,cellTrigger:`min-h-8 px-2.5 text-xs`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,cellTrigger:`min-h-9 px-3 text-sm`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,cellTrigger:`min-h-10 px-3.5 text-base`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,cellTrigger:`min-h-11 px-4 text-lg`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,cellTrigger:`min-h-12 px-5 text-xl`}}},defaultVariants:{size:`md`}});export{t as timePickerVariants};

package/dist/components/time-range-field/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex w-full flex-wrap items-center rounded-md border border-input bg-background px-2.5 transition-all-150 gap-1.5`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`,`data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive/20`],input:[`inline-flex min-w-5 items-center justify-center rounded-sm px-0.5 text-center outline-none`,`tabular-nums leading-none`,`data-[segment=literal]:min-w-0 data-[segment=literal]:px-0 data-[segment=literal]:text-muted-foreground`,`data-[segment=timeZoneName]:min-w-fit data-[segment=timeZoneName]:px-1 data-[segment=timeZoneName]:text-muted-foreground`,`data-[placeholder]:text-muted-foreground`,`focus-visible:bg-accent/60 focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`],separator:[`inline-flex items-center justify-center px-1 text-muted-foreground`,`select-none`]},variants:{size:{xs:{root:`min-h-6 px-1.5 text-2xs`,input:`min-h-4.5 min-w-4.5`,separator:`text-2xs`},sm:{root:`min-h-7 px-2 text-xs`,input:`min-h-5 min-w-5`,separator:`text-xs`},md:{root:`min-h-8 px-2.5 text-sm`,input:`min-h-5.5 min-w-5.5`,separator:`text-sm`},lg:{root:`min-h-9 px-3 text-base`,input:`min-h-6 min-w-6`,separator:`text-base`},xl:{root:`min-h-10 px-3.5 text-lg`,input:`min-h-6.5 min-w-6.5`,separator:`text-lg`},"2xl":{root:`min-h-12 px-4 text-xl`,input:`min-h-8 min-w-8`,separator:`text-xl`}}},defaultVariants:{size:`md`}});export{t as timeRangeFieldVariants};

package/dist/components/time-range-picker/index.d.ts

@@ -1,3 +0,0 @@
-import { TimeRangePickerEmits, TimeRangePickerProps, TimeRangePickerSlots } from "./types.js";
-import { _default } from "./time-range-picker.vue.js";
-export * from "@soybeanjs/headless/time-range-picker";

package/dist/components/time-range-picker/index.js

@@ -1 +0,0 @@
-import"./time-range-picker.js";

package/dist/components/time-range-picker/time-range-picker.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{timeRangePickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{TimeRangePickerCompact as b,provideTimeRangePickerUi as x}from"@soybeanjs/headless/time-range-picker";const S={key:0},C={key:1,class:`text-muted-foreground`},w=c({name:`STimeRangePicker`,__name:`time-range-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(c,{emit:w}){let T=c,E=v(w),D=y(T,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return x(r(()=>e(n({size:T.size}),T.ui,{root:T.class}))),(e,n)=>(f(),i(g(b),u({...g(D),triggerProps:c.triggerProps,popupProps:c.popupProps},h(g(E))),{trigger:_(n=>[p(e.$slots,`trigger`,d(l(n)),()=>[s(t,{class:`size-4`,icon:`lucide:clock-3`}),n.displayValue?(f(),a(`span`,S,m(n.displayValue),1)):(f(),a(`span`,C,`Pick a time range`))])]),time:_(t=>[p(e.$slots,`time`,d(l(t)),()=>[o(m(t.label),1)])]),default:_(t=>[p(e.$slots,`default`,d(l(t)))]),_:3},16))}});export{w as default};

package/dist/components/time-range-picker/time-range-picker.vue.d.ts

@@ -1,28 +0,0 @@
-import { TimeRangePickerProps, TimeRangePickerSlots } from "./types.js";
-import * as _$vue from "vue";
-import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
-
-//#region src/components/time-range-picker/time-range-picker.vue.d.ts
-type __VLS_Slots = TimeRangePickerSlots;
-declare const __VLS_base: _$vue.DefineComponent<TimeRangePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
-  "update:modelValue": (range: _$_soybeanjs_headless_date0.TimeRange) => any;
-  "update:placeholder": (time: _$_soybeanjs_headless_date0.TimeValue) => any;
-  "update:startValue": (time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any;
-  "update:endValue": (time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any;
-}, string, _$vue.PublicProps, Readonly<TimeRangePickerProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((range: _$_soybeanjs_headless_date0.TimeRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((time: _$_soybeanjs_headless_date0.TimeValue) => any) | undefined;
-  "onUpdate:startValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any) | undefined;
-  "onUpdate:endValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => 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/time-range-picker/types.d.ts

@@ -1,71 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { TimeRangePickerPopupProps, TimeRangePickerRootEmits, TimeRangePickerRootProps, TimeRangePickerTriggerProps, TimeRangePickerUi } from "@soybeanjs/headless/time-range-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { TimeRange, TimeValue } from "@soybeanjs/headless/date";
-
-//#region src/components/time-range-picker/types.d.ts
-/**
- * Properties for the TimeRangePicker component.
- */
-interface TimeRangePickerProps extends /** @vue-ignore */TimeRangePickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<TimeRangePickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: TimeRangePickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: TimeRangePickerPopupProps;
-}
-/**
- * Events for the TimeRangePicker component.
- */
-type TimeRangePickerEmits = TimeRangePickerRootEmits;
-/**
- * Slots for the TimeRangePicker component.
- */
-interface TimeRangePickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: TimeRange;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the time slot.
-   */
-  time?: (props: {
-    disabled: boolean;
-    focused: boolean;
-    highlighted: boolean;
-    label: string;
-    rangeEnd: boolean;
-    rangeStart: boolean;
-    selected: boolean;
-    time: TimeValue;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: TimeRange;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { TimeRangePickerEmits, TimeRangePickerProps, TimeRangePickerSlots };

package/dist/components/time-range-picker/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 w-72 overflow-hidden rounded-lg border border-border bg-popover p-2 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],list:`max-h-72 flex flex-col gap-1 overflow-y-auto`,cellTrigger:[`inline-flex min-h-8 w-full cursor-pointer items-center rounded-md px-3 text-start text-sm font-normal transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[selected]:bg-accent data-[selected]:text-foreground`,`data-[range-start]:bg-primary data-[range-start]:text-primary-foreground`,`data-[range-end]:bg-primary data-[range-end]:text-primary-foreground`,`data-[highlighted]:bg-accent/80 data-[highlighted]:text-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[focused]:ring-2 data-[focused]:ring-primary/20`]},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,cellTrigger:`min-h-7 px-2 text-2xs`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,cellTrigger:`min-h-8 px-2.5 text-xs`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,cellTrigger:`min-h-9 px-3 text-sm`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,cellTrigger:`min-h-10 px-3.5 text-base`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,cellTrigger:`min-h-11 px-4 text-lg`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,cellTrigger:`min-h-12 px-5 text-xl`}}},defaultVariants:{size:`md`}});export{t as timeRangePickerVariants};

package/dist/components/toggle-group/toggle-group-item.js

@@ -1 +0,0 @@
-import{createBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{ToggleGroupItem as c}from"@soybeanjs/headless/toggle-group";const l=t({name:`SToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(t){let l=t,u=s(l,[`class`]);return(t,s)=>(r(),e(a(c),n(a(u),{class:l.class}),{default:o(()=>[i(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/toggle-group/toggle-group-item.vue.d.ts

@@ -1,22 +0,0 @@
-import * as _$vue from "vue";
-import { ToggleGroupItemProps } from "@soybeanjs/headless/toggle-group";
-import { DefinedValue } from "@soybeanjs/headless/types";
-
-//#region src/components/toggle-group/toggle-group-item.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = string>(__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<ToggleGroupItemProps<T>> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    default?: (props: {}) => any;
-  };
-  emit: {};
-}>) => _$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/tree-menu/context.js

@@ -1 +0,0 @@
-import{useContext as e,useUiContext as t}from"@soybeanjs/headless/composables";const[n,r]=e(`TreeMenu`),[i,a]=e(`TreeMenuOptions`),[o,s]=t(`TreeMenuExtraUi`);export{n as provideTreeMenuContext,o as provideTreeMenuExtraUi,i as provideTreeMenuOptionsContext,r as useTreeMenuContext,s as useTreeMenuExtraUi,a as useTreeMenuOptionsContext};

package/dist/components/tree-menu/shared.js

@@ -1 +0,0 @@
-const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenMenus,e as treeMenuCssVars};

package/dist/components/tree-menu/tree-menu-option-slot.js

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import t from"../badge/badge.js";import n from"../button/button-icon.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless/tree-menu";const w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.filter(e=>!e.hidden)?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[p(e,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(t,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(e,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(n,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(e,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};

package/dist/components/tree-menu/tree-menu-option.js

@@ -1 +0,0 @@
-import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i,useTreeMenuOptionsContext as a}from"./context.js";import o from"./tree-menu-option-slot.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDynamicComponent as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useOmitProps as O}from"@soybeanjs/headless/composables";import{TreeMenuButton as k,TreeMenuCollapsible as A,TreeMenuItem as j,TreeMenuSub as M,useTreeMenuRootContext as N}from"@soybeanjs/headless/tree-menu";const P=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(h,{emit:P}){let F=h,I=P,L=E(),ee=O(F,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=N(`TreeMenuOption`),{size:V,side:H}=r(`TreeMenuOption`),{activePaths:U}=a(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>F.item.children??[]),q=c(()=>!!K.value.length),J=c(()=>{let e=F.item.value;return z.value===e?!1:U.value.includes(e)}),Y=c(()=>!!(F.item.to||F.item.href)),X=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=F.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=c(()=>R.value&&q.value),Q=c(()=>R.value&&!Z.value?F.item.label:void 0),$=c(()=>H.value===`left`?`right`:`left`),te=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??$.value})),ne=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??$.value})),re=()=>{F.item.disabled||B(F.item.value)},ie=e=>{F.item.disabled||(B(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let a=C(`STreeMenuOption`);return q.value?(b(),l(T(j),_({key:1},h.itemProps,{"as-child":``,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[m(T(A),_(h.collapsibleProps,{as:h.as,"disabled-collapsible":T(R)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:D(()=>[Z.value?(b(),l(t,_({key:0},ne.value,{items:K.value,disabled:h.item.disabled,size:T(V),"data-menu":h.item.label,"active-value":T(z),onSelect:ie}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):u(`v-if`,!0)]),default:D(()=>[m(T(M),y(g(h.subProps)),{default:D(()=>[(b(!0),d(s,null,x(K.value,e=>(b(),l(a,_({key:e.value,ref_for:!0},T(ee),{item:e}),p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(b(),l(T(j),_({key:0},h.itemProps,{as:h.as,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[Y.value?(b(),l(T(k),_({key:0},h.buttonProps,{"as-child":``}),{default:D(()=>[m(e,y(g(X.value)),{default:D(({isHref:e})=>[m(o,{item:h.item,"show-link-icon":e},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(b(),l(T(k),y(_({key:1},h.buttonProps)),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(b(),l(n,_({key:2},te.value,{size:T(V),content:Q.value}),{trigger:D(()=>[(b(),l(w(Y.value?e:`div`),_(X.value,{class:T(W),onClick:re}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{P as default};

package/dist/components/tree-menu/tree-menu-options.js

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import{provideTreeMenuOptionsContext as t}from"./context.js";import n from"./tree-menu-option.js";import{filterHiddenMenus as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{usePickProps as x}from"@soybeanjs/headless/composables";import{getTreePaths as S}from"@soybeanjs/headless/shared";import{TreeMenuGroup as C,TreeMenuGroupLabel as w,TreeMenuGroupRoot as T,useTreeMenuRootContext as E}from"@soybeanjs/headless/tree-menu";const D=f({name:`STreeMenuOptions`,__name:`tree-menu-options`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(f,{emit:D}){let O=f,k=D,A=y(),j={item:`default`,"item-leading":`leading`,"item-trailing":`trailing`},M=a(()=>Object.keys(A).filter(e=>e.startsWith(`item`)).map(e=>({key:e,map:j[e]}))),N=x(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:P}=E(`TreeMenuOptions`),F=a(()=>r(O.items));return t({activePaths:a(()=>S(P.value,F.value))}),(t,r)=>(m(!0),c(i,null,h(F.value,a=>(m(),c(i,{key:a.value},[a.isGroup?(m(),o(v(T),p({key:0,ref_for:!0},f.groupRootProps),{default:b(()=>[d(v(w),p({ref_for:!0},f.groupLabelProps),{default:b(()=>[g(t.$slots,`group-label`,{item:a},()=>[f.showGroupIcon?(m(),o(e,{key:0,icon:a.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,null,_(a.label),1)])]),_:2},1040),d(v(C),p({ref_for:!0},f.groupProps),{default:b(()=>[(m(!0),c(i,null,h(a.children,e=>(m(),o(n,p({key:e.value},{ref_for:!0},v(N),{item:e,onSelectDropdown:r[0]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(m(),o(n,p({key:1,as:`div`},{ref_for:!0},v(N),{item:a,onSelectDropdown:r[1]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128))}});export{D as default};

package/dist/components/year-picker/index.d.ts

@@ -1,3 +0,0 @@
-import { YearPickerEmits, YearPickerProps, YearPickerSlots } from "./types.js";
-import { _default } from "./year-picker.vue.js";
-export * from "@soybeanjs/headless/year-picker";

package/dist/components/year-picker/index.js

@@ -1 +0,0 @@
-import"./year-picker.js";

package/dist/components/year-picker/types.d.ts

@@ -1,86 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { YearPickerPopupProps, YearPickerRootEmits, YearPickerRootProps, YearPickerTriggerProps, YearPickerUi } from "@soybeanjs/headless/year-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { DateValue } from "@internationalized/date";
-
-//#region src/components/year-picker/types.d.ts
-/**
- * Properties for the YearPicker component.
- */
-interface YearPickerProps extends /** @vue-ignore */YearPickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<YearPickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: YearPickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: YearPickerPopupProps;
-}
-/**
- * Events for the YearPicker component.
- */
-type YearPickerEmits = YearPickerRootEmits;
-/**
- * Slots for the YearPicker component.
- */
-interface YearPickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the heading slot.
-   */
-  heading?: (props: {
-    headingValue: string;
-  }) => any;
-  /**
-   * Custom content for the prev slot.
-   */
-  prev?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the next slot.
-   */
-  next?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the year slot.
-   */
-  year?: (props: {
-    date: DateValue;
-    label: string;
-    disabled: boolean;
-    focused: boolean;
-    selected: boolean;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { YearPickerEmits, YearPickerProps, YearPickerSlots };

package/dist/components/year-picker/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 overflow-hidden rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],header:`mb-3 grid grid-cols-[auto_1fr_auto] items-center gap-1`,heading:`text-center font-medium text-foreground`,prev:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],next:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],grid:`grid grid-cols-4 gap-1`,cellTrigger:[`inline-flex h-9 cursor-pointer items-center justify-center rounded-md border border-transparent bg-transparent px-3 text-sm font-normal transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[selected]:bg-primary data-[selected]:text-primary-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[focused]:ring-2 data-[focused]:ring-primary/20`]},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,prev:`size-6 text-2xs`,next:`size-6 text-2xs`,cellTrigger:`h-7 px-2 text-2xs`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,prev:`size-7 text-xs`,next:`size-7 text-xs`,cellTrigger:`h-8 px-2.5 text-xs`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,prev:`size-8 text-sm`,next:`size-8 text-sm`,cellTrigger:`h-9 px-3 text-sm`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,prev:`size-9 text-base`,next:`size-9 text-base`,cellTrigger:`h-10 px-3.5 text-base`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,prev:`size-10 text-lg`,next:`size-10 text-lg`,cellTrigger:`h-11 px-4 text-lg`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,prev:`size-12 text-xl`,next:`size-12 text-xl`,cellTrigger:`h-12 px-5 text-xl`}}},defaultVariants:{size:`md`}});export{t as yearPickerVariants};

package/dist/components/year-picker/year-picker.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{yearPickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{YearPickerPopup as b,YearPickerRoot as x,YearPickerTrigger as S,provideYearPickerUi as C}from"@soybeanjs/headless/year-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SYearPicker`,__name:`year-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(c,{emit:E}){let D=c,O=v(E),k=y(D,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return C(r(()=>e(n({size:D.size}),D.ui,{root:D.class}))),(e,n)=>(f(),i(g(x),u(g(k),h(g(O))),{default:_(n=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{displayValue:n.displayValue,modelValue:n.modelValue,open:n.open},()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),n.displayValue?(f(),a(`span`,w,m(n.displayValue),1)):(f(),a(`span`,T,`Pick a year`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{heading:_(t=>[p(e.$slots,`heading`,d(l(t)),()=>[o(m(t.headingValue),1)])]),prev:_(n=>[p(e.$slots,`prev`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),next:_(n=>[p(e.$slots,`next`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),year:_(t=>[p(e.$slots,`year`,d(l(t)),()=>[o(m(t.label),1)])]),_:3},16),p(e.$slots,`default`,d(l(n)))]),_:3},16))}});export{E as default};