@soybeanjs/ui 0.16.0 → 0.18.0

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

@@ -1,17 +1,35 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TabsFill } from "./variants.js";
-import { AcceptableValue, ClassValue } from "@soybeanjs/headless";
 import { TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsOptionData, TabsOptionData as TabsOptionData$1, TabsUi } from "@soybeanjs/headless/tabs";
+import { AcceptableValue, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tabs/types.d.ts
+/**
+ * Properties for the Tabs component.
+ */
 interface TabsProps<T extends TabsOptionData = TabsOptionData> extends TabsCompactProps<T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
   /** Styled tabs ui slots, including `indicatorContent` for the compact indicator body. */
   ui?: Partial<TabsUi>;
+  /**
+   * Fill.
+   */
   fill?: TabsFill;
 }
+/**
+ * Events for the Tabs component.
+ */
 type TabsEmits<T extends AcceptableValue = AcceptableValue> = TabsCompactEmits<T>;
+/**
+ * Slots for the Tabs component.
+ */
 type TabsSlots<T extends TabsOptionData = TabsOptionData> = TabsCompactSlots<T>;
 //#endregion
 export { TabsEmits, type TabsOptionData$1 as TabsOptionData, TabsProps, TabsSlots };

package/dist/components/tag/tag.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{tagVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless";const g=c({name:`STag`,__name:`tag`,props:{class:{},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import t from"../icon/icon.js";import{tagVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,toDisplayString as f,unref as p,withCtx as m}from"vue";import{Tag as h}from"@soybeanjs/headless/tag";const g=c({name:`STag`,__name:`tag`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(c,{emit:g}){let _=c,v=g,y=r(()=>e(n({color:_.color,size:_.size,variant:_.variant,shape:_.shape}),_.class));return(e,n)=>(u(),i(p(h),{open:c.open,class:l(y.value),"onUpdate:open":n[0]||=e=>v(`update:open`,e)},{default:m(({close:n})=>[d(e.$slots,`leading`),d(e.$slots,`default`,{},()=>[o(f(c.content),1)]),d(e.$slots,`trailing`),c.closable?d(e.$slots,`close`,{key:0,close:n},()=>[s(t,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):a(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{g as default};

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

@@ -1,15 +1,40 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { TagShape, TagVariant } from "./variants.js";
-import { ClassValue, TagEmits, TagProps } from "@soybeanjs/headless";
+import { TagEmits, TagProps } from "@soybeanjs/headless/tag";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tag/types.d.ts
+/**
+ * Properties for the Tag component.
+ */
 interface TagProps$1 extends TagProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: TagVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: TagShape;
+  /**
+   * Content.
+   */
   content?: string;
+  /**
+   * Whether the component can be closed.
+   */
   closable?: boolean;
 }
 //#endregion

package/dist/components/tags-input/index.d.ts

@@ -1,5 +1,6 @@
 import { TagsInputEmits, TagsInputProps } from "./types.js";
 import { _default } from "./tags-input.vue.js";
 import { _default as _default$1 } from "./tags-input-item-delete.vue.js";
