@soybeanjs/ui 0.22.4 → 0.23.1-beta.1

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

@@ -27,10 +27,10 @@ declare const __VLS_export: import("vue").DefineComponent<ColorPickerProps, {},
   "onUpdate:format"?: ((value: import("@soybeanjs/headless/types").ColorFormat) => any) | undefined;
 }>, {
   open: boolean;
-  showArrow: boolean;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
+  showArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/color-slider/color-slider.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{sliderVariants as t}from"../slider/variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{ColorSliderCompact as d,provideColorSliderUi as f}from"@soybeanjs/headless/color-slider";const p=i({name:`SColorSlider`,__name:`color-slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{default:`accent`},size:{default:`md`},ui:{},trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({color:m.color,size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};
+import{sliderVariants as e}from"../../styles/slider.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,toHandlers as o,unref as s}from"vue";import{useForwardListeners as c,useOmitProps as l}from"@soybeanjs/headless/composables";import{ColorSliderCompact as u,provideColorSliderUi as d}from"@soybeanjs/headless/color-slider";const f=r({name:`SColorSlider`,__name:`color-slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{default:`accent`},size:{default:`md`},ui:{},trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(r,{emit:f}){let p=r,m=c(f),h=l(p,[`class`,`size`,`ui`]);return d(t(()=>e({color:p.color,size:p.size},p.ui,{root:p.class}))),(e,t)=>(a(),n(s(u),i(s(h),o(s(m))),null,16))}});export{f as default};

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

@@ -1,6 +1,5 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ColorSliderProps } from "./types.js";
-
 //#region src/components/color-slider/color-slider.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
@@ -13,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<ColorSliderProps, {},
   "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
-  color: ThemeColor;
   size: ThemeSize;
