@soybeanjs/ui 0.18.0 → 0.19.0

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

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

@@ -1,89 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { MonthRangePickerPopupProps, MonthRangePickerRootEmits, MonthRangePickerRootProps, MonthRangePickerTriggerProps, MonthRangePickerUi } from "@soybeanjs/headless/month-range-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { DateRange, DateValue } from "@soybeanjs/headless/date";
-
-//#region src/components/month-range-picker/types.d.ts
-/**
- * Properties for the MonthRangePicker component.
- */
-interface MonthRangePickerProps extends /** @vue-ignore */MonthRangePickerRootProps {
-  /**
-   * 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<MonthRangePickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: MonthRangePickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: MonthRangePickerPopupProps;
-}
-/**
- * Events for the MonthRangePicker component.
- */
-type MonthRangePickerEmits = MonthRangePickerRootEmits;
-/**
- * Slots for the MonthRangePicker component.
- */
-interface MonthRangePickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: DateRange;
-    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 month slot.
-   */
-  month?: (props: {
-    date: DateValue;
-    label: string;
-    disabled: boolean;
-    focused: boolean;
-    highlighted: boolean;
-    rangeEnd: boolean;
-    rangeStart: boolean;
-    selected: boolean;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: DateRange;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { MonthRangePickerEmits, MonthRangePickerProps, MonthRangePickerSlots };

package/dist/components/month-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]:opacity-60 data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none`,`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:`font-medium text-foreground text-center`,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-3 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-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`,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 monthRangePickerVariants};

package/dist/components/page-tabs/hooks.js

@@ -1 +0,0 @@
-import{computed as e}from"vue";function t(t){let{items:n,modelValue:r}=t,i=e(()=>n.value.map(e=>e.value)),a=(e,t)=>{e.pinned=t},o=e=>{let t=i.value.indexOf(e);t!==-1&&n.value.splice(t,1)},s=e=>!n.value.find(t=>t.value===e)?.pinned,c=async(e,a)=>{if(!s(e)||await t.beforeClose(e)===!1)return;let c=r.value===e,l;if(c){let t=i.value.indexOf(e);l=(n.value[t+1]??n.value[t-1]??void 0)?.value}o(e),c&&(r.value=l??``),a?.()},l=e=>{if(e.length===0)return;let t=n.value.filter(t=>!e.includes(t.value)),i=e.includes(r.value),a;i&&(a=t[t.length-1]?.value),n.value=t,i&&(r.value=a??``)},u=e=>{let t=i.value.indexOf(e);return t<=0?[]:n.value.slice(0,t).filter(e=>!e.pinned).map(e=>e.value)},d=e=>u(e).length>0,f=e=>{d(e)&&l(u(e))},p=e=>{let t=i.value.indexOf(e);return t===-1||t>=i.value.length-1?[]:n.value.slice(t+1).filter(e=>!e.pinned).map(e=>e.value)},m=e=>p(e).length>0,h=e=>{m(e)&&l(p(e))},g=e=>n.value.filter(t=>t.value!==e&&!t.pinned).map(e=>e.value),_=e=>g(e).length>0,v=e=>{_(e)&&l(g(e))},y=()=>n.value.filter(e=>!e.pinned).map(e=>e.value),b=()=>y().length>0,x=()=>{b()&&l(y())},S=()=>{let e=[],t=[],r=[];n.value.forEach(n=>{n.pinned?n.hidePinnedIcon?e.push(n):t.push(n):r.push(n)});let i=[...e,...t,...r];i.some((e,t)=>e.value!==n.value[t].value)&&(n.value=i)};return{closeTab:c,pinTab:a,sortTabs:S,getState:e=>{let t=e.value;return{pin:()=>{e.pinned=!0,S()},unpin:()=>{e.pinned=!1,S()},closable:s(t),close:async()=>{c(t)},leftClosable:d(t),closeLeft:()=>{f(t)},rightClosable:m(t),closeRight:()=>{h(t)},otherClosable:_(t),closeOther:()=>{v(t)},allClosable:b(),closeAll:()=>{x()}}}}}export{t as usePageTabsState};

package/dist/components/popconfirm/context.js

@@ -1 +0,0 @@
-import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`Popconfirm`);export{t as providePopconfirmContext,n as usePopconfirmContext};

package/dist/components/popconfirm/popconfirm-cancel.js

@@ -1 +0,0 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless/popover";const g=s({name:`SPopconfirmCancel`,__name:`popconfirm-cancel`,props:{text:{},beforeClose:{},class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{default:`pure`},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,cancelText:x,cancelProps:S,beforeCancel:C,onClose:w}=n(`PopconfirmCancel`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Cancel`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};

package/dist/components/popconfirm/popconfirm-cancel.vue.d.ts

@@ -1,25 +0,0 @@
-import { ButtonVariant } from "../button/variants.js";
-import { PopconfirmCancelProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/popconfirm/popconfirm-cancel.vue.d.ts
-declare var __VLS_16: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<PopconfirmCancelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
-}, string, _$vue.PublicProps, Readonly<PopconfirmCancelProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {
-  variant: ButtonVariant;
-}, {}, {}, {}, 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/popconfirm/popconfirm-confirm.js

@@ -1 +0,0 @@
-import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../button/button.js";import{usePopconfirmContext as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{PopoverClose as h}from"@soybeanjs/headless/popover";const g=s({name:`SPopconfirmConfirm`,__name:`popconfirm-confirm`,props:{text:{},beforeClose:{type:Function},class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(s,{emit:g}){let _=s,v=g,y=m(_,[`text`,`beforeClose`]),{size:b,confirmText:x,confirmProps:S,beforeConfirm:C,onClose:w}=n(`PopconfirmConfirm`),T=r(()=>({...S.value,...y.value})),E=r(()=>_.text??x.value??`Confirm`),D=r(()=>_.size??e[b.value??`md`]),O=()=>{v(`close`),w()};return(e,n)=>(l(),i(f(h),{"as-child":``,"before-close":s.beforeClose??f(C),onClose:O},{default:p(()=>[o(t,c(T.value,{size:D.value}),{default:p(()=>[u(e.$slots,`default`,{},()=>[a(d(E.value),1)])]),_:3},16,[`size`])]),_:3},8,[`before-close`]))}});export{g as default};

package/dist/components/popconfirm/popconfirm-confirm.vue.d.ts

@@ -1,22 +0,0 @@
-import { PopconfirmConfirmProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/popconfirm/popconfirm-confirm.vue.d.ts
-declare var __VLS_16: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<PopconfirmConfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => any;
-}, string, _$vue.PublicProps, Readonly<PopconfirmConfirmProps> & Readonly<{
-  onClose?: (() => 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/range-calendar/index.d.ts

@@ -1,3 +0,0 @@
-import { RangeCalendarDaySlotProps, RangeCalendarEmits, RangeCalendarHeadCellSlotProps, RangeCalendarProps, RangeCalendarSlots } from "./types.js";
-import { _default } from "./range-calendar.vue.js";
-export * from "@soybeanjs/headless/range-calendar";

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

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

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

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{rangeCalendarVariants as n}from"./variants.js";import{computed as r,createBlock as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{RangeCalendarCompact as y,provideRangeCalendarUi as b}from"@soybeanjs/headless/range-calendar";const x=s({name:`SRangeCalendar`,__name:`range-calendar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function},isDateUnavailable:{type:Function},isDateHighlightable:{type:Function},dir:{},nextPage:{type:Function},prevPage:{type:Function},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`],setup(s,{emit:x}){let S=s,C=x,w=v(S,[`cellProps`,`cellTriggerProps`,`class`,`gridBodyProps`,`gridHeadProps`,`gridProps`,`gridRowProps`,`headCellProps`,`headerProps`,`headingProps`,`nextProps`,`prevProps`,`size`,`ui`]),T=_(C);return b(r(()=>e(n({size:S.size}),S.ui,{root:S.class}))),(e,n)=>(d(),i(h(y),l({...h(w),cellProps:s.cellProps,cellTriggerProps:s.cellTriggerProps,gridBodyProps:s.gridBodyProps,gridHeadProps:s.gridHeadProps,gridProps:s.gridProps,gridRowProps:s.gridRowProps,headCellProps:s.headCellProps,headerProps:s.headerProps,headingProps:s.headingProps,nextProps:s.nextProps,prevProps:s.prevProps},m(h(T))),{prev:g(n=>[f(e.$slots,`prev`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),heading:g(t=>[f(e.$slots,`heading`,u(c(t)),()=>[a(p(t.headingValue),1)])]),next:g(n=>[f(e.$slots,`next`,u(c(n)),()=>[o(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),"head-cell":g(t=>[f(e.$slots,`head-cell`,u(c(t)),()=>[a(p(t.label),1)])]),day:g(t=>[f(e.$slots,`day`,u(c(t)),()=>[a(p(t.dayValue),1)])]),default:g(t=>[f(e.$slots,`default`,u(c(t)))]),_:3},16))}});export{x as default};

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