-import { TagsInputAcceptableValue, TagsInputClear as STagsInputClear, TagsInputClearProps, TagsInputInput as STagsInputInput, TagsInputInputProps, TagsInputItem as STagsInputItem, TagsInputItemDeleteProps as TagsInputItemDeleteProps$1, TagsInputItemProps, TagsInputItemText as STagsInputItemText, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot } from "@soybeanjs/headless/tags-input";
-export { STagsInputClear, STagsInputInput, STagsInputItem, STagsInputItemText, type TagsInputAcceptableValue, type TagsInputClearProps, type TagsInputInputProps, type TagsInputItemDeleteProps$1 as TagsInputItemDeleteProps, type TagsInputItemProps, type TagsInputItemTextProps, type TagsInputRootEmits, type TagsInputRootProps, type TagsInputUi, type TagsInputUiSlot };
+import { TagsInputClear as STagsInputClear, TagsInputInput as STagsInputInput, TagsInputItem as STagsInputItem, TagsInputItemText as STagsInputItemText } from "@soybeanjs/headless/tags-input";
+export * from "@soybeanjs/headless/tags-input";
+export { STagsInputClear, STagsInputInput, STagsInputItem, STagsInputItemText };

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

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

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tagsInputVariants 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,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{TagsInputRoot as h,provideTagsInputUi as g}from"@soybeanjs/headless";const _=i({name:`STagsInput`,__name:`tags-input`,props:{class:{},size:{},ui:{},id:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},disabled:{type:Boolean},delimiter:{},dir:{},max:{},convertValue:{type:Function},displayValue:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`onInvalid`]),x=p(y);return g(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tagsInputVariants 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,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{TagsInputRoot as h,provideTagsInputUi as g}from"@soybeanjs/headless/tags-input";const _=i({name:`STagsInput`,__name:`tags-input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},id:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},disabled:{type:Boolean},delimiter:{},dir:{},max:{},convertValue:{type:Function},displayValue:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`onInvalid`]),x=p(y);return g(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

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

package/dist/components/tags-input/types.d.ts

@@ -1,12 +1,28 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, TagsInputRootEmits, TagsInputRootProps, TagsInputUi } from "@soybeanjs/headless";
+import { TagsInputRootEmits, TagsInputRootProps, TagsInputUi } from "@soybeanjs/headless/tags-input";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/tags-input/types.d.ts
+/**
+ * Properties for the TagsInput component.
+ */
 interface TagsInputProps<T = string> extends TagsInputRootProps<T> {
+  /**
+   * 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<TagsInputUi>;
 }
+/**
+ * Events for the TagsInput component.
+ */
 type TagsInputEmits<T = string> = TagsInputRootEmits<T>;
 //#endregion
 export { TagsInputEmits, TagsInputProps };

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

@@ -1,5 +1,4 @@
 import { TextareaResize } from "./variants.js";
 import { TextareaEmits, TextareaExtraUiSlot, TextareaProps } from "./types.js";
 import { _default } from "./textarea.vue.js";
-import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps } from "@soybeanjs/headless/textarea";
-export { type TextareaControlProps, type TextareaCounterProps, type TextareaRootEmits, type TextareaRootProps };
+export * from "@soybeanjs/headless/textarea";

package/dist/components/textarea/textarea.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{textareaVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaUi as x}from"@soybeanjs/headless";const S=s({name:`STextarea`,__name:`textarea`,props:{class:{},size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`class`,`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui,{root:C.class}));return x(O),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{textareaVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaUi as x}from"@soybeanjs/headless/textarea";const S=s({name:`STextarea`,__name:`textarea`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`class`,`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui,{root:C.class}));return x(O),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};

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

@@ -1,13 +1,29 @@
 import { ThemeSize } from "../../theme/types.js";
 import { TextareaResize } from "./variants.js";
-import { ClassValue, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless";
+import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless/textarea";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/textarea/types.d.ts
+/**
+ * Additional UI slots for the textarea component.
+ */
 type TextareaExtraUiSlot = 'clearable';
 type TextareaExtendedUi = TextareaUi & Record<TextareaExtraUiSlot, ClassValue>;
+/**
+ * Properties for the Textarea component.
+ */
 interface TextareaProps extends TextareaRootProps {
+  /**
+   * 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<TextareaExtendedUi>;
   /**
    * The resize of the textarea
@@ -29,8 +45,14 @@ interface TextareaProps extends TextareaRootProps {
    * The props of the textarea extra props.
    */
   controlProps?: TextareaControlProps;
+  /**
+   * Properties forwarded to the counter element.
+   */
   counterProps?: TextareaCounterProps;
 }
+/**
+ * Events for the Textarea component.
+ */
 type TextareaEmits = TextareaRootEmits;
 //#endregion
 export { TextareaEmits, TextareaExtraUiSlot, TextareaProps };

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

@@ -1,4 +1,3 @@
 import { TimeFieldEmits, TimeFieldProps, TimeFieldSlotProps, TimeFieldSlots } from "./types.js";
 import { _default } from "./time-field.vue.js";
-import { TimeFieldInputProps as TimeFieldInputProps$1, TimeFieldRootEmits as TimeFieldRootEmits$1, TimeFieldRootProps as TimeFieldRootProps$1, TimeFieldUi as TimeFieldUi$1, TimeFieldUiSlot } from "@soybeanjs/headless/time-field";
-export { type TimeFieldInputProps$1 as TimeFieldInputProps, type TimeFieldRootEmits$1 as TimeFieldRootEmits, type TimeFieldRootProps$1 as TimeFieldRootProps, type TimeFieldUi$1 as TimeFieldUi, type TimeFieldUiSlot };
+export * from "@soybeanjs/headless/time-field";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{timeFieldVariants as t}from"./variants.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TimeFieldInput as y,TimeFieldRoot as b,provideTimeFieldUi as x}from"@soybeanjs/headless/time-field";const S=s({name:`STimeField`,__name:`time-field`,props:{class:{},size:{},ui:{},inputProps:{}},emits:[`update:modelValue`,`update:placeholder`],setup(s,{emit:S}){let C=s,w=_(S),T=v(C,[`class`,`size`,`ui`,`inputProps`]);return x(r(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),i(h(b),c(h(T),m(h(w))),{default:g(t=>[e.$slots.default?f(e.$slots,`default`,l(c({key:0},t))):(u(!0),a(n,{key:1},d(t.segments,(e,t)=>(u(),i(h(y),c({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},s.inputProps),{default:g(()=>[o(p(e.value),1)]),_:2},1040,[`part`]))),128))]),_:3},16))}});export{S as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{timeFieldVariants as t}from"./variants.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TimeFieldInput as y,TimeFieldRoot as b,provideTimeFieldUi as x}from"@soybeanjs/headless/time-field";const S=s({name:`STimeField`,__name:`time-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{}},emits:[`update:modelValue`,`update:placeholder`],setup(s,{emit:S}){let C=s,w=_(S),T=v(C,[`class`,`size`,`ui`,`inputProps`]);return x(r(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),i(h(b),c(h(T),m(h(w))),{default:g(t=>[e.$slots.default?f(e.$slots,`default`,l(c({key:0},t))):(u(!0),a(n,{key:1},d(t.segments,(e,t)=>(u(),i(h(y),c({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},s.inputProps),{default:g(()=>[o(p(e.value),1)]),_:2},1040,[`part`]))),128))]),_:3},16))}});export{S as default};

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