+  color: ThemeColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/color-swatch/color-swatch.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorSwatchVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ColorSwatchCompact as f,provideColorSwatchUi as p}from"@soybeanjs/headless/color-swatch";const m=i({name:`SColorSwatch`,__name:`color-swatch`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{},checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`,`size`,`shape`]);return p(n(()=>e(t({size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(t=>[c(e.$slots,`default`,o(a(t)))]),_:3},16))}});export{m as default};
+import{colorSwatchVariants as e}from"../../styles/color-swatch.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{ColorSwatchCompact as d,provideColorSwatchUi as f}from"@soybeanjs/headless/color-swatch";const p=r({name:`SColorSwatch`,__name:`color-swatch`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{},checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(r){let p=r,m=u(p,[`class`,`ui`,`size`,`shape`]);return f(t(()=>e({size:p.size,shape:p.shape},p.ui,{root:p.class}))),(e,t)=>(o(),n(c(d),a(i(c(m))),{default:l(t=>[s(e.$slots,`default`,a(i(t)))]),_:3},16))}});export{p as default};

package/dist/components/color-swatch/index.d.ts

@@ -1,4 +1,4 @@
-import { ColorSwatchShape } from "./variants.js";
+import { ColorSwatchShape } from "../../styles/color-swatch.js";
 import { ColorSwatchProps, ColorSwatchSlots } from "./types.js";
 import { _default } from "./color-swatch.vue.js";
 export type * from "@soybeanjs/headless/color-swatch";

package/dist/components/color-swatch/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ColorSwatchShape } from "./variants.js";
+import { ColorSwatchShape } from "../../styles/color-swatch.js";
 import { ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchUi } from "@soybeanjs/headless/color-swatch";
 import { ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/color-swatch-picker/color-swatch-picker.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorSwatchVariants as t}from"../color-swatch/variants.js";import{colorSwatchPickerVariants 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,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ColorSwatchPickerCompact as v,provideColorSwatchPickerUi as y}from"@soybeanjs/headless/color-swatch-picker";const b=o({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{default:`square`},colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(o,{emit:b}){let x=o,S=b,C=m(),w=g(S),T=_(x,[`class`,`size`,`ui`,`shape`]);return y(r(()=>e(Object.assign(n({size:x.size,shape:x.shape}),{$alias:{variants:t({size:x.size}),map:{root:`swatchRoot`,checker:`swatchChecker`,fill:`swatchFill`}}}),x.ui,{root:x.class}))),(e,t)=>(u(),i(p(v),c(p(T),f(p(w))),a({_:2},[C.indicator?{name:`indicator`,fn:h(t=>[d(e.$slots,`indicator`,l(s(t)))]),key:`0`}:void 0,C.default?{name:`default`,fn:h(t=>[d(e.$slots,`default`,l(s(t)))]),key:`1`}:void 0]),1040))}});export{b as default};
+import{colorSwatchPickerVariants as e}from"../../styles/color-swatch-picker.js";import{computed as t,createBlock as n,createSlots 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,useSlots as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ColorSwatchPickerCompact as g,provideColorSwatchPickerUi as _}from"@soybeanjs/headless/color-swatch-picker";const v=i({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{default:`square`},colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(i,{emit:v}){let y=i,b=v,x=f(),S=m(b),C=h(y,[`class`,`size`,`ui`,`shape`]);return _(t(()=>e({size:y.size,shape:y.shape},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(C),u(d(S))),r({_:2},[x.indicator?{name:`indicator`,fn:p(t=>[l(e.$slots,`indicator`,s(a(t)))]),key:`0`}:void 0,x.default?{name:`default`,fn:p(t=>[l(e.$slots,`default`,s(a(t)))]),key:`1`}:void 0]),1040))}});export{v as default};

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

@@ -1,4 +1,4 @@
-import { ColorSwatchPickerShape } from "./variants.js";
+import { ColorSwatchPickerShape } from "../../styles/color-swatch-picker.js";
 import { ColorSwatchPickerProps } from "./types.js";
 
 //#region src/components/color-swatch-picker/color-swatch-picker.vue.d.ts

package/dist/components/color-swatch-picker/index.d.ts

@@ -1,4 +1,4 @@
-import { ColorSwatchPickerShape } from "./variants.js";
+import { ColorSwatchPickerShape } from "../../styles/color-swatch-picker.js";
 import { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps } from "./types.js";
 import { _default } from "./color-swatch-picker.vue.js";
 export type * from "@soybeanjs/headless/color-swatch-picker";

package/dist/components/color-swatch-picker/types.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ColorSwatchPickerShape } from "./variants.js";
+import { ColorSwatchPickerShape } from "../../styles/color-swatch-picker.js";
 import { ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
 import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 

package/dist/components/combobox/combobox.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{comboboxVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode 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{ComboboxCompact as b,provideComboboxUi as x}from"@soybeanjs/headless/combobox";const S=o({name:`SCombobox`,__name:`combobox`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-expect-error ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};
+import{comboboxVariants as e}from"../../styles/combobox.js";import{computed as t,createBlock as n,createCommentVNode as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{ComboboxCompact as y,provideComboboxUi as b}from"@soybeanjs/headless/combobox";const x=a({name:`SCombobox`,__name:`combobox`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=t(()=>v(w));return b(t(()=>e({size:S.size},S.ui,{trigger:S.class}))),(e,t)=>(l(),n(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[r(` @vue-expect-error ignore vue slot props type `),d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};

package/dist/components/command/command.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as t}from"../kbd/variants.js";import{commandVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{keysOf as b}from"@soybeanjs/utils";import{CommandCompact as x,provideCommandUi as S}from"@soybeanjs/headless/command";const C=s({name:`SCommand`,__name:`command`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`size`,`ui`]),O=v(T),k=r(()=>b(E));return S(r(()=>e(Object.assign(n({size:w.size}),{$base:{shortcut:t({size:w.size})}}),w.ui,{root:w.class}))),(e,t)=>(d(),i(h(x),l(h(D),{items:s.items},m(h(O))),o({_:2},[f(k.value,t=>({name:t,fn:_(n=>[a(` @vue-ignore ignore vue slot props type `),p(e.$slots,t,u(c(n)))])}))]),1040,[`items`]))}});export{C as default};
+import{commandVariants as e}from"../../styles/command.js";import{computed as t,createBlock as n,createCommentVNode as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{CommandCompact as y,provideCommandUi as b}from"@soybeanjs/headless/command";const x=a({name:`SCommand`,__name:`command`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=t(()=>v(w));return b(t(()=>e({size:S.size},S.ui,{root:S.class}))),(e,t)=>(l(),n(p(y),s(p(T),{items:a.items},f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[r(` @vue-ignore ignore vue slot props type `),d(e.$slots,t,c(o(n)))])}))]),1040,[`items`]))}});export{x as default};

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

@@ -1 +1 @@
-import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{},messages:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=C(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(w),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t),l(n,m(d(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};
+import{themeSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"./global.js";import o from"../icon/icon.js";import{createBlock as s,createCommentVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,h as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=d({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{},messages:{}},setup(d){let k=d,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>p(o,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>`${a}\n${M(k.theme,k.theme.radius)}`,P=C(`__SoybeanUI_themeVars`,N());return b(()=>{if(!E)return;let t=e[k.size??`md`];document.documentElement.style.fontSize=`${t}px`},{flush:`post`}),b(()=>{P.value=N()}),(e,i)=>(g(),s(y(w),m(y(A),{"icon-render":y(j)}),{default:x(()=>[u(y(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[l(v(y(P)),1)]),_:1}),_(e.$slots,`default`),k.customToast?c(`v-if`,!0):(g(),s(r,h(m({key:0},k.toast)),null,16)),u(t),u(n,h(f(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};

package/dist/components/config-provider/global.js

@@ -0,0 +1,11 @@
+var e=`* {
+  border-color: hsl(var(--border) / var(--border-alpha, 1));
+}
+body {
+  color: hsl(var(--foreground));
+  background: hsl(var(--background));
+}
+button {
+  background-color: transparent;
+}
+`;export{e as default};

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

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

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar/calendar.js";import{dateFieldVariants as n}from"../date-field/variants.js";import{datePickerVariants as r}from"./variants.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock 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{DatePickerCompact as h,provideDatePickerUi as g}from"@soybeanjs/headless/date-picker";const _=s({name:`SDatePicker`,__name:`date-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(s,{emit:_}){let v=s,y=_,b=m(v,[`class`,`size`,`ui`]),x=p(y);return g(i(()=>{let t=r({size:v.size}),i=n({size:v.size});return e(Object.assign(t,i),v.ui,{root:v.class})})),(e,n)=>(l(),a(d(h),c(d(b),u(d(x))),{default:f(({calendarProps:e,close:n,onUpdateModelValue:r,onUpdatePlaceholder:i})=>[o(t,c(e,{size:s.size,ui:s.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":i}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{_ as default};
+import e from"../calendar/calendar.js";import{datePickerVariants as t}from"../../styles/date-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DatePickerCompact as p,provideDatePickerUi as m}from"@soybeanjs/headless/date-picker";const h=a({name:`SDatePicker`,__name:`date-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarUi,"onUpdate:modelValue":e=>{r(e),n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{dateRangeFieldVariants as n}from"./variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DateRangeFieldCompact as v,provideDateRangeFieldUi as y}from"@soybeanjs/headless/date-range-field";const b=o({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=b,C=p(),w=h(S),T=g(x,[`class`,`size`,`ui`]),E=r(()=>_(C));return y(r(()=>{let r=n({size:x.size}),i=t({size:x.size});return e(Object.assign(r,i),x.ui,{root:x.class})})),(e,t)=>(c(),i(f(v),s(f(T),d(f(w))),a({_:2},[l(E.value,t=>({name:t,fn:m(()=>[u(e.$slots,t)])}))]),1040))}});export{b as default};
+import{dateRangeFieldVariants as e}from"../../styles/date-range-field.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,mergeProps as a,openBlock as o,renderList as s,renderSlot as c,toHandlers as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{DateRangeFieldCompact as g,provideDateRangeFieldUi as _}from"@soybeanjs/headless/date-range-field";const v=i({name:`SDateRangeField`,__name:`date-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(i,{emit:v}){let y=i,b=v,x=d(),S=p(b),C=m(y,[`class`,`size`,`ui`]),w=t(()=>h(x));return _(t(()=>e({size:y.size},y.ui,{root:y.class}))),(e,t)=>(o(),n(u(g),a(u(C),l(u(S))),r({_:2},[s(w.value,t=>({name:t,fn:f(()=>[c(e.$slots,t)])}))]),1040))}});export{v as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../calendar-range/calendar-range.js";import{dateFieldVariants as n}from"../date-field/variants.js";import{datePickerVariants as r}from"../date-picker/variants.js";import{dateRangeFieldVariants as i}from"../date-range-field/variants.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{DateRangePickerCompact as g,provideDateRangePickerUi as _}from"@soybeanjs/headless/date-range-picker";const v=c({name:`SDateRangePicker`,__name:`date-range-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarRangeUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(c,{emit:v}){let y=c,b=v,x=h(y,[`class`,`size`,`ui`]),S=m(b);return _(a(()=>{let t=r({size:y.size}),a=i({size:y.size}),o=n({size:y.size});return e(Object.assign(t,a,o),y.ui,{root:y.class})})),(e,n)=>(u(),o(f(g),l(f(x),d(f(S))),{default:p(({calendarRangeProps:e,close:n,onUpdateModelValue:r,onUpdatePlaceholder:i})=>[s(t,l(e,{size:c.size,ui:c.calendarRangeUi,"onUpdate:modelValue":e=>{r(e),e.start&&e.end&&n()},"onUpdate:placeholder":i}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{v as default};
+import e from"../calendar-range/calendar-range.js";import{dateRangePickerVariants as t}from"../../styles/date-range-picker.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{DateRangePickerCompact as p,provideDateRangePickerUi as m}from"@soybeanjs/headless/date-range-picker";const h=a({name:`SDateRangePicker`,__name:`date-range-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},calendarRangeUi:{},dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},dir:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(a,{emit:h}){let g=a,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>t({size:g.size},g.ui,{root:g.class}))),(t,n)=>(s(),r(l(p),o(l(v),c(l(y))),{default:u(({calendarRangeProps:t,close:n,onUpdateModelValue:r,onUpdatePlaceholder:s})=>[i(e,o(t,{size:a.size,ui:a.calendarRangeUi,"onUpdate:modelValue":e=>{r(e),e.start&&e.end&&n()},"onUpdate:placeholder":s}),null,16,[`size`,`ui`,`onUpdate:modelValue`,`onUpdate:placeholder`])]),_:1},16))}});export{h as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n,buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"./variants.js";import{computed as a,createBlock as o,defineComponent as s,openBlock as c,unref as l}from"vue";import{DialogProvider as u,provideDialogUi as d}from"@soybeanjs/headless/dialog";const f=s({name:`SDialogProvider`,__name:`dialog-provider`,setup(s){return d(a(()=>{let a=t.md;return e(Object.assign(i({size:`md`}),{$base:{cancel:r({variant:`pure`,size:a}),confirm:r({variant:`solid`,size:a}),close:n({size:a})}}))})),(e,t)=>(c(),o(l(u)))}});export{f as default};
+import{dialogVariants as e}from"../../styles/dialog.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,unref as a}from"vue";import{DialogProvider as o,provideDialogUi as s}from"@soybeanjs/headless/dialog";const c=r({name:`SDialogProvider`,__name:`dialog-provider`,setup(r){return s(t(()=>e({size:`md`}))),(e,t)=>(i(),n(a(o)))}});export{c as default};

package/dist/components/dialog/dialog.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n,buttonVariants as r}from"../button/variants.js";import{dialogVariants 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,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{DialogCompact as S,provideDialogUi as C}from"@soybeanjs/headless/dialog";const w=c({name:`SDialog`,__name:`dialog`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=a(()=>x(D));return C(a(()=>{let a=t[T.size??`md`];return e(Object.assign(i({size:T.size,pure:T.pure}),{$base:{cancel:r({variant:`pure`,size:a}),confirm:r({variant:`solid`,size:a}),close:n({size:a})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),o(g(S),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};
+import{dialogVariants as e}from"../../styles/dialog.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DialogCompact as v,provideDialogUi as y}from"@soybeanjs/headless/dialog";const b=i({name:`SDialog`,__name:`dialog`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`size`,`ui`]),T=h(S),E=t(()=>_(C));return y(t(()=>e({size:x.size,pure:x.pure},x.ui,{popup:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),d(f(T))),r({_:2},[l(E.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{b as default};

package/dist/components/drawer/drawer.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n,buttonVariants as r}from"../button/variants.js";import{dialogVariants as i}from"../dialog/variants.js";import{drawerVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{useForwardListeners as b,useOmitProps as x}from"@soybeanjs/headless/composables";import{keysOf as S}from"@soybeanjs/utils";import{DialogCompact as C,provideDialogUi as w}from"@soybeanjs/headless/dialog";const T=l({name:`SDrawer`,__name:`drawer`,props:{side:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(l,{emit:T}){let E=l,D=T,O=v(),k=x(E,[`class`,`size`,`ui`]),A=b(D),j=o(()=>S(O));return w(o(()=>{let o=t[E.size??`md`];return e(Object.assign(i({size:E.size,pure:E.pure}),a({size:E.size,side:E.side}),{$base:{cancel:r({variant:`pure`,size:o}),confirm:r({variant:`solid`,size:o}),close:n({size:o})}}),E.ui,{popup:E.class})})),(e,t)=>(p(),s(_(C),d(_(k),g(_(A))),c({_:2},[m(j.value,t=>({name:t,fn:y(n=>[h(e.$slots,t,f(u(n)))])}))]),1040))}});export{T as default};
+import{drawerVariants as e}from"../../styles/drawer.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{DialogCompact as v,provideDialogUi as y}from"@soybeanjs/headless/dialog";const b=i({name:`SDrawer`,__name:`drawer`,props:{side:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean]},cancelText:{},showConfirm:{type:Boolean},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`size`,`ui`]),T=h(S),E=t(()=>_(C));return y(t(()=>e({size:x.size,side:x.side},x.ui,{popup:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),d(f(T))),r({_:2},[l(E.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{b as default};

package/dist/components/editable/editable.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{editableVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{EditableCompact as y,provideEditableUi as b}from"@soybeanjs/headless/editable";const x=a({name:`SEditable`,__name:`editable`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=n(()=>v(w));return b(n(()=>e(t({size:S.size}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};
+import{editableVariants as e}from"../../styles/editable.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{EditableCompact as v,provideEditableUi as y}from"@soybeanjs/headless/editable";const b=i({name:`SEditable`,__name:`editable`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`submit`,`update:state`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`size`,`ui`]),T=h(S),E=t(()=>_(C));return y(t(()=>e({size:x.size},x.ui,{root:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),d(f(T))),r({_:2},[l(E.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{b as default};

package/dist/components/empty/empty.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{emptyVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{EmptyCompact as g,provideEmptyUi as _}from"@soybeanjs/headless/empty";const v=a({name:`SEmpty`,__name:`empty`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},title:{},description:{},icon:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(a){let v=a,y=m(v,[`class`,`ui`,`size`]),b=f(),x=n(()=>h(b));return _(n(()=>e(t({size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(y))),i({_:2},[l(x.value,t=>({name:t,fn:p(()=>[u(e.$slots,t)])}))]),1040))}});export{v as default};
+import{emptyVariants as e}from"../../styles/empty.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderList as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{keysOf as m}from"@soybeanjs/utils";import{EmptyCompact as h,provideEmptyUi as g}from"@soybeanjs/headless/empty";const _=i({name:`SEmpty`,__name:`empty`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},title:{},description:{},icon:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(i){let _=i,v=p(_,[`class`,`ui`,`size`]),y=d(),b=t(()=>m(y));return g(t(()=>e({size:_.size},_.ui,{root:_.class}))),(e,t)=>(s(),n(u(h),o(a(u(v))),r({_:2},[c(b.value,t=>({name:t,fn:f(()=>[l(e.$slots,t)])}))]),1040))}});export{_ as default};

package/dist/components/form/form-field-array.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldArrayCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormFieldArray`,__name:`form-field-array`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(o(n)))])}))]),1040))}});export{v as default};
+import{formVariants as e}from"../../styles/form.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderList as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{keysOf as m}from"@soybeanjs/utils";import{FormFieldArrayCompact as h,provideFormFieldUi as g}from"@soybeanjs/headless/form";const _=i({name:`SFormFieldArray`,__name:`form-field-array`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(i){let _=i,v=d(),y=p(_,[`class`,`ui`,`size`]),b=t(()=>m(v));return g(t(()=>e({size:_.size},_.ui,{field:_.class}))),(e,t)=>(s(),n(u(h),o(a(u(y))),r({_:2},[c(b.value,t=>({name:t,fn:f(n=>[l(e.$slots,t,o(a(n)))])}))]),1040))}});export{_ as default};

package/dist/components/form/form-field-base.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldBaseCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormFieldBase`,__name:`form-field-base`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(()=>[u(e.$slots,t)])}))]),1040))}});export{v as default};
+import{formVariants as e}from"../../styles/form.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderList as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{keysOf as m}from"@soybeanjs/utils";import{FormFieldBaseCompact as h,provideFormFieldUi as g}from"@soybeanjs/headless/form";const _=i({name:`SFormFieldBase`,__name:`form-field-base`,props:{error:{},isFieldArray:{type:Boolean},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(i){let _=i,v=d(),y=p(_,[`class`,`ui`,`size`]),b=t(()=>m(v));return g(t(()=>e({size:_.size},_.ui,{field:_.class}))),(e,t)=>(s(),n(u(h),o(a(u(y))),r({_:2},[c(b.value,t=>({name:t,fn:f(()=>[l(e.$slots,t)])}))]),1040))}});export{_ as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{FormFieldCompact as g,provideFormFieldUi as _}from"@soybeanjs/headless/form";const v=a({name:`SFormField`,__name:`form-field`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(a){let v=a,y=f(),b=m(v,[`class`,`ui`,`size`]),x=n(()=>h(y));return _(n(()=>e(t({size:v.size}),v.ui,{field:v.class}))),(e,t)=>(c(),r(d(g),s(o(d(b))),i({_:2},[l(x.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(o(n)))])}))]),1040))}});export{v as default};
+import{formVariants as e}from"../../styles/form.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderList as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{keysOf as m}from"@soybeanjs/utils";import{FormFieldCompact as h,provideFormFieldUi as g}from"@soybeanjs/headless/form";const _=i({name:`SFormField`,__name:`form-field`,props:{name:{},orientation:{},label:{},description:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{},validate:{type:Function},reset:{type:Function},class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(i){let _=i,v=d(),y=p(_,[`class`,`ui`,`size`]),b=t(()=>m(v));return g(t(()=>e({size:_.size},_.ui,{field:_.class}))),(e,t)=>(s(),n(u(h),o(a(u(y))),r({_:2},[c(b.value,t=>({name:t,fn:f(n=>[l(e.$slots,t,o(a(n)))])}))]),1040))}});export{_ as default};

package/dist/components/form/form.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{FormCompact as f,provideFormUi as p}from"@soybeanjs/headless/form";const m=i({name:`SForm`,__name:`form`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},fieldProps:{},fieldArrayProps:{},orientation:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(i){let m=i,h=d(m,[`ui`,`class`,`size`]);return p(n(()=>e(t({size:m.size}),m.ui,{form:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{formVariants as e}from"../../styles/form.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,normalizeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";import{useOmitProps as u}from"@soybeanjs/headless/composables";import{FormCompact as d,provideFormUi as f}from"@soybeanjs/headless/form";const p=r({name:`SForm`,__name:`form`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},fieldProps:{},fieldArrayProps:{},orientation:{},labelProps:{},controlProps:{},descriptionProps:{},errorProps:{}},setup(r){let p=r,m=u(p,[`ui`,`class`,`size`]);return f(t(()=>e({size:p.size},p.ui,{form:p.class}))),(e,t)=>(o(),n(c(d),a(i(c(m))),{default:l(()=>[s(e.$slots,`default`)]),_:3},16))}});export{p as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{HoverCardCompact as p,provideHoverCardUi as m}from"@soybeanjs/headless/hover-card";const h=i({name:`SHoverCard`,__name:`hover-card`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>e(t({size:g.size}),g.ui,{popup:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{trigger:u(()=>[s(e.$slots,`trigger`)]),default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{hoverCardVariants as e}from"../../styles/hover-card.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{HoverCardCompact as f,provideHoverCardUi as p}from"@soybeanjs/headless/hover-card";const m=r({name:`SHoverCard`,__name:`hover-card`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`size`,`ui`]),v=u(g);return p(t(()=>e({size:h.size},h.ui,{popup:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{trigger:l(()=>[o(e.$slots,`trigger`)]),default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/input/input.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputCompact as y,provideInputUi as b}from"@soybeanjs/headless/input";const x=s({name:`SInput`,__name:`input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size}),{$base:{clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};
+import{inputVariants as e}from"../../styles/input.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{InputCompact as g,provideInputUi as _}from"@soybeanjs/headless/input";const v=i({name:`SInput`,__name:`input`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(i,{emit:v}){let y=i,b=v,x=m(y,[`class`,`size`,`ui`]),S=f(),C=t(()=>h(S));return _(t(()=>e({size:y.size},y.ui,{root:y.class}))),(e,t)=>(c(),n(d(g),o(d(x),{"onUpdate:modelValue":t[0]||=e=>b(`update:modelValue`,e)}),r({_:2},[l(C.value,t=>({name:t,fn:p(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{v as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{inputNumberVariants as r}from"./variants.js";import{computed as i,createBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{InputNumberCompact as y,provideInputNumberUi as b}from"@soybeanjs/headless/input-number";const x=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:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`,`clear`],setup(s,{emit:x}){let S=s,C=x,w=_(S,[`class`,`size`,`ui`,`center`]),T=h(),E=i(()=>v(T));return b(i(()=>{let i=t[S.size??`md`];return e(Object.assign(r({size:S.size,center:S.center}),{$base:{decrement:n({size:i}),increment:n({size:i}),clear:n({size:i,shape:`circle`})}}),S.ui,{root:S.class})})),(e,t)=>(d(),a(m(y),l(m(w),{"onUpdate:modelValue":t[0]||=e=>C(`update:modelValue`,e)}),o({_:2},[f(E.value,t=>({name:t,fn:g(n=>[p(e.$slots,t,u(c(n)))])}))]),1040))}});export{x as default};
+import{miniSizeMap as e}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as t}from"../../styles/button.js";import{inputNumberVariants as n}from"../../styles/input-number.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,unref as p,useSlots as m,withCtx as h}from"vue";import{useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{InputNumberCompact as v,provideInputNumberUi as y}from"@soybeanjs/headless/input-number";const b=o({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:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`,`clear`],setup(o,{emit:b}){let x=o,S=b,C=g(x,[`class`,`size`,`ui`,`center`]),w=m(),T=r(()=>_(w));return y(r(()=>{let r=e[x.size??`md`];return n({size:x.size,center:x.center},{decrement:t({size:r}),increment:t({size:r}),clear:t({size:r,shape:`circle`})},x.ui,{root:x.class})})),(e,t)=>(u(),i(p(v),c(p(C),{"onUpdate:modelValue":t[0]||=e=>S(`update:modelValue`,e)}),a({_:2},[d(T.value,t=>({name:t,fn:h(n=>[f(e.$slots,t,l(s(n)))])}))]),1040))}});export{b as default};

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

@@ -1 +1 @@
-import{mergeVariants 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};
+import{inputOtpVariants as e}from"../../styles/input-otp.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{InputOtpCompact as m,provideInputOtpUi as h}from"@soybeanjs/headless/input-otp";const g=r({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(r,{emit:g}){let _=r,v=f(g),y=p(_,[`class`,`size`,`align`,`ui`]);return h(t(()=>e({size:_.size,align:_.align},_.ui,{root:_.class}))),(e,t)=>(s(),n(u(m),a(u(y),l(u(v))),{default:d(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16))}});export{g as default};

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

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

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/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};
+import{kbdVariants as e}from"../../styles/kbd.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{Kbd as c}from"@soybeanjs/headless/kbd";const l=r({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(r){let l=r,u=s(l,[`class`,`size`,`variant`,`raised`]),d=t(()=>e({size:l.size,variant:l.variant,raised:l.raised},l.class));return(e,t)=>(a(),n(o(c),i(o(u),{class:d.value}),null,16,[`class`]))}});export{l as default};

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

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { KbdVariant } from "./variants.js";
+import { KbdVariant } from "../../styles/kbd.js";
 import { KbdProps } from "@soybeanjs/headless/kbd";
 import { ClassValue } from "@soybeanjs/headless/types";
 

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/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};
+import{labelVariants as e}from"../../styles/label.js";import{computed as t,createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";import{Label as l}from"@soybeanjs/headless/label";const u=r({name:`SLabel`,__name:`label`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},for:{}},setup(r){let u=r,d=t(()=>e({size:u.size},u.class));return(e,t)=>(a(),n(s(l),{for:u.for,class:i(d.value)},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{u as default};

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as r}from"../button/variants.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutClassicVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{keysOf as b}from"@soybeanjs/utils";import{LayoutClassicCompact as x,provideLayoutClassicUi as S}from"@soybeanjs/headless/layout";const C=l({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(l,{emit:C}){let w=l,T=C,E=_(),D=y(w,[`class`,`size`,`ui`,`pxToRem`]),O=o(()=>b(E).filter(e=>e!==`sidebar`)),k=e=>w.pxToRem?w.pxToRem(e):e*n[w.size]/t.md;return S(o(()=>e(Object.assign(a({size:w.size,side:w.side,fullContent:w.fullContent}),{$base:{trigger:r({size:w.size})},$alias:{variants:{...i({size:w.size,side:w.side})},map:{popup:`mobileDrawer`}}}),w.ui,{root:w.class}))),(e,t)=>(p(),s(g(x),d(g(D),{"px-to-rem":k,"onUpdate:open":t[0]||=e=>T(`update:open`,e)}),c({sidebar:v(t=>[h(e.$slots,`sidebar`,f(u(t)))]),_:2},[m(O.value,t=>({name:t,fn:v(()=>[h(e.$slots,t)])}))]),1040))}});export{C as default};
+import{themeSizeMap as e,themeSizeRatio as t}from"../../theme/config.js";import"../../theme/index.js";import{layoutClassicVariants as n}from"../../styles/layout.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,unref as p,useSlots as m,withCtx as h}from"vue";import{useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{LayoutClassicCompact as v,provideLayoutClassicUi as y}from"@soybeanjs/headless/layout";const b=o({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(o,{emit:b}){let x=o,S=b,C=m(),w=g(x,[`class`,`size`,`ui`,`pxToRem`]),T=r(()=>_(C).filter(e=>e!==`sidebar`)),E=n=>x.pxToRem?x.pxToRem(n):n*t[x.size]/e.md;return y(r(()=>n({size:x.size,side:x.side,fullContent:x.fullContent},x.ui,{root:x.class}))),(e,t)=>(u(),i(p(v),c(p(w),{"px-to-rem":E,"onUpdate:open":t[0]||=e=>S(`update:open`,e)}),a({sidebar:h(t=>[f(e.$slots,`sidebar`,l(s(t)))]),_:2},[d(T.value,t=>({name:t,fn:h(()=>[f(e.$slots,t)])}))]),1040))}});export{b as default};

package/dist/components/layout/layout.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as r}from"../button/variants.js";import{drawerVariants as i}from"../drawer/variants.js";import{layoutVariants as a}from"./variants.js";import{computed as o,createBlock as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{keysOf as b}from"@soybeanjs/utils";import{LayoutCompact as x,provideLayoutUi as S}from"@soybeanjs/headless/layout";const C=l({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(l,{emit:C}){let w=l,T=C,E=_(),D=y(w,[`class`,`size`,`ui`,`pxToRem`]),O=o(()=>b(E).filter(e=>e!==`sidebar`)),k=e=>w.pxToRem?w.pxToRem(e):e*n[w.size]/t.md;return S(o(()=>e(Object.assign(a({size:w.size,variant:w.variant,side:w.side,collapsible:w.collapsible,fullContent:w.fullContent}),{$base:{trigger:r({size:w.size})},$alias:{variants:{...i({size:w.size,side:w.side})},map:{popup:`mobileDrawer`}}}),w.ui,{root:w.class}))),(e,t)=>(p(),s(g(x),d(g(D),{"px-to-rem":k,"onUpdate:open":t[0]||=e=>T(`update:open`,e)}),c({sidebar:v(t=>[h(e.$slots,`sidebar`,f(u(t)))]),_:2},[m(O.value,t=>({name:t,fn:v(()=>[h(e.$slots,t)])}))]),1040))}});export{C as default};
+import{themeSizeMap as e,themeSizeRatio as t}from"../../theme/config.js";import"../../theme/index.js";import{layoutVariants as n}from"../../styles/layout.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,unref as p,useSlots as m,withCtx as h}from"vue";import{useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{LayoutCompact as v,provideLayoutUi as y}from"@soybeanjs/headless/layout";const b=o({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(o,{emit:b}){let x=o,S=b,C=m(),w=g(x,[`class`,`size`,`ui`,`pxToRem`]),T=r(()=>_(C).filter(e=>e!==`sidebar`)),E=n=>x.pxToRem?x.pxToRem(n):n*t[x.size]/e.md;return y(r(()=>n({size:x.size,variant:x.variant,side:x.side,collapsible:x.collapsible,fullContent:x.fullContent},x.ui,{root:x.class}))),(e,t)=>(u(),i(p(v),c(p(w),{"px-to-rem":E,"onUpdate:open":t[0]||=e=>S(`update:open`,e)}),a({sidebar:h(t=>[f(e.$slots,`sidebar`,l(s(t)))]),_:2},[d(T.value,t=>({name:t,fn:h(()=>[f(e.$slots,t)])}))]),1040))}});export{b as default};

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/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};
+import{linkVariants as e}from"../../styles/link.js";import{computed as t,createBlock as n,defineComponent as r,guardReactiveProps as i,mergeProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{Link as d}from"@soybeanjs/headless/link";const f=r({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(r){let f=r,p=t(()=>e(void 0,f.class));return(e,t)=>(s(),n(l(d),a(f,{class:p.value}),{default:u(t=>[c(e.$slots,`default`,o(i(t)))]),_:3},16,[`class`]))}});export{f as default};

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

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-  disabled: boolean;
   replace: boolean;
+  disabled: boolean;
   external: boolean;
   viewTransition: boolean;
   noRel: boolean;

package/dist/components/list/list.js

@@ -1 +1 @@
-import{mergeVariants 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};
+import{listVariants as e}from"../../styles/list.js";import{computed as t,createBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";import{ListRoot as c,provideListUi as l}from"@soybeanjs/headless/list";const u=r({name:`SList`,__name:`list`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{}},setup(r){let u=r;return l(t(()=>e({size:u.size},u.ui,{root:u.class}))),(e,t)=>(i(),n(o(c),null,{default:s(()=>[a(e.$slots,`default`)]),_:3}))}});export{u as default};

package/dist/components/menu/context.js

@@ -1 +1 @@
-import{mergeVariants 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};
+import{menuVariants as e}from"../../styles/menu.js";import{computed as t,toValue as n}from"vue";import{provideMenuUi as r}from"@soybeanjs/headless/menu";const i=i=>{r(t(()=>{let t=n(i);return e({size:t.size,indicatorPosition:t.indicatorPosition},t.ui,{popup:t.class})}))};export{i as provideMenuUi};

package/dist/components/menubar/menubar.js

@@ -1 +1 @@
-import{mergeVariants 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};
+import{provideMenuUi as e}from"../menu/context.js";import{menubarVariants as t}from"../../styles/menubar.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{MenubarCompact as y,provideMenubarUi as b}from"@soybeanjs/headless/menubar";const x=a({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(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`,`indicatorPosition`]),E=g(C),D=n(()=>v(w));return b(n(()=>t({size:S.size},S.ui,{root:S.class}))),e(()=>S),(e,t)=>(l(),r(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};

package/dist/components/navigation-menu/navigation-menu.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{navigationMenuVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{NavigationMenuCompact as y,provideNavigationMenuUi as b}from"@soybeanjs/headless/navigation-menu";const x=a({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=n(()=>v(w));return b(n(()=>e(t({size:S.size}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};
+import{navigationMenuVariants as e}from"../../styles/navigation-menu.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{keysOf as _}from"@soybeanjs/utils";import{NavigationMenuCompact as v,provideNavigationMenuUi as y}from"@soybeanjs/headless/navigation-menu";const b=i({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(i,{emit:b}){let x=i,S=b,C=p(),w=g(x,[`class`,`size`,`ui`]),T=h(S),E=t(()=>_(C));return y(t(()=>e({size:x.size},x.ui,{root:x.class}))),(e,t)=>(c(),n(f(v),o(f(w),d(f(T))),r({_:2},[l(E.value,t=>({name:t,fn:m(n=>[u(e.$slots,t,s(a(n)))])}))]),1040))}});export{b as default};

package/dist/components/page-tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { PageTabsVariant } from "./variants.js";
+import { PageTabsVariant } from "../../styles/page-tabs.js";
 import { PageTabsEmits, PageTabsProps, PageTabsSlots } from "./types.js";
 import { _default } from "./page-tabs.vue.js";
 export type * from "@soybeanjs/headless/page-tabs";

package/dist/components/page-tabs/page-tabs.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuUi as t}from"../menu/context.js";import{pageTabsVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createSlots as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toHandlers as v,unref as y,useSlots as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{keysOf as w}from"@soybeanjs/utils";import{PageTabsCompact as T,providePageTabsUi as E}from"@soybeanjs/headless/page-tabs";const D=u({name:`SPageTabs`,__name:`page-tabs`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},beforeClose:{},itemProps:{},pinProps:{},closeProps:{},contextMenuProps:{},modelValue:{},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean,default:!0},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`],setup(u,{emit:D}){let O=u,k=D,A=b(),j=C(O,[`class`,`size`,`ui`,`onClick`,`onContextmenu`]),M=S(k),N=i(()=>w(A).filter(e=>e!==`indicator`)),P=i(()=>e(n({size:O.size,variant:O.variant}),O.ui,{root:O.class}));return t(()=>({size:O.size})),E(P),(e,t)=>(h(),a(y(T),f(y(j),v(y(M))),l({indicator:x(()=>[u.variant===`chrome`?(h(),s(r,{key:0},[(h(),s(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(P.value.chromeBgLeft)},[...t[0]||=[c(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(h(),s(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:p(P.value.chromeBgRight)},[...t[1]||=[c(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):o(`v-if`,!0),u.variant===`slider`?(h(),s(`div`,{key:1,class:p(P.value.sliderIndicator)},null,2)):o(`v-if`,!0)]),_:2},[g(N.value,t=>({name:t,fn:x(n=>[o(` @vue-expect-error ignore slot type `),_(e.$slots,t,m(d(n)))])}))]),1040))}});export{D as default};
+import{provideMenuUi as e}from"../menu/context.js";import{pageTabsVariants as t}from"../../styles/page-tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createSlots as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";import{useForwardListeners as x,useOmitProps as S}from"@soybeanjs/headless/composables";import{keysOf as C}from"@soybeanjs/utils";import{PageTabsCompact as w,providePageTabsUi as T}from"@soybeanjs/headless/page-tabs";const E=l({name:`SPageTabs`,__name:`page-tabs`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},variant:{default:`chrome`},ui:{},items:{},menuFactory:{},beforeClose:{},itemProps:{},pinProps:{},closeProps:{},contextMenuProps:{},modelValue:{},middleClickClose:{type:Boolean},dir:{},loop:{type:Boolean,default:!0},currentTabStopId:{},defaultCurrentTabStopId:{},preventScrollOnEntryFocus:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:items`,`click`,`close`,`pin`,`contextmenu`,`selectContextMenu`],setup(l,{emit:E}){let D=l,O=E,k=y(),A=S(D,[`class`,`size`,`ui`,`onClick`,`onContextmenu`]),j=x(O),M=r(()=>C(k).filter(e=>e!==`indicator`)),N=r(()=>t({size:D.size,variant:D.variant},D.ui,{root:D.class}));return e(()=>({size:D.size})),T(N),(e,t)=>(m(),i(v(w),d(v(A),_(v(j))),c({indicator:b(()=>[l.variant===`chrome`?(m(),o(n,{key:0},[(m(),o(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:f(N.value.chromeBgLeft)},[...t[0]||=[s(`path`,{d:`M 0 8 A 8 8 0 0 0 8 0 L 8 8 Z`},null,-1)]],2)),(m(),o(`svg`,{height:`100%`,width:`100%`,viewBox:`0 0 8 8`,class:f(N.value.chromeBgRight)},[...t[1]||=[s(`path`,{d:`M 0 0 A 8 8 0 0 0 8 8 L 0 8 Z`},null,-1)]],2))],64)):a(`v-if`,!0),l.variant===`slider`?(m(),o(`div`,{key:1,class:f(N.value.sliderIndicator)},null,2)):a(`v-if`,!0)]),_:2},[h(M.value,t=>({name:t,fn:b(n=>[a(` @vue-expect-error ignore slot type `),g(e.$slots,t,p(u(n)))])}))]),1040))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
-import { PageTabsVariant } from "./variants.js";
+import { PageTabsVariant } from "../../styles/page-tabs.js";
 import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageTabsOptionData, PageTabsUi } from "@soybeanjs/headless/page-tabs";
 import { ClassValue } from "@soybeanjs/headless/types";
 

package/dist/components/pagination/pagination.js

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{paginationVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,mergeProps as o,openBlock as s,renderList as c,renderSlot as l,toHandlers as u,unref as d,useSlots as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{keysOf as g}from"@soybeanjs/utils";import{PaginationCompact as _,providePaginationUi as v}from"@soybeanjs/headless/pagination";const y=a({name:`SPagination`,__name:`pagination`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},variant:{},shape:{},actionAsSelected:{type:Boolean},showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(a,{emit:y}){let b=a,x=y,S=f(),C=h(b,[`class`,`ui`,`size`,`variant`,`shape`,`actionAsSelected`]),w=m(x),T=n(()=>g(S));return v(n(()=>{let n=t({size:b.size,variant:b.variant,shape:b.shape,actionAsSelected:b.actionAsSelected}),{button:r,navigationButton:i}=n;return e({...n,listItem:r,first:i,prev:i,next:i,last:i},b.ui,{root:b.class})})),(e,t)=>(s(),r(d(_),o(d(C),u(d(w))),i({_:2},[c(T.value,t=>({name:t,fn:p(()=>[l(e.$slots,t)])}))]),1040))}});export{y as default};
+import{paginationVariants as e}from"../../styles/pagination.js";import{computed as t,createBlock as n,createSlots as r,defineComponent as i,mergeProps as a,openBlock as o,renderList as s,renderSlot as c,toHandlers as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{keysOf as h}from"@soybeanjs/utils";import{PaginationCompact as g,providePaginationUi as _}from"@soybeanjs/headless/pagination";const v=i({name:`SPagination`,__name:`pagination`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},variant:{},shape:{},actionAsSelected:{type:Boolean},showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},pageSize:{},defaultPageSize:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`,`update:pageSize`],setup(i,{emit:v}){let y=i,b=v,x=d(),S=m(y,[`class`,`ui`,`size`,`variant`,`shape`,`actionAsSelected`]),C=p(b),w=t(()=>h(x));return _(t(()=>e({size:y.size,variant:y.variant,shape:y.shape,actionAsSelected:y.actionAsSelected},y.ui,{root:y.class}))),(e,t)=>(o(),n(u(g),a(u(S),l(u(C))),r({_:2},[s(w.value,t=>({name:t,fn:f(()=>[c(e.$slots,t)])}))]),1040))}});export{v as default};