@soybeanjs/ui 0.16.0 → 0.17.0

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

@@ -1,59 +1,153 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ComponentOptionsMixin, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, PublicProps, SlotsType } from "vue";
-import { ClassValue, FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues, Path, PathValue, PropsToContext } from "@soybeanjs/headless";
+import { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldArrayStates, FormFieldProps, FormFieldState, FormFieldUi, FormLabelProps, FormRegisterOptions, FormValues } from "@soybeanjs/headless/form";
+import { ClassValue, Path, PathValue, PropsToContext } from "@soybeanjs/headless/types";
 
 //#region src/components/form/types.d.ts
+/**
+ * Props for the form field base component.
+ */
 interface FormFieldBaseProps extends Omit<FormFieldProps, 'class'> {
+  /**
+   * 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<FormFieldUi>;
   /**
    * Whether the label is inline with the control.
    */
   inline?: boolean;
+  /**
+   * Label text rendered by the component.
+   */
   label?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
+  /**
+   * Props forwarded to the label element.
+   */
   labelProps?: FormLabelProps;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: FormControlProps;
+  /**
+   * Props forwarded to the description element.
+   */
   descriptionProps?: FormDescriptionProps;
+  /**
+   * Props forwarded to the error element.
+   */
   errorProps?: FormErrorProps;
 }
-interface FormFieldBaseSlotProps {
-  formFieldId: string;
-  ariaDescribedBy: string;
-  ariaInvalid: boolean;
-}
+/**
+ * Props for the form field component.
+ */
 interface FormFieldProps$1<Values extends FormValues, Name extends Path<Values>> extends Omit<FormFieldBaseProps, 'error' | 'fieldArray'>, FormRegisterOptions<PathValue<Values, Name>> {
+  /**
+   * Name.
+   */
   name: Name;
 }
+/**
+ * Slots for the form field component.
+ */
 type FormFieldSlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
+  /**
+   * Custom content for the default slot.
+   */
   default: (props: FormFieldState<Values, Name>) => any;
+  /**
+   * Custom content for the label slot.
+   */
   label: (props: FormFieldState<Values, Name>) => any;
+  /**
+   * Custom content for the description slot.
+   */
   description: (props: FormFieldState<Values, Name>) => any;
 }>;
+/**
+ * Type information for the form field component component.
+ */
 type FormFieldComponent<Values extends FormValues> = new <Name extends Path<Values>>(props: FormFieldProps$1<Values, Name> & PublicProps) => CreateComponentPublicInstanceWithMixins<FormFieldProps$1<Values, Name>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, FormFieldSlots<Values, Name>>;
+/**
+ * Props for the form field array component.
+ */
 type FormFieldArrayProps<Values extends FormValues, Name extends Path<Values>> = FormFieldProps$1<Values, Name>;
+/**
+ * Slots for the form field array component.
+ */
 type FormFieldArraySlots<Values extends FormValues, Name extends Path<Values>> = SlotsType<{
+  /**
+   * Custom content for the default slot.
+   */
   default: (props: FormFieldArrayStates<Values, Name>) => any;
+  /**
+   * Custom content for the label slot.
+   */
   label: (props: FormFieldArrayStates<Values, Name>) => any;
+  /**
+   * Custom content for the description slot.
+   */
   description: (props: FormFieldArrayStates<Values, Name>) => any;
 }>;
+/**
+ * Type information for the form field array component component.
+ */
 type FormFieldArrayComponent<Values extends FormValues> = new <Name extends Path<Values>>(props: FormFieldArrayProps<Values, Name> & PublicProps) => CreateComponentPublicInstanceWithMixins<FormFieldArrayProps<Values, Name>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, PublicProps, {}, false, {}, FormFieldArraySlots<Values, Name>>;
+/**
+ * Props for the form component.
+ */
 interface FormProps extends /** @vue-ignore */FormHTMLAttributes {
+  /**
+   * 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<FormFieldUi>;
   /**
    * Whether the label is inline with the control.
    */
   inline?: boolean;
+  /**
+   * Props forwarded to the field element.
+   */
   fieldProps?: FormFieldBaseProps;
+  /**
+   * Props forwarded to the field array element.
+   */
   fieldArrayProps?: FormFieldBaseProps;
+  /**
+   * Props forwarded to the label element.
+   */
   labelProps?: FormLabelProps;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: FormControlProps;
+  /**
+   * Props forwarded to the description element.
+   */
   descriptionProps?: FormDescriptionProps;
+  /**
+   * Props forwarded to the error element.
+   */
   errorProps?: FormErrorProps;
 }