@@ -1,24 +1,60 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi } from "@soybeanjs/headless/time-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-field/types.d.ts
+/**
+ * Slot properties for the TimeField component.
+ */
 interface TimeFieldSlotProps {
+  /**
+   * Current model value.
+   */
   modelValue: TimeFieldRootProps['modelValue'];
+  /**
+   * Segments exposed in the slot scope.
+   */
   segments: {
     part: TimeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: boolean;
 }
-interface TimeFieldProps extends /* @vue-ignore */TimeFieldRootProps {
+/**
+ * Properties for the TimeField component.
+ */
+interface TimeFieldProps extends /** @vue-ignore */TimeFieldRootProps {
+  /**
+   * 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<TimeFieldUi>;
+  /**
+   * Properties forwarded to the input element.
+   */
   inputProps?: Omit<TimeFieldInputProps, 'part'>;
 }
+/**
+ * Events for the TimeField component.
+ */
 type TimeFieldEmits = TimeFieldRootEmits;
+/**
+ * Slots for the TimeField component.
+ */
 interface TimeFieldSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: TimeFieldSlotProps) => any;
 }
 //#endregion

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

@@ -1,4 +1,3 @@
 import { TimePickerEmits, TimePickerProps, TimePickerSlots } from "./types.js";
 import { _default } from "./time-picker.vue.js";
-import { TimePickerPopupProps as TimePickerPopupProps$1, TimePickerRootEmits as TimePickerRootEmits$1, TimePickerRootProps as TimePickerRootProps$1, TimePickerTriggerProps as TimePickerTriggerProps$1, TimePickerUi as TimePickerUi$1, TimePickerUiSlot } from "@soybeanjs/headless/time-picker";
-export { type TimePickerPopupProps$1 as TimePickerPopupProps, type TimePickerRootEmits$1 as TimePickerRootEmits, type TimePickerRootProps$1 as TimePickerRootProps, type TimePickerTriggerProps$1 as TimePickerTriggerProps, type TimePickerUi$1 as TimePickerUi, type TimePickerUiSlot };
+export * from "@soybeanjs/headless/time-picker";

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

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

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

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

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

@@ -1,4 +1,3 @@
 import { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlotProps, TimeRangeFieldSlots } from "./types.js";
 import { _default } from "./time-range-field.vue.js";
-import { TimeRangeFieldInputProps as TimeRangeFieldInputProps$1, TimeRangeFieldRootEmits as TimeRangeFieldRootEmits$1, TimeRangeFieldRootProps as TimeRangeFieldRootProps$1, TimeRangeFieldUi as TimeRangeFieldUi$1, TimeRangeFieldUiSlot } from "@soybeanjs/headless/time-range-field";
-export { type TimeRangeFieldInputProps$1 as TimeRangeFieldInputProps, type TimeRangeFieldRootEmits$1 as TimeRangeFieldRootEmits, type TimeRangeFieldRootProps$1 as TimeRangeFieldRootProps, type TimeRangeFieldUi$1 as TimeRangeFieldUi, type TimeRangeFieldUiSlot };
+export * from "@soybeanjs/headless/time-range-field";

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

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

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

