@soybeanjs/ui 0.16.0 → 0.18.0

package/dist/components/input/index.js

@@ -1 +1 @@
-import"./input.js";
+import"./input.js";import{InputClear as e}from"@soybeanjs/headless/input";export{e as SInputClear};

package/dist/components/input/input.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{inputVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,mergeProps as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";import{useForwardElement as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{InputControl as _,InputRoot as v,provideInputUi as y}from"@soybeanjs/headless";const b=s({name:`SInput`,inheritAttrs:!1,__name:`input`,props:{class:{},size:{},ui:{},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:b}){let x=s,S=b,C=p(),w=g(x,[`class`,`inputRef`,`size`,`ui`,`controlProps`,`clearable`]),[T,E]=h(e=>x.inputRef?.(e)),D=r(()=>e(n({size:x.size}),x.ui,{root:x.class}));return y(D),(e,n)=>(u(),i(f(v),c(f(w),{"onUpdate:modelValue":n[0]||=e=>S(`update:modelValue`,e)}),{default:m(({clear:n})=>[d(e.$slots,`leading`),o(f(_),c({...s.controlProps,...f(C)},{ref:f(E)}),null,16),s.clearable?(u(),i(t,{key:0,icon:`lucide:x`,class:l(D.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),d(e.$slots,`trailing`)]),_:3},16))}});export{b 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{inputVariants as i}from"./variants.js";import{computed as a,createBlock as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{InputCompact as b,provideInputUi as x}from"@soybeanjs/headless/input";const S=c({name:`SInput`,__name:`input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:S}){let C=c,w=S,T=v(C,[`class`,`size`,`ui`]),E=g(),D=a(()=>y(E));return x(a(()=>{let a=i({size:C.size}),o=n[C.size??`md`];return t(e(a,{clearable:r({size:o,color:`accent`,variant:`ghost`,shape:`circle`,fitContent:!0})}),C.ui,{root:C.class})})),(e,t)=>(f(),o(h(b),u(h(T),{"onUpdate:modelValue":t[0]||=e=>w(`update:modelValue`,e)}),s({_:2},[p(D.value,t=>({name:t,fn:_(n=>[m(e.$slots,t,d(l(n)))])}))]),1040))}});export{S as default};

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

@@ -1,13 +1,8 @@
-import { InputProps } from "./types.js";
+import { InputProps, InputSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/input/input.vue.d.ts
-declare var __VLS_10: {}, __VLS_24: {};
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_10) => any;
-} & {
-  trailing?: (props: typeof __VLS_24) => any;
-};
+type __VLS_Slots = InputSlots;
 declare const __VLS_base: _$vue.DefineComponent<InputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<InputProps> & Readonly<{

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

@@ -1,29 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless";
+import { InputCompactProps, InputCompactSlots, InputRootEmits, InputUi } from "@soybeanjs/headless/input";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/input/types.d.ts
-type InputExtraUiSlot = 'clearable';
-type InputExtendedUi = InputUi & Record<InputExtraUiSlot, ClassValue>;
-interface InputProps extends InputRootProps {
+/**
+ * Properties for the Input component.
+ */
+interface InputProps extends InputCompactProps {
   /**
    * root class
    */
   class?: ClassValue;
-  size?: ThemeSize;
-  ui?: Partial<InputExtendedUi>;
-  /** Whether to show the clear icon */
-  clearable?: boolean;
   /**
-   * The function to set the input element.
-   *
-   * @param el - The input element.
+   * Visual size of the component.
    */
-  inputRef?: (el: HTMLInputElement) => void;
+  size?: ThemeSize;
   /**
-   * The props of the input extra props.
+   * Per-slot class overrides for the component.
    */
-  controlProps?: InputControlProps;
+  ui?: Partial<InputUi>;
 }
+/**
+ * Events for the Input component.
+ */
 type InputEmits = InputRootEmits;
+/**
+ * Slots for the Input component.
+ */
+type InputSlots = InputCompactSlots;
 //#endregion
-export { InputEmits, InputProps };
+export { InputEmits, InputProps, InputSlots };

package/dist/components/input/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group flex items-center w-full rounded-md border border-solid border-input bg-background transition-all-150`,`outline-none focus-within:ring-3  focus-within:ring-offset-background focus-within:ring-primary/30`],control:[`grow bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,`file:border-0 file:bg-transparent file:font-medium`],clearable:`hidden group-hover:block size-1em cursor-pointer opacity-50 hover:opacity-100`,visible:`cursor-pointer`},variants:{size:{xs:{root:`h-6 px-1.5 text-2xs gap-1`,control:`file:py-1.25`},sm:{root:`h-7 px-2 text-xs gap-1.5`,control:`file:py-1.25`},md:{root:`h-8 px-2.5 text-sm gap-2`,control:`file:py-1.25`},lg:{root:`h-9 px-3 text-base gap-2.5`,control:`file:py-1.25`},xl:{root:`h-10 px-3.5 text-lg gap-3`,control:`file:py-1.25`},"2xl":{root:`h-12 px-4 text-xl gap-3.5`,control:`file:py-2`}}},defaultVariants:{size:`md`}});export{t as inputVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group flex items-center w-full rounded-md border border-solid border-input bg-background transition-all-150`,`outline-none focus-within:ring-3  focus-within:ring-offset-background focus-within:ring-primary/30`],control:[`grow bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`,`file:border-0 file:bg-transparent file:font-medium`],clearable:[`hidden shrink-0 opacity-50`,`group-hover:inline-flex group-focus-within:inline-flex hover:opacity-100 focus-visible:opacity-100`],visible:`cursor-pointer`},variants:{size:{xs:{root:`h-6 px-1.5 text-2xs gap-1`,control:`file:py-1.25`},sm:{root:`h-7 px-2 text-xs gap-1.5`,control:`file:py-1.25`},md:{root:`h-8 px-2.5 text-sm gap-2`,control:`file:py-1.25`},lg:{root:`h-9 px-3 text-base gap-2.5`,control:`file:py-1.25`},xl:{root:`h-10 px-3.5 text-lg gap-3`,control:`file:py-1.25`},"2xl":{root:`h-12 px-4 text-xl gap-3.5`,control:`file:py-2`}}},defaultVariants:{size:`md`}});export{t as inputVariants};

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

@@ -1,2 +1,3 @@
 import { InputNumberEmits, InputNumberProps } from "./types.js";
-import { _default } from "./input-number.vue.js";
+import { _default } from "./input-number.vue.js";
+export * from "@soybeanjs/headless/input-number";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{inputNumberVariants 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{InputNumberControl as v,InputNumberDecrement as y,InputNumberIncrement as b,InputNumberRoot as x,provideInputNumberUi as S}from"@soybeanjs/headless";const C=s({name:`SInputNumber`,__name:`input-number`,props:{class:{},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:C}){let w=s,T=C,[E,D]=g(e=>w.inputRef?.(e)),O=_(w,[`class`,`size`,`ui`,`center`,`clearable`,`inputRef`,`controlProps`,`incrementProps`,`decrementProps`]),k=r(()=>e(n({size:w.size,center:w.center}),w.ui,{root:w.class}));return S(k),(e,n)=>(f(),i(m(x),l(m(O),{"onUpdate:modelValue":n[0]||=e=>T(`update:modelValue`,e)}),{default:h(({clear:n})=>[p(e.$slots,`leading`),o(m(v),l(s.controlProps,{ref:m(D)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(k.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),p(e.$slots,`trailing`),o(m(y),d(c(s.decrementProps)),{default:h(()=>[p(e.$slots,`decrement`,{},()=>[o(t,{icon:`lucide:minus`})])]),_:3},16),o(m(b),d(c(s.incrementProps)),{default:h(()=>[p(e.$slots,`increment`,{},()=>[o(t,{icon:`lucide:plus`})])]),_:3},16)]),_:3},16))}});export{C as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{inputNumberVariants 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{InputNumberControl as v,InputNumberDecrement as y,InputNumberIncrement as b,InputNumberRoot as x,provideInputNumberUi as S}from"@soybeanjs/headless/input-number";const C=s({name:`SInputNumber`,__name:`input-number`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:C}){let w=s,T=C,[E,D]=g(e=>w.inputRef?.(e)),O=_(w,[`class`,`size`,`ui`,`center`,`clearable`,`inputRef`,`controlProps`,`incrementProps`,`decrementProps`]),k=r(()=>e(n({size:w.size,center:w.center}),w.ui,{root:w.class}));return S(k),(e,n)=>(f(),i(m(x),l(m(O),{"onUpdate:modelValue":n[0]||=e=>T(`update:modelValue`,e)}),{default:h(({clear:n})=>[p(e.$slots,`leading`),o(m(v),l(s.controlProps,{ref:m(D)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(k.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),p(e.$slots,`trailing`),o(m(y),d(c(s.decrementProps)),{default:h(()=>[p(e.$slots,`decrement`,{},()=>[o(t,{icon:`lucide:minus`})])]),_:3},16),o(m(b),d(c(s.incrementProps)),{default:h(()=>[p(e.$slots,`increment`,{},()=>[o(t,{icon:`lucide:plus`})])]),_:3},16)]),_:3},16))}});export{C as default};

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

@@ -1,10 +1,23 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi } from "@soybeanjs/headless";
+import { InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi } from "@soybeanjs/headless/input-number";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/input-number/types.d.ts
+/**
+ * Properties for the InputNumber component.
+ */
 interface InputNumberProps extends InputNumberRootProps {
+  /**
+   * 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<InputNumberUi>;
   /**
    * Whether to center the input.
@@ -20,10 +33,22 @@ interface InputNumberProps extends InputNumberRootProps {
    * @param el - The input element.
    */
   inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
   controlProps?: InputNumberControlProps;
+  /**
+   * Properties forwarded to the increment element.
+   */
   incrementProps?: InputNumberIncrementProps;
+  /**
+   * Properties forwarded to the decrement element.
+   */
   decrementProps?: InputNumberDecrementProps;
 }
+/**
+ * Events for the InputNumber component.
+ */
 type InputNumberEmits = InputNumberRootEmits;
 //#endregion
 export { InputNumberEmits, InputNumberProps };

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

@@ -1,4 +1,3 @@
 import { InputOtpEmits, InputOtpProps, InputOtpSlots } from "./types.js";
 import { _default } from "./input-otp.vue.js";
-import { InputOtpCompactEmits as InputOtpCompactEmits$1, InputOtpCompactProps as InputOtpCompactProps$1, InputOtpCompactSlots as InputOtpCompactSlots$1, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi as InputOtpUi$1, InputOtpUiSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "@soybeanjs/headless/input-otp";
-export { type InputOtpCompactEmits$1 as InputOtpCompactEmits, type InputOtpCompactProps$1 as InputOtpCompactProps, type InputOtpCompactSlots$1 as InputOtpCompactSlots, type InputOtpInputMode, type InputOtpInputProps, type InputOtpPositionerProps, type InputOtpPushPasswordManagerStrategy, type InputOtpRootEmits, type InputOtpRootProps, type InputOtpRootSlotProps, type InputOtpSlotProps, type InputOtpUi$1 as InputOtpUi, type InputOtpUiSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+export * from "@soybeanjs/headless/input-otp";

package/dist/components/input-otp/index.js

@@ -1 +1 @@
-import"./input-otp.js";import{REGEXP_ONLY_CHARS as e,REGEXP_ONLY_DIGITS as t,REGEXP_ONLY_DIGITS_AND_CHARS as n}from"@soybeanjs/headless/input-otp";export{e as REGEXP_ONLY_CHARS,t as REGEXP_ONLY_DIGITS,n as REGEXP_ONLY_DIGITS_AND_CHARS};
+import"./input-otp.js";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{inputOtpVariants 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{InputOtpCompact as h,provideInputOtpUi as g}from"@soybeanjs/headless";const _=i({name:`SInputOtp`,__name:`input-otp`,props:{class:{},size:{},align:{},ui:{},id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(i,{emit:_}){let v=i,y=p(_),b=m(v,[`class`,`size`,`align`,`ui`]);return g(n(()=>e(t({size:v.size,align:v.align}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(y))),{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{inputOtpVariants 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{InputOtpCompact as h,provideInputOtpUi as g}from"@soybeanjs/headless/input-otp";const _=i({name:`SInputOtp`,__name:`input-otp`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},align:{},ui:{},id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(i,{emit:_}){let v=i,y=p(_),b=m(v,[`class`,`size`,`align`,`ui`]);return g(n(()=>e(t({size:v.size,align:v.align}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(y))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

@@ -6,9 +6,9 @@ type __VLS_Slots = InputOtpSlots;
 declare const __VLS_base: _$vue.DefineComponent<InputOtpProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  change: (event: Event) => any;
   "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
+  change: (event: Event) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
@@ -17,9 +17,9 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onChange?: ((event: Event) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
+  onChange?: ((event: Event) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;

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

@@ -1,16 +1,34 @@
 import { ThemeSize } from "../../theme/types.js";
-import { Align, ClassValue } from "@soybeanjs/headless";
 import { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpUi } from "@soybeanjs/headless/input-otp";
+import { Align, ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/input-otp/types.d.ts
+/**
+ * Properties for the InputOtp component.
+ */
 interface InputOtpProps extends InputOtpCompactProps {
   /** Root class. */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Align.
+   */
   align?: Align;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<InputOtpUi>;
 }
+/**
+ * Events for the InputOtp component.
+ */
 type InputOtpEmits = InputOtpCompactEmits;
+/**
+ * Slots for the InputOtp component.
+ */
 type InputOtpSlots = InputOtpCompactSlots;
 //#endregion
 export { InputOtpEmits, InputOtpProps, InputOtpSlots };

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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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:{type:[Boolean,null,String,Object,Array]},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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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>;
 }
+/**
+ * Events for the Layout component.
+ */
 type LayoutEmits = LayoutCompactEmits;
+/**
+ * Slots for the Layout component.
+ */
 type LayoutSlots = LayoutCompactSlots;
+/**
+ * Properties for the LayoutClassic 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>;
 }
+/**
+ * Events for the LayoutClassic component.
+ */
 type LayoutClassicEmits = LayoutClassicCompactEmits;
+/**
+ * Slots for the LayoutClassic 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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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:{type:[Boolean,null,String,Object,Array]},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
+/**
+ * Properties 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>;
 }
+/**
+ * Properties for the ListItem component.
+ */
 interface ListItemProps$1 extends ListItemProps {
+  /**
+   * Title text rendered by the component.
+   */
   title?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
+  /**
+   * Properties forwarded to the content element.
+   */
   contentProps?: ListContentProps;
+  /**
+   * Properties forwarded to the title element.
+   */
   titleProps?: ListTitleProps;
+  /**
+   * Properties 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
+/**
+ * Properties for the MenuUiBase 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:{type:[Boolean,null,String,Object,Array]},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<{