-interface FormContext extends PropsToContext<FormProps> {}
 //#endregion
-export { FormContext, FormFieldArrayComponent, FormFieldArrayProps, FormFieldArraySlots, FormFieldBaseProps, FormFieldBaseSlotProps, FormFieldComponent, FormFieldProps$1 as FormFieldProps, FormFieldSlots, FormProps };
+export { FormFieldArrayComponent, FormFieldBaseProps, FormFieldComponent, FormProps };

package/dist/components/form/use-form.d.ts

@@ -1,7 +1,8 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
 import * as _$vue from "vue";
+import { FormValues, InferStandardSchemaInput, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless/form";
+import { Path } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
 
 //#region src/components/form/use-form.d.ts
 declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(options: UseFormOptions<S>): {

package/dist/components/form/use-form.js

@@ -1 +1 @@
-import e from"./form-field-base.js";import{defineComponent as t,h as n}from"vue";import{Slot as r,useForm as i}from"@soybeanjs/headless";function a(a){let o=i(a),s=t((t,{slots:i})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>i.label?.(a.value),description:i.description?()=>i.description(a.value):void 0,default:e=>n(r,{size:t.size,id:e.formFieldId,ariaDescribedBy:e.ariaDescribedBy,ariaInvalid:e.ariaInvalid,name:t.name,modelValue:a.value.value,"onUpdate:modelValue":e=>o.setFieldValue(t.name,e),onBlur:e=>a.value.onBlur(e,t.name),onChange:()=>a.value.onChange(),onInput:()=>a.value.onInput()},{default:()=>i.default?.(a.value)})})},{name:`SFormField`,props:[`name`]}),c=t((t,{slots:r})=>{let i=o.useFieldArray(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:i.value.meta.error,...t,isFieldArray:!0},{label:()=>r.label?.(i.value),description:r.description?()=>r.description(i.value):void 0,default:()=>r.default?.(i.value)})},{name:`SFormFieldArray`,props:[`name`]});return{...o,SFormField:s,SFormFieldArray:c}}export{a as useForm};
+import e from"./form-field-base.js";import{defineComponent as t,h as n}from"vue";import{useForm as r}from"@soybeanjs/headless/form";import{Slot as i}from"@soybeanjs/headless/slot";function a(a){let o=r(a),s=t((t,{slots:r})=>{let a=o.useField(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:a.value.meta.error,...t},{label:()=>r.label?.(a.value),description:r.description?()=>r.description(a.value):void 0,default:e=>n(i,{size:t.size,id:e.formFieldId,ariaDescribedBy:e.ariaDescribedBy,ariaInvalid:e.ariaInvalid,name:t.name,modelValue:a.value.value,"onUpdate:modelValue":e=>o.setFieldValue(t.name,e),onBlur:e=>a.value.onBlur(e,t.name),onChange:()=>a.value.onChange(),onInput:()=>a.value.onInput()},{default:()=>r.default?.(a.value)})})},{name:`SFormField`,props:[`name`]}),c=t((t,{slots:r})=>{let i=o.useFieldArray(t.name,{validate:t.validate,reset:t.reset});return()=>n(e,{error:i.value.meta.error,...t,isFieldArray:!0},{label:()=>r.label?.(i.value),description:r.description?()=>r.description(i.value):void 0,default:()=>r.default?.(i.value)})},{name:`SFormFieldArray`,props:[`name`]});return{...o,SFormField:s,SFormFieldArray:c}}export{a as useForm};