@@ -1,30 +1,75 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldUi } from "@soybeanjs/headless/time-range-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-range-field/types.d.ts
+/**
+ * Slot properties for the TimeRangeField component.
+ */
 interface TimeRangeFieldSlotProps {
+  /**
+   * Current model value.
+   */
   modelValue: TimeRangeFieldRootProps['modelValue'];
+  /**
+   * Start segments exposed in the slot scope.
+   */
   startSegments: {
     part: TimeRangeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * End segments exposed in the slot scope.
+   */
   endSegments: {
     part: TimeRangeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: boolean;
 }
-interface TimeRangeFieldProps extends /* @vue-ignore */TimeRangeFieldRootProps {
+/**
+ * Properties for the TimeRangeField component.
+ */
+interface TimeRangeFieldProps extends /** @vue-ignore */TimeRangeFieldRootProps {
+  /**
+   * 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<TimeRangeFieldUi>;
+  /**
+   * Properties forwarded to the input element.
+   */
   inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
   separator?: string;
 }
+/**
+ * Events for the TimeRangeField component.
+ */
 type TimeRangeFieldEmits = TimeRangeFieldRootEmits;
+/**
+ * Slots for the TimeRangeField component.
+ */
 interface TimeRangeFieldSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: TimeRangeFieldSlotProps) => any;
+  /**
+   * Custom content for the separator slot.
+   */
   separator?: () => any;
 }
 //#endregion

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

@@ -1,4 +1,3 @@
 import { TimeRangePickerEmits, TimeRangePickerProps, TimeRangePickerSlots } from "./types.js";
 import { _default } from "./time-range-picker.vue.js";
-import { TimeRangePickerPopupProps as TimeRangePickerPopupProps$1, TimeRangePickerRootEmits as TimeRangePickerRootEmits$1, TimeRangePickerRootProps as TimeRangePickerRootProps$1, TimeRangePickerTriggerProps as TimeRangePickerTriggerProps$1, TimeRangePickerUi as TimeRangePickerUi$1, TimeRangePickerUiSlot } from "@soybeanjs/headless/time-range-picker";
-export { type TimeRangePickerPopupProps$1 as TimeRangePickerPopupProps, type TimeRangePickerRootEmits$1 as TimeRangePickerRootEmits, type TimeRangePickerRootProps$1 as TimeRangePickerRootProps, type TimeRangePickerTriggerProps$1 as TimeRangePickerTriggerProps, type TimeRangePickerUi$1 as TimeRangePickerUi, type TimeRangePickerUiSlot };
+export * from "@soybeanjs/headless/time-range-picker";

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { SwipeDirection, ToastPosition, ToastProviderProps, ToastType } from "./types.js";
+import { ToastProviderProps as ToastProviderProps$1 } from "./types.js";
 import { _default } from "./toast-provider.vue.js";
-import { toast } from "@soybeanjs/headless/toast";
-export { toast };
+import { ToastCreateOptions, ToastIconType, ToastPosition, ToastType, ToastUi as ToastUi$1, ToastUiSlot, ToasterProps, toast } from "@soybeanjs/headless/toast";
+export { type ToastCreateOptions, type ToastIconType, type ToastPosition, type ToastType, type ToastUi$1 as ToastUi, type ToastUiSlot, type ToasterProps, toast };

package/dist/components/toast/toast-provider.js

@@ -1 +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{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{ToastProvider as g,provideToastUi as _}from"@soybeanjs/headless";import{useStyleTag as v}from"@vueuse/core";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=y.size??`md`;return t(e(i({size:y.size}),{action:r({variant:`solid`,size:n[a]}),cancel:r({variant:`pure`,size:n[a]}),close:r({variant:`ghost`,color:`accent`,size:n[a],shape:`square`,fitContent:!0})}),y.ui)});return v(a,{id:`__SoybeanUI_toastStyle`}),_(x),(e,t)=>(d(),s(p(g),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};
+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{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{useStyleTag as g}from"@vueuse/core";import{ToastProvider as _,provideToastUi as v}from"@soybeanjs/headless/toast";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=y.size??`md`;return t(e(i({size:y.size}),{action:r({variant:`solid`,size:n[a]}),cancel:r({variant:`pure`,size:n[a]}),close:r({variant:`ghost`,color:`accent`,size:n[a],shape:`square`,fitContent:!0})}),y.ui)});return g(a,{id:`__SoybeanUI_toastStyle`}),v(x),(e,t)=>(d(),s(p(_),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};

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

@@ -1,10 +1,19 @@
 import { ThemeSize } from "../../theme/types.js";
-import { SwipeDirection, ToastPosition, ToastProviderProps, ToastType, ToastUi } from "@soybeanjs/headless";
+import { ToastProviderProps, ToastUi } from "@soybeanjs/headless/toast";
 
 //#region src/components/toast/types.d.ts
+/**
+ * Properties for the ToastProvider component.
+ */
 interface ToastProviderProps$1 extends ToastProviderProps {
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: ToastUi;
 }
 //#endregion
-export { type SwipeDirection, type ToastPosition, ToastProviderProps$1 as ToastProviderProps, type ToastType };
+export { ToastProviderProps$1 as ToastProviderProps };

package/dist/components/toggle/toggle.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants 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{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants 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{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless/toggle";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};

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

@@ -1,4 +1,4 @@
-import { ToggleProps as ToggleProps$1 } from "./types.js";
+import { ToggleProps } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
@@ -12,9 +12,9 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ToggleProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<ToggleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
-}, string, _$vue.PublicProps, Readonly<ToggleProps$1> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
   modelValue: boolean;