@soybeanjs/ui 0.15.4 → 0.16.0

package/dist/components/autocomplete/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full flex-col`,anchor:[`group flex w-full items-center rounded-md border border-input bg-background text-foreground shadow-xs transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],inputRoot:`flex min-w-0 grow items-center gap-2 bg-transparent`,inputControl:`min-w-0 grow border-0 bg-transparent px-0 outline-none placeholder:text-muted-foreground`,inputIcon:`shrink-0 text-muted-foreground`,inputClearable:[`flex shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-70 outline-none transition-opacity`,`hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-1`,`disabled:cursor-not-allowed disabled:opacity-40`],trigger:`flex shrink-0 items-center justify-center text-muted-foreground outline-none disabled:cursor-not-allowed`,triggerIcon:`size-1em`,content:[`relative z-50 min-w-[--soybean-popper-anchor-width] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:`max-h-80 overflow-y-auto overflow-x-hidden p-1`,empty:`py-6 text-center text-sm text-muted-foreground`,group:`overflow-hidden`,groupLabel:`px-2 py-1.5 text-xs font-medium text-muted-foreground`,item:[`relative flex w-full items-center rounded-sm outline-none select-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],itemIcon:`shrink-0 text-muted-foreground`,itemText:`grow truncate text-left`,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-border`},variants:{size:{xs:{anchor:`min-h-6 gap-1 px-1.5 text-2xs`,inputRoot:`gap-1`,content:`text-2xs`,viewport:`max-h-70 p-0.75`,groupLabel:`px-1 py-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.75`},sm:{anchor:`min-h-7 gap-1.5 px-2 text-xs`,inputRoot:`gap-1.5`,content:`text-xs`,viewport:`max-h-75 p-0.875`,groupLabel:`px-1.5 py-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1.25`,separator:`-mx-0.875 my-0.875`},md:{anchor:`min-h-8 gap-2 px-2.5 text-sm`,inputRoot:`gap-2`,content:`text-sm`,viewport:`max-h-80 p-1`,groupLabel:`px-2 py-1.5 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-1`},lg:{anchor:`min-h-9 gap-2.5 px-3 text-base`,inputRoot:`gap-2.5`,content:`text-base`,viewport:`max-h-90 p-1.25`,groupLabel:`px-2.5 py-1.75 text-sm`,item:`gap-2.5 px-2.5 py-1.75`,separator:`-mx-1.25 my-1.25`},xl:{anchor:`min-h-10 gap-3 px-3.5 text-lg`,inputRoot:`gap-3`,content:`text-lg`,viewport:`max-h-100 p-1.5`,groupLabel:`px-3 py-2 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-1.5`},"2xl":{anchor:`min-h-12 gap-3.5 px-4 text-xl`,inputRoot:`gap-3.5`,content:`text-xl`,viewport:`max-h-115 p-1.75`,groupLabel:`px-3.5 py-2.5 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-1.75`}}},defaultVariants:{size:`md`}});export{t as autocompleteVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex w-full flex-col`,anchor:[`group flex w-full items-center rounded-md border border-input bg-background text-foreground shadow-xs transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],inputRoot:`flex min-w-0 grow items-center gap-2 bg-transparent`,inputControl:`min-w-0 grow border-0 bg-transparent px-0 outline-none placeholder:text-muted-foreground`,inputIcon:`shrink-0 text-muted-foreground`,inputClearable:[`flex shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-70 outline-none transition-opacity`,`hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-1`,`disabled:cursor-not-allowed disabled:opacity-40`],trigger:`flex shrink-0 items-center justify-center text-muted-foreground outline-none disabled:cursor-not-allowed`,triggerIcon:`size-1em`,popup:[`relative z-50 min-w-[--soybean-popper-anchor-width] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:`max-h-80 overflow-y-auto overflow-x-hidden p-1`,empty:`py-6 text-center text-sm text-muted-foreground`,group:`overflow-hidden`,groupLabel:`px-2 py-1.5 text-xs font-medium text-muted-foreground`,item:[`relative flex w-full items-center rounded-sm outline-none select-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],itemIcon:`shrink-0 text-muted-foreground`,itemText:`grow truncate text-left`,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-border`},variants:{size:{xs:{anchor:`min-h-6 gap-1 px-1.5 text-2xs`,inputRoot:`gap-1`,popup:`text-2xs`,viewport:`max-h-70 p-0.75`,groupLabel:`px-1 py-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.75`},sm:{anchor:`min-h-7 gap-1.5 px-2 text-xs`,inputRoot:`gap-1.5`,popup:`text-xs`,viewport:`max-h-75 p-0.875`,groupLabel:`px-1.5 py-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1.25`,separator:`-mx-0.875 my-0.875`},md:{anchor:`min-h-8 gap-2 px-2.5 text-sm`,inputRoot:`gap-2`,popup:`text-sm`,viewport:`max-h-80 p-1`,groupLabel:`px-2 py-1.5 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-1`},lg:{anchor:`min-h-9 gap-2.5 px-3 text-base`,inputRoot:`gap-2.5`,popup:`text-base`,viewport:`max-h-90 p-1.25`,groupLabel:`px-2.5 py-1.75 text-sm`,item:`gap-2.5 px-2.5 py-1.75`,separator:`-mx-1.25 my-1.25`},xl:{anchor:`min-h-10 gap-3 px-3.5 text-lg`,inputRoot:`gap-3`,popup:`text-lg`,viewport:`max-h-100 p-1.5`,groupLabel:`px-3 py-2 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-1.5`},"2xl":{anchor:`min-h-12 gap-3.5 px-4 text-xl`,inputRoot:`gap-3.5`,popup:`text-xl`,viewport:`max-h-115 p-1.75`,groupLabel:`px-3.5 py-2.5 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-1.75`}}},defaultVariants:{size:`md`}});export{t as autocompleteVariants};

