@soybeanjs/ui 0.15.5 → 0.17.0

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

@@ -1,3 +1,5 @@
 import { KbdVariant } from "./variants.js";
-import { KbdProps, KbdValue } from "./types.js";
-import { _default } from "./kbd.vue.js";
+import { KbdProps as KbdProps$1 } from "./types.js";
+import { _default } from "./kbd.vue.js";
+import { KbdValue } from "@soybeanjs/headless/kbd";
+export { type KbdValue };

package/dist/components/kbd/kbd.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{kbdVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{Kbd as l}from"@soybeanjs/headless";const u=i({name:`SKbd`,__name:`kbd`,props:{class:{},size:{},variant:{},raised:{type:Boolean,default:!0},value:{},symbolize:{type:Boolean,default:!0}},setup(i){let u=i,d=c(u,[`class`,`size`,`variant`,`raised`]),f=n(()=>e(t({size:u.size,variant:u.variant,raised:u.raised}),u.class));return(e,t)=>(o(),r(s(l),a(s(d),{class:f.value}),null,16,[`class`]))}});export{u as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{kbdVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{Kbd as l}from"@soybeanjs/headless/kbd";const u=i({name:`SKbd`,__name:`kbd`,props:{class:{},size:{},variant:{},raised:{type:Boolean,default:!0},value:{},symbolize:{type:Boolean,default:!0}},setup(i){let u=i,d=c(u,[`class`,`size`,`variant`,`raised`]),f=n(()=>e(t({size:u.size,variant:u.variant,raised:u.raised}),u.class));return(e,t)=>(o(),r(s(l),a(s(d),{class:f.value}),null,16,[`class`]))}});export{u as default};

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

@@ -1,13 +1,29 @@
 import { ThemeSize } from "../../theme/types.js";
 import { KbdVariant } from "./variants.js";
-import { ClassValue, KbdProps, KbdValue } from "@soybeanjs/headless";
+import { KbdProps } from "@soybeanjs/headless/kbd";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/kbd/types.d.ts
+/**
+ * Props for the kbd component.
+ */
 interface KbdProps$1 extends KbdProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: KbdVariant;
+  /**
+   * Whether raised.
+   */
   raised?: boolean;
 }
 //#endregion
-export { KbdProps$1 as KbdProps, type KbdValue };
+export { KbdProps$1 as KbdProps };

package/dist/components/label/label.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{labelVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Label as u}from"@soybeanjs/headless";const d=i({name:`SLabel`,__name:`label`,props:{class:{},size:{},for:{}},setup(i){let d=i,f=n(()=>e(t({size:d.size}),d.class));return(e,t)=>(o(),r(c(u),{for:d.for,class:a(f.value)},{default:l(()=>[s(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{labelVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{Label as u}from"@soybeanjs/headless/label";const d=i({name:`SLabel`,__name:`label`,props:{class:{},size:{},for:{}},setup(i){let d=i,f=n(()=>e(t({size:d.size}),d.class));return(e,t)=>(o(),r(c(u),{for:d.for,class:a(f.value)},{default:l(()=>[s(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};

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

@@ -1,9 +1,19 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, LabelProps } from "@soybeanjs/headless";
+import { LabelProps } from "@soybeanjs/headless/label";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/label/types.d.ts
+/**
+ * Props for the label component.
+ */
 interface LabelProps$1 extends LabelProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
 }
 //#endregion

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

@@ -1,5 +1,6 @@
 import { LayoutClassicEmits, LayoutClassicProps, LayoutClassicScrollBehavior, LayoutClassicSlots, LayoutCollapsible, LayoutEmits, LayoutProps, LayoutSide, LayoutSlots, LayoutVariant } from "./types.js";
 import { _default } from "./layout.vue.js";
 import { _default as _default$1 } from "./layout-classic.vue.js";
-import { LayoutTrigger as SLayoutTrigger } from "@soybeanjs/headless";
+import { LayoutTrigger as SLayoutTrigger } from "@soybeanjs/headless/layout";
+export * from "@soybeanjs/headless/layout";
 export { SLayoutTrigger };

package/dist/components/layout/index.js

@@ -1 +1 @@
-import"./layout.js";import"./layout-classic.js";import{LayoutTrigger as e}from"@soybeanjs/headless";export{e as SLayoutTrigger};
+import"./layout.js";import"./layout-classic.js";import{LayoutTrigger as e}from"@soybeanjs/headless/layout";export{e as SLayoutTrigger};

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},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};
+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{keysOf as x}from"@soybeanjs/utils";import{LayoutClassicCompact as S,provideLayoutClassicUi as C}from"@soybeanjs/headless/layout";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(()=>x(D).filter(e=>e!==`sidebar`)),A=e=>T.pxToRem?T.pxToRem(e):e*r[T.size]/n.md;return C(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(_(S),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/layout/layout.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{layoutVariants 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{LayoutCompact as x,provideLayoutUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=u({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},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,variant:T.variant,side:T.side,collapsible:T.collapsible,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{layoutVariants 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{keysOf as x}from"@soybeanjs/utils";import{LayoutCompact as S,provideLayoutUi as C}from"@soybeanjs/headless/layout";const w=u({name:`SLayout`,__name:`layout`,props:{class:{},size:{default:`md`},ui:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},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(()=>x(D).filter(e=>e!==`sidebar`)),A=e=>T.pxToRem?T.pxToRem(e):e*r[T.size]/n.md;return C(s(()=>{let n=o({size:T.size,variant:T.variant,side:T.side,collapsible:T.collapsible,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(_(S),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/layout/types.d.ts

@@ -1,20 +1,57 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutSide, LayoutUi, LayoutVariant } from "@soybeanjs/headless";
+import { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutSide, LayoutUi, LayoutVariant } from "@soybeanjs/headless/layout";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/layout/types.d.ts
+/**
+ * Props for the layout component.
+ */
 interface LayoutProps extends LayoutCompactProps {
+  /**
+   * 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<LayoutUi>;
 }
+/**
+ * Emits for the layout component.
+ */
 type LayoutEmits = LayoutCompactEmits;
+/**
+ * Slots for the layout component.
+ */
 type LayoutSlots = LayoutCompactSlots;
+/**
+ * Props for the layout classic component.
+ */
 interface LayoutClassicProps extends LayoutClassicCompactProps {
+  /**
+   * 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<LayoutClassicUi>;
 }
+/**
+ * Emits for the layout classic component.
+ */
 type LayoutClassicEmits = LayoutClassicCompactEmits;
+/**
+ * Slots for the layout classic component.
+ */
 type LayoutClassicSlots = LayoutClassicCompactSlots;
 //#endregion
 export { LayoutClassicEmits, LayoutClassicProps, type LayoutClassicScrollBehavior, LayoutClassicSlots, type LayoutCollapsible, LayoutEmits, LayoutProps, type LayoutSide, LayoutSlots, type LayoutVariant };

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

@@ -1,2 +1,4 @@
-import { LinkProps } from "./types.js";
-import { _default } from "./link.vue.js";
+import { LinkProps as LinkProps$1 } from "./types.js";
+import { _default } from "./link.vue.js";
+import { LinkBaseProps as LinkBaseProps$1, LinkExtraProps } from "@soybeanjs/headless/link";
+export { type LinkBaseProps$1 as LinkBaseProps, type LinkExtraProps };

package/dist/components/link/link.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{linkVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{Link as f}from"@soybeanjs/headless";const p=i({name:`SLink`,__name:`link`,props:{class:{},to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{}},setup(i){let p=i,m=t(),h=n(()=>e(m,p.class));return(e,t)=>(c(),r(u(f),o(p,{class:h.value}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{p as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{linkVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{Link as f}from"@soybeanjs/headless/link";const p=i({name:`SLink`,__name:`link`,props:{class:{},to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{}},setup(i){let p=i,m=t(),h=n(()=>e(m,p.class));return(e,t)=>(c(),r(u(f),o(p,{class:h.value}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{p as default};

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

@@ -1,7 +1,14 @@
-import { ClassValue, LinkProps } from "@soybeanjs/headless";
+import { LinkProps } from "@soybeanjs/headless/link";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/link/types.d.ts
+/**
+ * Props for the link component.
+ */
 interface LinkProps$1 extends LinkProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
 }
 //#endregion

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

@@ -1,5 +1,5 @@
-import { ListItemProps, ListProps } from "./types.js";
+import { ListItemProps as ListItemProps$1, ListProps } from "./types.js";
 import { _default } from "./list.vue.js";
 import { _default as _default$1 } from "./list-item.vue.js";
-import { ListContentProps, ListDescriptionProps, ListRootProps, ListTitleProps } from "@soybeanjs/headless/list";
-export { type ListContentProps, type ListDescriptionProps, type ListRootProps, type ListTitleProps };
+import { ListContentProps as ListContentProps$1, ListDescriptionProps as ListDescriptionProps$1, ListRootProps as ListRootProps$1, ListTitleProps as ListTitleProps$1, ListUi as ListUi$1, ListUiSlot } from "@soybeanjs/headless/list";
+export { type ListContentProps$1 as ListContentProps, type ListDescriptionProps$1 as ListDescriptionProps, type ListRootProps$1 as ListRootProps, type ListTitleProps$1 as ListTitleProps, type ListUi$1 as ListUi, type ListUiSlot };

package/dist/components/list/list-item.js

@@ -1 +1 @@
-import{createBlock as e,createCommentVNode as t,createTextVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,useSlots as f,withCtx as p}from"vue";import{ListContent as m,ListDescription as h,ListItem as g,ListTitle as _}from"@soybeanjs/headless";const v=i({name:`SListItem`,__name:`list-item`,props:{title:{},description:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(i){let v=f();return(f,y)=>(c(),e(d(g),null,{default:p(()=>[l(f.$slots,`leading`),r(d(m),s(a(i.contentProps)),{default:p(()=>[d(v).title||i.title?(c(),e(d(_),s(o({key:0},i.titleProps)),{default:p(()=>[l(f.$slots,`title`,{},()=>[n(u(i.title),1)])]),_:3},16)):t(`v-if`,!0),d(v).description||i.description?(c(),e(d(h),s(o({key:1},i.descriptionProps)),{default:p(()=>[l(f.$slots,`description`,{},()=>[n(u(i.description),1)])]),_:3},16)):t(`v-if`,!0),l(f.$slots,`default`)]),_:3},16),l(f.$slots,`trailing`)]),_:3}))}});export{v as default};
+import{createBlock as e,createCommentVNode as t,createTextVNode as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,useSlots as f,withCtx as p}from"vue";import{ListContent as m,ListDescription as h,ListItem as g,ListTitle as _}from"@soybeanjs/headless/list";const v=i({name:`SListItem`,__name:`list-item`,props:{title:{},description:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(i){let v=f();return(f,y)=>(c(),e(d(g),null,{default:p(()=>[l(f.$slots,`leading`),r(d(m),s(a(i.contentProps)),{default:p(()=>[d(v).title||i.title?(c(),e(d(_),s(o({key:0},i.titleProps)),{default:p(()=>[l(f.$slots,`title`,{},()=>[n(u(i.title),1)])]),_:3},16)):t(`v-if`,!0),d(v).description||i.description?(c(),e(d(h),s(o({key:1},i.descriptionProps)),{default:p(()=>[l(f.$slots,`description`,{},()=>[n(u(i.description),1)])]),_:3},16)):t(`v-if`,!0),l(f.$slots,`default`)]),_:3},16),l(f.$slots,`trailing`)]),_:3}))}});export{v as default};

package/dist/components/list/list.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{listVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{ListRoot as l,provideListUi as u}from"@soybeanjs/headless";const d=i({name:`SList`,__name:`list`,props:{class:{},size:{},ui:{}},setup(i){let d=i;return u(n(()=>e(t({size:d.size}),d.ui,{root:d.class}))),(e,t)=>(a(),r(s(l),null,{default:c(()=>[o(e.$slots,`default`)]),_:3}))}});export{d as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{listVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{ListRoot as l,provideListUi as u}from"@soybeanjs/headless/list";const d=i({name:`SList`,__name:`list`,props:{class:{},size:{},ui:{}},setup(i){let d=i;return u(n(()=>e(t({size:d.size}),d.ui,{root:d.class}))),(e,t)=>(a(),r(s(l),null,{default:c(()=>[o(e.$slots,`default`)]),_:3}))}});export{d as default};

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

@@ -1,17 +1,48 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi } from "@soybeanjs/headless";
+import { ListContentProps, ListDescriptionProps, ListItemProps, ListRootProps, ListTitleProps, ListUi } from "@soybeanjs/headless/list";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/list/types.d.ts
+/**
+ * Props for the list component.
+ */
 interface ListProps extends ListRootProps {
+  /**
+   * 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<ListUi>;
 }
+/**
+ * Props for the list item component.
+ */
 interface ListItemProps$1 extends ListItemProps {
+  /**
+   * Title text rendered by the component.
+   */
   title?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: ListContentProps;
+  /**
+   * Props forwarded to the title element.
+   */
   titleProps?: ListTitleProps;
+  /**
+   * Props forwarded to the description element.
+   */
   descriptionProps?: ListDescriptionProps;
 }
 //#endregion

package/dist/components/menu/context.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as t}from"../kbd/variants.js";import{menuVariants as n}from"./variants.js";import{computed as r,toValue as i}from"vue";import{provideMenuUi as a}from"@soybeanjs/headless";const o=o=>{a(r(()=>{let r=i(o),a=n({size:r.size,indicatorPosition:r.indicatorPosition}),s=t({size:r.size}),c=a.shortcut;return a.shortcut=()=>`${c()} ${s}`,e(a,r.ui,{popup:r.class})}))};export{o as provideMenuUi};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as t}from"../kbd/variants.js";import{menuVariants as n}from"./variants.js";import{computed as r,toValue as i}from"vue";import{provideMenuUi as a}from"@soybeanjs/headless/menu";const o=o=>{a(r(()=>{let r=i(o),a=n({size:r.size,indicatorPosition:r.indicatorPosition}),s=t({size:r.size}),c=a.shortcut;return a.shortcut=()=>`${c()} ${s}`,e(a,r.ui,{popup:r.class})}))};export{o as provideMenuUi};

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

@@ -1,2 +1,10 @@
-import { MenuCheckboxOptionData, MenuCheckboxOptionsCompact as SMenuCheckboxOptions, MenuOptionData, MenuOptionsCompact as SMenuOptions, MenuRadioOptionData, MenuRadioOptionsCompact as SMenuRadioOptions } from "@soybeanjs/headless";
-export { type MenuCheckboxOptionData, type MenuOptionData, type MenuRadioOptionData, SMenuCheckboxOptions, SMenuOptions, SMenuRadioOptions };
+import { MenuCheckboxOptionsCompact as SMenuCheckboxOptions, MenuOptionsCompact as SMenuOptions, MenuRadioOptionsCompact as SMenuRadioOptions } from "@soybeanjs/headless/menu";
+export * from "@soybeanjs/headless/menu";
+
+//#region src/components/menu/index.d.ts
+declare namespace index_d_exports {
+  export { SMenuCheckboxOptions, SMenuOptions, SMenuRadioOptions };
+}
+import * as import__soybeanjs_headless_menu from "@soybeanjs/headless/menu";
+//#endregion
+export { SMenuCheckboxOptions, SMenuOptions, SMenuRadioOptions, index_d_exports };

package/dist/components/menu/index.js

@@ -1 +1 @@
-import{MenuCheckboxOptionsCompact as e,MenuOptionsCompact as t,MenuRadioOptionsCompact as n}from"@soybeanjs/headless";export{e as SMenuCheckboxOptions,t as SMenuOptions,n as SMenuRadioOptions};
+import{MenuCheckboxOptionsCompact as e,MenuOptionsCompact as t,MenuRadioOptionsCompact as n}from"@soybeanjs/headless/menu";export{e as SMenuCheckboxOptions,t as SMenuOptions,n as SMenuRadioOptions};

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

@@ -1,14 +1,27 @@
 import { ThemeSize } from "../../theme/types.js";
-import { AlignSide, ClassValue, MenuUi } from "@soybeanjs/headless";
+import { MenuUi } from "@soybeanjs/headless/menu";
+import { AlignSide, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/menu/types.d.ts
+/**
+ * Props for the menu ui base component.
+ */
 interface MenuUiBaseProps {
   /**
    * class of menu popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<MenuUi>;
+  /**
+   * Indicator position.
+   */
   indicatorPosition?: AlignSide;
 }
 //#endregion

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

@@ -1,2 +1,3 @@
 import { MenubarEmits, MenubarProps, MenubarSlots } from "./types.js";
-import { _default } from "./menubar.vue.js";
+import { _default } from "./menubar.vue.js";
+export * from "@soybeanjs/headless/menubar";

package/dist/components/menubar/menubar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuUi as t}from"../menu/context.js";import{menubarVariants as n}from"./variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{MenubarCompact as y,provideMenubarUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SMenubar`,__name:`menubar`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`,`indicatorPosition`]),D=_(w),O=r(()=>x(T));return b(r(()=>e(n({size:C.size}),C.ui,{root:C.class}))),t(()=>C),(e,t)=>(u(),i(m(y),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuUi as t}from"../menu/context.js";import{menubarVariants as n}from"./variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{MenubarCompact as b,provideMenubarUi as x}from"@soybeanjs/headless/menubar";const S=o({name:`SMenubar`,__name:`menubar`,props:{class:{},size:{},ui:{},indicatorPosition:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},modelValue:{},defaultValue:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:open`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`,`indicatorPosition`]),D=_(w),O=r(()=>y(T));return x(r(()=>e(n({size:C.size}),C.ui,{root:C.class}))),t(()=>C),(e,t)=>(u(),i(m(b),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};

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

@@ -1,7 +1,7 @@
 import { MenubarProps, MenubarSlots } from "./types.js";
 import * as _$vue from "vue";
+import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/menubar/menubar.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

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

@@ -1,17 +1,36 @@
 import { ThemeSize } from "../../theme/types.js";
-import { AlignSide, ClassValue, DefinedValue, MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarUi } from "@soybeanjs/headless";
+import { MenubarCompactEmits, MenubarCompactProps, MenubarCompactSlots, MenubarUi } from "@soybeanjs/headless/menubar";
+import { AlignSide, ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/menubar/types.d.ts
+/**
+ * Props for the menubar component.
+ */
 interface MenubarProps<T extends DefinedValue = DefinedValue> extends MenubarCompactProps<T> {
   /**
    * class of menubar root
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<MenubarUi>;
+  /**
+   * Indicator position.
+   */
   indicatorPosition?: AlignSide;
 }
+/**
+ * Emits for the menubar component.
+ */
 type MenubarEmits<T extends DefinedValue = DefinedValue> = MenubarCompactEmits<T>;
+/**
+ * Slots for the menubar component.
+ */
 type MenubarSlots<T extends DefinedValue = DefinedValue> = MenubarCompactSlots<T>;
 //#endregion
 export { MenubarEmits, MenubarProps, MenubarSlots };

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

@@ -0,0 +1,3 @@
+import { MonthPickerEmits, MonthPickerProps, MonthPickerSlots } from "./types.js";
+import { _default } from "./month-picker.vue.js";
+export * from "@soybeanjs/headless/month-picker";

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,86 @@
+import { ThemeSize } from "../../theme/types.js";
+import { MonthPickerPopupProps, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi } from "@soybeanjs/headless/month-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/month-picker/types.d.ts
+/**
+ * Props for the month picker component.
+ */
+interface MonthPickerProps extends /** @vue-ignore */MonthPickerRootProps {
+  /**
+   * 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<MonthPickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: MonthPickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: MonthPickerPopupProps;
+}
+/**
+ * Emits for the month picker component.
+ */
+type MonthPickerEmits = MonthPickerRootEmits;
+/**
+ * Slots for the month picker component.
+ */
+interface MonthPickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: {
+    displayValue: string;
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+  /**
+   * Custom content for the heading slot.
+   */
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  /**
+   * Custom content for the prev slot.
+   */
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  /**
+   * Custom content for the next slot.
+   */
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  /**
+   * Custom content for the month slot.
+   */
+  month?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    selected: boolean;
+  }) => any;
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: {
+    displayValue: string;
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+}
+//#endregion
+export { 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,3 @@
+import { MonthRangePickerEmits, MonthRangePickerProps, MonthRangePickerSlots } from "./types.js";
+import { _default } from "./month-range-picker.vue.js";
+export * from "@soybeanjs/headless/month-range-picker";

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

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

package/dist/components/month-range-picker/month-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{monthRangePickerVariants 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{MonthRangePickerPopup as b,MonthRangePickerRoot as x,MonthRangePickerTrigger as S,provideMonthRangePickerUi as C}from"@soybeanjs/headless/month-range-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SMonthRangePicker`,__name:`month-range-picker`,props:{class:{},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`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 range`))])]),_: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-range-picker/month-range-picker.vue.d.ts

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