package/dist/components/hover-card/hover-card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{HoverCardArrow as _,HoverCardPopup as v,HoverCardPortal as y,HoverCardPositioner as b,HoverCardRoot as x,HoverCardTrigger as S,provideHoverCardUi as C}from"@soybeanjs/headless";const w=o({name:`SHoverCard`,__name:`hover-card`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`class`,`size`,`ui`,`placement`,`showArrow`,`positionerProps`,`popupProps`,`triggerProps`,`portalProps`,`arrowProps`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui,{popup:T.class})),A=n(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return C(k),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(y),l(s(o.portalProps)),{default:m(()=>[a(p(b),c(A.value,f(p(O))),{default:m(()=>[a(p(v),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{HoverCardArrow as _,HoverCardPopup as v,HoverCardPortal as y,HoverCardPositioner as b,HoverCardRoot as x,HoverCardTrigger as S,provideHoverCardUi as C}from"@soybeanjs/headless/hover-card";const w=o({name:`SHoverCard`,__name:`hover-card`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`class`,`size`,`ui`,`placement`,`showArrow`,`positionerProps`,`popupProps`,`triggerProps`,`portalProps`,`arrowProps`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui,{popup:T.class})),A=n(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return C(k),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(y),l(s(o.portalProps)),{default:m(()=>[a(p(b),c(A.value,f(p(O))),{default:m(()=>[a(p(v),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/hover-card/index.d.ts

@@ -1,4 +1,3 @@
 import { HoverCardEmits, HoverCardProps } from "./types.js";
 import { _default } from "./hover-card.vue.js";
-import { HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, HoverCardUiSlot } from "@soybeanjs/headless/hover-card";
-export { type HoverCardArrowProps, type HoverCardPopupProps, type HoverCardPortalProps, type HoverCardPositionerEmits, type HoverCardPositionerProps, type HoverCardRootEmits, type HoverCardRootProps, type HoverCardTriggerProps, type HoverCardUi, type HoverCardUiSlot };
+export * from "@soybeanjs/headless/hover-card";

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

@@ -1,22 +1,56 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, Placement } from "@soybeanjs/headless";
+import { HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi } from "@soybeanjs/headless/hover-card";
+import { ClassValue, Placement } from "@soybeanjs/headless/types";
 
 //#region src/components/hover-card/types.d.ts
+/**
+ * Props for the hover card component.
+ */
 interface HoverCardProps extends HoverCardRootProps {
   /**
    * class of popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<HoverCardUi>;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Props forwarded to the positioner element.
+   */
   positionerProps?: HoverCardPositionerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: HoverCardPopupProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: HoverCardTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: HoverCardPortalProps;
+  /**
+   * Props forwarded to the arrow element.
+   */
   arrowProps?: HoverCardArrowProps;
 }
+/**
+ * Emits for the hover card component.
+ */
 type HoverCardEmits = HoverCardRootEmits & HoverCardPositionerEmits;
 //#endregion
 export { HoverCardEmits, HoverCardProps };

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

@@ -1,8 +1,14 @@
-import { IconValue } from "@soybeanjs/headless";
 import { IconProps } from "@iconify/vue";
+import { IconValue } from "@soybeanjs/headless/_icon";
 
 //#region src/components/icon/types.d.ts
+/**
+ * Props for the icon component.
+ */
 interface IconProps$1 extends Omit<IconProps, 'icon'> {
+  /**
+   * Icon rendered by the component.
+   */
   icon: IconValue;
 }
 //#endregion

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

@@ -1,4 +1,3 @@
 import { InputEmits, InputProps } from "./types.js";
 import { _default } from "./input.vue.js";
-import { InputControlProps, InputRootEmits, InputRootProps } from "@soybeanjs/headless/input";
-export { type InputControlProps, type InputRootEmits, type InputRootProps };
+export * from "@soybeanjs/headless/input";

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{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/input";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};

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

@@ -1,15 +1,25 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless";
+import { InputControlProps, InputRootEmits, InputRootProps, 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>;
+/**
+ * Props for the input component.
+ */
 interface InputProps extends InputRootProps {
   /**
    * root class
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<InputExtendedUi>;
   /** Whether to show the clear icon */
   clearable?: boolean;
@@ -24,6 +34,9 @@ interface InputProps extends InputRootProps {
    */
   controlProps?: InputControlProps;
 }
+/**
+ * Emits for the input component.
+ */
 type InputEmits = InputRootEmits;
 //#endregion
 export { InputEmits, InputProps };

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:{},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
+/**
+ * Props for the input number 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;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: InputNumberControlProps;
+  /**
+   * Props forwarded to the increment element.
+   */
   incrementProps?: InputNumberIncrementProps;
+  /**
+   * Props forwarded to the decrement element.
+   */
   decrementProps?: InputNumberDecrementProps;
 }
+/**
+ * Emits for the input number 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:{},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
+/**
+ * Props for the input otp 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>;
 }
+/**
+ * Emits for the input otp component.
+ */
 type InputOtpEmits = InputOtpCompactEmits;
+/**
+ * Slots for the input otp 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:{},size:{},variant:{},raised:{type:Boolean,default:!0},value:{},symbolize:{type:Boolean,default:!0}},setup(i){let u=i,d=c(u,[`class`,`size`,`variant`,`raised`]),f=n(()=>e(t({size:u.size,variant:u.variant,raised:u.raised}),u.class));return(e,t)=>(o(),r(s(l),a(s(d),{class:f.value}),null,16,[`class`]))}});export{u as default};

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

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

package/dist/components/label/label.js

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

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

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

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

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

package/dist/components/layout/index.js

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

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

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

package/dist/components/layout/layout.js

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