package/dist/components/calendar/calendar.js

@@ -0,0 +1 @@
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import i from"../icon/icon.js";import a from"../select/select.js";import{calendarVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{CalendarCompact as w,provideCalendarUi as T}from"@soybeanjs/headless";const E=f({name:`SCalendar`,__name:`calendar`,props:{class:{},size:{},ui:{},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},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},dir:{},nextPage:{type:Function},prevPage:{type:Function},modelValue:{},multiple:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(f,{emit:E}){let D=f,O=E,k=C(D,[`class`,`size`,`ui`]),A=S(O),j=s(()=>t(e(o({size:D.size}),{prev:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0}),next:r({size:D.size,color:`accent`,variant:`pure`,fitContent:!0})}),D.ui,{root:D.class})),M=s(()=>n[D.size||`md`]);return T(j),(e,t)=>(g(),c(b(w),m(b(k),y(b(A))),l({prev:x(t=>[_(e.$slots,`prev`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-left`})])]),next:x(t=>[_(e.$slots,`next`,h(p(t)),()=>[d(i,{icon:`lucide:chevron-right`})])]),"head-cell":x(t=>[_(e.$slots,`head-cell`,h(p(t)),()=>[u(v(t.label),1)])]),day:x(t=>[_(e.$slots,`day`,h(p(t)),()=>[u(v(t.dayValue),1)])]),default:x(t=>[_(e.$slots,`default`,h(p(t)))]),_:2},[e.$slots.heading?{name:`heading`,fn:x(t=>[_(e.$slots,`heading`,h(p(t)))]),key:`0`}:{name:`heading`,fn:x(e=>[d(a,{size:M.value,clearable:!1,items:e.monthOptions,"model-value":e.selectedMonth,"trigger-props":{"aria-label":`Select month`},ui:{trigger:`w-fit`},"onUpdate:modelValue":e.onMonthChange},null,8,[`size`,`items`,`model-value`,`onUpdate:modelValue`]),d(a,{size:M.value,clearable:!1,items:e.yearOptions,"model-value":e.selectedYear,"trigger-props":{"aria-label":`Select year`},ui:{popup:`max-h-72`,trigger:`w-fit`},"onUpdate:modelValue":e.onYearChange},null,8,[`size`,`items`,`model-value`,`onUpdate:modelValue`])]),key:`1`}]),1040))}});export{E as default};

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

@@ -0,0 +1,24 @@
+import { CalendarProps, CalendarSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/calendar/calendar.vue.d.ts
+declare const __VLS_export: <M extends boolean = false>(__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<CalendarProps<M> & {
+    "onUpdate:modelValue"?: ((date: _$_soybeanjs_headless0.CalendarModelValue<M>) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: CalendarSlots<M>;
+  emit: ((evt: "update:modelValue", date: _$_soybeanjs_headless0.CalendarModelValue<M>) => void) & ((evt: "update:placeholder", date: _$_internationalized_date0.DateValue) => 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/calendar/index.d.ts

@@ -0,0 +1,4 @@
+import { CalendarEmits, CalendarProps, CalendarSlots } from "./types.js";
+import { _default } from "./calendar.vue.js";
+import { CalendarCellProps, CalendarCellTriggerProps, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarHeadingSlotProps, CalendarModelValue, CalendarNextProps, CalendarPrevProps, CalendarRootEmits, CalendarRootProps, CalendarRootSlotProps, CalendarUi, CalendarUiSlot } from "@soybeanjs/headless/calendar";
+export { type CalendarCellProps, type CalendarCellTriggerProps, type CalendarGridBodyProps, type CalendarGridHeadProps, type CalendarGridProps, type CalendarGridRowProps, type CalendarHeadCellProps, type CalendarHeaderProps, type CalendarHeadingProps, type CalendarHeadingSlotProps, type CalendarModelValue, type CalendarNextProps, type CalendarPrevProps, type CalendarRootEmits, type CalendarRootProps, type CalendarRootSlotProps, type CalendarUi, type CalendarUiSlot };

package/dist/components/calendar/index.js

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

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

@@ -0,0 +1,13 @@
+import { ThemeSize } from "../../theme/types.js";
+import { CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarUi, ClassValue } from "@soybeanjs/headless";
+
+//#region src/components/calendar/types.d.ts
+interface CalendarProps<M extends boolean = false> extends CalendarCompactProps<M> {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<CalendarUi>;
+}
+type CalendarEmits<M extends boolean = false> = CalendarCompactEmits<M>;
+type CalendarSlots<M extends boolean = false> = CalendarCompactSlots<M>;
+//#endregion
+export { CalendarEmits, CalendarProps, CalendarSlots };

package/dist/components/calendar/variants.js

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

package/dist/components/card/card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode 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,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardUi as T}from"@soybeanjs/headless";const E=s({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let E=s,D=_(E,[`class`,`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T(n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui,{root:E.class}))),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},s.headerProps)),{default:g(()=>[f(e.$slots,`header`,{},()=>[o(m(w),u(c(s.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(s.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},s.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)])]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(s.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},s.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{cardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{CardCompact as m,provideCardUi as h}from"@soybeanjs/headless";const g=a({name:`SCard`,__name:`card`,props:{class:{},size:{},ui:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},title:{},description:{},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{},defaultOpen:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let g=a,_=p(g,[`class`,`size`,`ui`,`scrollable`,`split`]),v=d();return h(n(()=>e(t({size:g.size,scrollable:g.scrollable,split:g.split}),g.ui,{root:g.class}))),(e,t)=>(c(),r(u(m),s(o(u(_))),i({default:f(()=>[l(e.$slots,`default`)]),_:2},[v.header?{name:`header`,fn:f(()=>[l(e.$slots,`header`)]),key:`0`}:void 0,v[`title-leading`]?{name:`title-leading`,fn:f(()=>[l(e.$slots,`title-leading`)]),key:`1`}:void 0,v.title?{name:`title`,fn:f(()=>[l(e.$slots,`title`)]),key:`2`}:void 0,v[`title-trailing`]?{name:`title-trailing`,fn:f(()=>[l(e.$slots,`title-trailing`)]),key:`3`}:void 0,v.extra?{name:`extra`,fn:f(()=>[l(e.$slots,`extra`)]),key:`4`}:void 0,v.description?{name:`description`,fn:f(()=>[l(e.$slots,`description`)]),key:`5`}:void 0,v.footer?{name:`footer`,fn:f(()=>[l(e.$slots,`footer`)]),key:`6`}:void 0]),1040))}});export{g as default};

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

@@ -1,16 +1,14 @@
 import { ThemeSize } from "../../theme/types.js";
-import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, CardTitleRootProps, CardUi, ClassValue } from "@soybeanjs/headless";
+import { CardCompactProps, CardUi, ClassValue } from "@soybeanjs/headless";
 
 //#region src/components/card/types.d.ts
-interface CardProps extends CardRootProps {
+interface CardProps extends CardCompactProps {
   /**
    * root class
    */
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<CardUi>;
-  title?: string;
-  description?: string;
   /**
    * If true, the content will be scrollable when the root has height and content is taller than the root
    *
@@ -23,12 +21,6 @@ interface CardProps extends CardRootProps {
    * @default false
    */
   split?: boolean;
-  headerProps?: CardHeaderProps;
-  contentProps?: CardContentProps;
-  footerProps?: CardFooterProps;
-  titleRootProps?: CardTitleRootProps;
-  titleProps?: CardTitleProps;
-  descriptionProps?: CardDescriptionProps;
 }
 //#endregion
 export { CardProps };

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

@@ -1,9 +1,20 @@
+import { EmblaCarouselType } from "../../node_modules/.pnpm/embla-carousel@8.6.0/node_modules/embla-carousel/esm/components/EmblaCarousel.js";
+import { CarouselProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
 //#region src/components/carousel/carousel.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: any;
+declare const __VLS_base: _$vue.DefineComponent<CarouselProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  initApi: (api: EmblaCarouselType) => any;
+}, string, _$vue.PublicProps, Readonly<CarouselProps> & Readonly<{
+  onInitApi?: ((api: EmblaCarouselType) => any) | undefined;
+}>, {
+  orientation: _$_soybeanjs_headless0.DataOrientation;
+}, {}, {}, {}, 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 & {

package/dist/components/carousel/index.d.ts

@@ -1,8 +1,8 @@
+import { CarouselEmits, CarouselProps } from "./types.js";
 import { _default } from "./carousel.vue.js";
 import { _default as _default$1 } from "./carousel-content.vue.js";
 import { _default as _default$2 } from "./carousel-item.vue.js";
 import { _default as _default$3 } from "./carousel-previous.vue.js";
 import { _default as _default$4 } from "./carousel-next.vue.js";
-import { CarouselEmits, CarouselProps } from "./types.js";
-import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "@soybeanjs/headless/carousel";
-export { type CarouselApi, type CarouselContentProps, type CarouselItemProps, type CarouselNextProps, type CarouselOptions, type CarouselPlugins, type CarouselPreviousProps, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot };
+import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugin, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "@soybeanjs/headless/carousel";
+export { type CarouselApi, type CarouselContentProps, type CarouselItemProps, type CarouselNextProps, type CarouselOptions, type CarouselPlugin, type CarouselPreviousProps, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot };

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

@@ -32,10 +32,10 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}
   defaultOpen: boolean;
   modal: boolean;
   disabled: boolean;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   placement: _$_soybeanjs_headless0.Placement;
   showArrow: boolean;
+  modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   format: ColorFormat;
   defaultFormat: ColorFormat;
   colorSpace: ColorSpace;

package/dist/components/date-field/date-field.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{DateFieldCompact as d,provideDateFieldUi as f}from"@soybeanjs/headless/date-field";const p=i({name:`SDateField`,__name:`date-field`,props:{class:{},size:{},ui:{},inputProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{type:Function},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};

package/dist/components/date-field/date-field.vue.d.ts

@@ -0,0 +1,15 @@
+import { DateFieldProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-field/date-field.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DateFieldProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<DateFieldProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/date-field/index.d.ts

@@ -0,0 +1,4 @@
+import { DateFieldEmits, DateFieldProps } from "./types.js";
+import { _default } from "./date-field.vue.js";
+import { DateFieldInputProps, DateFieldRootEmits, DateFieldRootProps, DateFieldUi as DateFieldUi$1, DateFieldUiSlot } from "@soybeanjs/headless/date-field";
+export { type DateFieldInputProps, type DateFieldRootEmits, type DateFieldRootProps, type DateFieldUi$1 as DateFieldUi, type DateFieldUiSlot };

package/dist/components/date-field/index.js

@@ -0,0 +1 @@
+import"./date-field.js";

package/dist/components/date-field/types.d.ts

@@ -0,0 +1,13 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue } from "@soybeanjs/headless";
+import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldUi } from "@soybeanjs/headless/date-field";
+
+//#region src/components/date-field/types.d.ts
+interface DateFieldProps extends DateFieldCompactProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<DateFieldUi>;
+}
+type DateFieldEmits = DateFieldCompactEmits;
+//#endregion
+export { DateFieldEmits, DateFieldProps };

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

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group inline-flex flex-wrap items-center w-fit rounded-md border border-input bg-background transition-all-150`,`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 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 dateFieldVariants};

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../calendar/calendar.js";import{datePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createElementBlock 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{DatePickerPopup as b,DatePickerRoot as x,DatePickerTrigger as S,provideDatePickerUi as C}from"@soybeanjs/headless/date-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SDatePicker`,__name:`date-picker`,props:{class:{},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(i(()=>e(r({size:D.size}),D.ui,{root:D.class}))),(e,r)=>(f(),a(g(x),u(g(k),h(g(O))),{default:_(i=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{open:i.open},()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),i.modelValue?(f(),o(`span`,w,m(i.modelValue.toString()),1)):(f(),o(`span`,T,`Pick a date`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{default:_(()=>[s(n,{"model-value":i.modelValue,placeholder:g(k).placeholder,locale:g(k).locale,dir:g(k).dir,disabled:g(k).disabled,readonly:g(k).readonly,"min-value":g(k).minValue,"max-value":g(k).maxValue,"is-date-unavailable":g(k).isDateUnavailable,"onUpdate:modelValue":r[0]||=t=>e.$emit(`update:modelValue`,t)},null,8,[`model-value`,`placeholder`,`locale`,`dir`,`disabled`,`readonly`,`min-value`,`max-value`,`is-date-unavailable`])]),_:2},1040),p(e.$slots,`default`,d(l(i)))]),_:3},16))}});export{E as default};

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

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

@@ -0,0 +1,4 @@
+import { DatePickerEmits, DatePickerProps, DatePickerSlots } from "./types.js";
+import { _default } from "./date-picker.vue.js";
+import { DatePickerPopupProps, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi, DatePickerUiSlot } from "@soybeanjs/headless/date-picker";
+export { type DatePickerPopupProps, type DatePickerRootEmits, type DatePickerRootProps, type DatePickerTriggerProps, type DatePickerUi, type DatePickerUiSlot };

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

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

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

@@ -0,0 +1,24 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, DatePickerPopupProps, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi } from "@soybeanjs/headless";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-picker/types.d.ts
+interface DatePickerProps extends /* @vue-ignore */DatePickerRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<DatePickerUi>;
+  triggerProps?: DatePickerTriggerProps;
+  popupProps?: DatePickerPopupProps;
+}
+type DatePickerEmits = DatePickerRootEmits;
+interface DatePickerSlots {
+  trigger?: (props: {
+    open: boolean;
+  }) => any;
+  default?: (props: {
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+}
+//#endregion
+export { DatePickerEmits, DatePickerProps, DatePickerSlots };

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

@@ -0,0 +1 @@
+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-0 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`],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 focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`],calendar:``},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,input:`min-h-4.5 min-w-4.5`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,input:`min-h-5 min-w-5`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,input:`min-h-5.5 min-w-5.5`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,input:`min-h-6 min-w-6`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,input:`min-h-6.5 min-w-6.5`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,input:`min-h-8 min-w-8`}}},defaultVariants:{size:`md`}});export{t as datePickerVariants};

package/dist/components/date-range-field/date-range-field.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateRangeFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DateRangeFieldCompact as v,provideDateRangeFieldUi as y}from"@soybeanjs/headless/date-range-field";const b=o({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{},size:{},ui:{},inputProps:{},separator:{default:`–`}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=g(b),C=_(x,[`class`,`size`,`ui`,`inputProps`,`separator`]);return y(n(()=>e(t({size:x.size}),x.ui,{root:x.class}))),(e,t)=>(u(),r(m(v),c({...m(C),inputProps:o.inputProps,separator:o.separator},p(m(S))),i({separator:h(()=>[d(e.$slots,`separator`,{},()=>[a(f(o.separator),1)])]),_:2},[e.$slots.default?{name:`default`,fn:h(t=>[d(e.$slots,`default`,l(s(t)))]),key:`0`}:void 0]),1040))}});export{b as default};

package/dist/components/date-range-field/date-range-field.vue.d.ts

@@ -0,0 +1,29 @@
+import { DateRangeFieldProps, DateRangeFieldSlots } 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/date-range-field/date-range-field.vue.d.ts
+type __VLS_Slots = DateRangeFieldSlots;
+declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "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<DateRangeFieldProps> & Readonly<{
+  "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;
+}>, {
+  separator: string;
+}, {}, {}, {}, 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/date-range-field/index.d.ts

@@ -0,0 +1,4 @@
+import { DateRangeFieldEmits, DateRangeFieldProps, DateRangeFieldSlotProps, DateRangeFieldSlots } from "./types.js";
+import { _default } from "./date-range-field.vue.js";
+import { DateRangeFieldInputProps as DateRangeFieldInputProps$1, DateRangeFieldRootEmits as DateRangeFieldRootEmits$1, DateRangeFieldRootProps as DateRangeFieldRootProps$1, DateRangeFieldUi as DateRangeFieldUi$1, DateRangeFieldUiSlot } from "@soybeanjs/headless/date-range-field";
+export { type DateRangeFieldInputProps$1 as DateRangeFieldInputProps, type DateRangeFieldRootEmits$1 as DateRangeFieldRootEmits, type DateRangeFieldRootProps$1 as DateRangeFieldRootProps, type DateRangeFieldUi$1 as DateRangeFieldUi, type DateRangeFieldUiSlot };

package/dist/components/date-range-field/index.js

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

package/dist/components/date-range-field/types.d.ts

@@ -0,0 +1,31 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue } from "@soybeanjs/headless";
+import { DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldUi } from "@soybeanjs/headless/date-range-field";
+
+//#region src/components/date-range-field/types.d.ts
+interface DateRangeFieldSlotProps {
+  modelValue: DateRangeFieldRootProps['modelValue'];
+  startSegments: {
+    part: DateRangeFieldInputProps['part'];
+    value: string;
+  }[];
+  endSegments: {
+    part: DateRangeFieldInputProps['part'];
+    value: string;
+  }[];
+  isInvalid: boolean;
+}
+interface DateRangeFieldProps extends /* @vue-ignore */DateRangeFieldRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<DateRangeFieldUi>;
+  inputProps?: Omit<DateRangeFieldInputProps, 'part' | 'type'>;
+  separator?: string;
+}
+type DateRangeFieldEmits = DateRangeFieldRootEmits;
+interface DateRangeFieldSlots {
+  default?: (props: DateRangeFieldSlotProps) => any;
+  separator?: () => any;
+}
+//#endregion
+export { DateRangeFieldEmits, DateRangeFieldProps, DateRangeFieldSlotProps, DateRangeFieldSlots };

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

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

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import n from"../range-calendar/range-calendar.js";import{dateRangePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createElementBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,toHandlers as g,unref as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{DateRangePickerCompact as x,provideDateRangePickerUi as S}from"@soybeanjs/headless/date-range-picker";const C={key:0},w={key:1,class:`text-muted-foreground`},T=c({name:`SDateRangePicker`,__name:`date-range-picker`,props:{class:{},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(c,{emit:T}){let E=c,D=y(T),O=b(E,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]),k=i(()=>e(r({size:E.size}),E.ui,{root:E.class}));S(k);let A=e=>{if(e.start&&e.end)return`${e.start.toString()} – ${e.end.toString()}`;if(e.start)return`${e.start.toString()} – ...`};return(e,r)=>(p(),a(_(x),u({..._(O),triggerProps:c.triggerProps,popupProps:c.popupProps},g(_(D))),{trigger:v(n=>[m(e.$slots,`trigger`,f(l(n)),()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),A(n.modelValue)?(p(),o(`span`,C,h(A(n.modelValue)),1)):(p(),o(`span`,w,`Pick a date range`))])]),calendar:v(t=>[m(e.$slots,`calendar`,f(l(t)),()=>[s(n,{class:d(k.value.calendar),"model-value":t.modelValue,placeholder:t.placeholder,locale:_(O).locale,dir:_(O).dir,disabled:_(O).disabled,readonly:_(O).readonly,"min-value":_(O).minValue,"max-value":_(O).maxValue,"is-date-unavailable":_(O).isDateUnavailable,"data-slot":`calendar`,"onUpdate:modelValue":t.setRange,"onUpdate:placeholder":t.setPlaceholder},null,8,[`class`,`model-value`,`placeholder`,`locale`,`dir`,`disabled`,`readonly`,`min-value`,`max-value`,`is-date-unavailable`,`onUpdate:modelValue`,`onUpdate:placeholder`])])]),default:v(t=>[m(e.$slots,`default`,f(l(t)))]),_:3},16))}});export{T as default};

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

@@ -0,0 +1,29 @@
+import { DateRangePickerProps, DateRangePickerSlots } 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/date-range-picker/date-range-picker.vue.d.ts
+type __VLS_Slots = DateRangePickerSlots;
+declare const __VLS_base: _$vue.DefineComponent<DateRangePickerProps, {}, {}, {}, {}, _$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<DateRangePickerProps> & 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/date-range-picker/index.d.ts

@@ -0,0 +1,4 @@
+import { DateRangePickerEmits, DateRangePickerProps, DateRangePickerSlots } from "./types.js";
+import { _default } from "./date-range-picker.vue.js";
+import { DateRangePickerPopupProps, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi, DateRangePickerUiSlot } from "@soybeanjs/headless/date-range-picker";
+export { type DateRangePickerPopupProps, type DateRangePickerRootEmits, type DateRangePickerRootProps, type DateRangePickerTriggerProps, type DateRangePickerUi, type DateRangePickerUiSlot };

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

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

package/dist/components/date-range-picker/types.d.ts

@@ -0,0 +1,31 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, DateRangePickerPopupProps, DateRangePickerRootEmits, DateRangePickerRootProps, DateRangePickerTriggerProps, DateRangePickerUi } from "@soybeanjs/headless";
+import { DateRange, DateValue } from "@soybeanjs/headless/date";
+
+//#region src/components/date-range-picker/types.d.ts
+interface DateRangePickerProps extends /* @vue-ignore */DateRangePickerRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<DateRangePickerUi>;
+  triggerProps?: DateRangePickerTriggerProps;
+  popupProps?: DateRangePickerPopupProps;
+}
+type DateRangePickerEmits = DateRangePickerRootEmits;
+interface DateRangePickerSlots {
+  trigger?: (props: {
+    open: boolean;
+  }) => any;
+  default?: (props: {
+    modelValue: DateRange;
+    open: boolean;
+    placeholder: DateValue;
+    setPlaceholder: (date: DateValue) => void;
+    setRange: (range: DateRange) => void;
+  }) => any;
+  calendar?: (props: {
+    modelValue: DateRange;
+    placeholder: DateValue;
+  }) => any;
+}
+//#endregion
+export { DateRangePickerEmits, DateRangePickerProps, DateRangePickerSlots };

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

@@ -0,0 +1 @@
+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-0 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`],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 focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/20`,`data-[disabled]:cursor-not-allowed data-[readonly]:cursor-default`],calendar:``},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,input:`min-h-4.5 min-w-4.5`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,input:`min-h-5 min-w-5`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,input:`min-h-5.5 min-w-5.5`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,input:`min-h-6 min-w-6`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,input:`min-h-6.5 min-w-6.5`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,input:`min-h-8 min-w-8`}}},defaultVariants:{size:`md`}});export{t as dateRangePickerVariants};

package/dist/components/layout/layout-classic.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{themeSizeMap as n,themeSizeRatio as r}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as i}from"../button/variants.js";import{drawerVariants as a}from"../drawer/variants.js";import{layoutClassicVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useOmitProps as b}from"@soybeanjs/headless/composables";import{LayoutClassicCompact as x,provideLayoutClassicUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=u({name:`SLayoutClassic`,__name:`layout-classic`,props:{class:{},size:{default:`md`},ui:{},orientation:{},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fullContent:{type:Boolean},sidebarVisible:{type:Boolean,default:!0},headerVisible:{type:Boolean,default:!0},tabVisible:{type:Boolean,default:!0},footerVisible:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerHeight:{},tabHeight:{},footerHeight:{},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(u,{emit:w}){let T=u,E=w,D=v(),O=b(T,[`class`,`size`,`ui`,`pxToRem`]),k=s(()=>C(D).filter(e=>e!==`sidebar`)),A=e=>T.pxToRem?T.pxToRem(e):e*r[T.size]/n.md;return S(s(()=>{let n=o({size:T.size,side:T.side,fullContent:T.fullContent}),r=a({size:T.size,side:T.side}),s=i({size:T.size,color:`accent`,variant:`ghost`,shape:`square`,fitContent:!0});return t(e(n,{mobileDrawer:r.popup(),trigger:s}),T.ui,{root:T.class})})),(e,t)=>(m(),c(_(x),f(_(O),{"px-to-rem":A,"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),l({sidebar:y(t=>[g(e.$slots,`sidebar`,p(d(t)))]),_:2},[h(k.value,t=>({name:t,fn:y(()=>[g(e.$slots,t)])}))]),1040))}});export{w as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{themeSizeMap as n,themeSizeRatio as r}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as i}from"../button/variants.js";import{drawerVariants as a}from"../drawer/variants.js";import{layoutClassicVariants as o}from"./variants.js";import{computed as s,createBlock as c,createSlots as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useOmitProps as b}from"@soybeanjs/headless/composables";import{LayoutClassicCompact as x,provideLayoutClassicUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=u({name:`SLayoutClassic`,__name:`layout-classic`,props:{class:{},size:{default:`md`},ui:{},orientation:{},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(u,{emit:w}){let T=u,E=w,D=v(),O=b(T,[`class`,`size`,`ui`,`pxToRem`]),k=s(()=>C(D).filter(e=>e!==`sidebar`)),A=e=>T.pxToRem?T.pxToRem(e):e*r[T.size]/n.md;return S(s(()=>{let n=o({size:T.size,side:T.side,fullContent:T.fullContent}),r=a({size:T.size,side:T.side}),s=i({size:T.size,color:`accent`,variant:`ghost`,shape:`square`,fitContent:!0});return t(e(n,{mobileDrawer:r.popup(),trigger:s}),T.ui,{root:T.class})})),(e,t)=>(m(),c(_(x),f(_(O),{"px-to-rem":A,"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),l({sidebar:y(t=>[g(e.$slots,`sidebar`,p(d(t)))]),_:2},[h(k.value,t=>({name:t,fn:y(()=>[g(e.$slots,t)])}))]),1040))}});export{w as default};

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

@@ -0,0 +1,4 @@
+import { MonthPickerEmits, MonthPickerProps, MonthPickerSlots } from "./types.js";
+import { _default } from "./month-picker.vue.js";
+import { MonthPickerPopupProps as MonthPickerPopupProps$1, MonthPickerRootEmits as MonthPickerRootEmits$1, MonthPickerRootProps as MonthPickerRootProps$1, MonthPickerTriggerProps as MonthPickerTriggerProps$1, MonthPickerUi as MonthPickerUi$1, MonthPickerUiSlot } from "@soybeanjs/headless/month-picker";
+export { type MonthPickerPopupProps$1 as MonthPickerPopupProps, type MonthPickerRootEmits$1 as MonthPickerRootEmits, type MonthPickerRootProps$1 as MonthPickerRootProps, type MonthPickerTriggerProps$1 as MonthPickerTriggerProps, type MonthPickerUi$1 as MonthPickerUi, type MonthPickerUiSlot };

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

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

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{monthPickerVariants 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{MonthPickerPopup as b,MonthPickerRoot as x,MonthPickerTrigger as S,provideMonthPickerUi as C}from"@soybeanjs/headless/month-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SMonthPicker`,__name:`month-picker`,props:{class:{},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-range`}),n.displayValue?(f(),a(`span`,w,m(n.displayValue),1)):(f(),a(`span`,T,`Pick a month`))])]),_: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`})])]),month:_(t=>[p(e.$slots,`month`,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/month-picker/month-picker.vue.d.ts

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

@@ -0,0 +1,44 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue } from "@soybeanjs/headless";
+import { MonthPickerPopupProps, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi } from "@soybeanjs/headless/month-picker";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-picker/types.d.ts
+interface MonthPickerProps extends /* @vue-ignore */MonthPickerRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<MonthPickerUi>;
+  triggerProps?: MonthPickerTriggerProps;
+  popupProps?: MonthPickerPopupProps;
+}
+type MonthPickerEmits = MonthPickerRootEmits;
+interface MonthPickerSlots {
+  trigger?: (props: {
+    displayValue: string;
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  month?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    selected: boolean;
+  }) => any;
+  default?: (props: {
+    displayValue: string;
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+}
+//#endregion
+export { MonthPickerEmits, MonthPickerProps, MonthPickerSlots };

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

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

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

@@ -0,0 +1,4 @@
+import { MonthRangePickerEmits, MonthRangePickerProps, MonthRangePickerSlots } from "./types.js";
+import { _default } from "./month-range-picker.vue.js";
+import { MonthRangePickerPopupProps as MonthRangePickerPopupProps$1, MonthRangePickerRootEmits as MonthRangePickerRootEmits$1, MonthRangePickerRootProps as MonthRangePickerRootProps$1, MonthRangePickerTriggerProps as MonthRangePickerTriggerProps$1, MonthRangePickerUi as MonthRangePickerUi$1, MonthRangePickerUiSlot } from "@soybeanjs/headless/month-range-picker";
+export { type MonthRangePickerPopupProps$1 as MonthRangePickerPopupProps, type MonthRangePickerRootEmits$1 as MonthRangePickerRootEmits, type MonthRangePickerRootProps$1 as MonthRangePickerRootProps, type MonthRangePickerTriggerProps$1 as MonthRangePickerTriggerProps, type MonthRangePickerUi$1 as MonthRangePickerUi, type MonthRangePickerUiSlot };