@soybeanjs/ui 0.5.2 → 0.5.4

package/dist/components/dialog/dialog.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString 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{DialogClose as C,DialogContent as w,DialogDescription as T,DialogFooter as E,DialogHeader as D,DialogOverlay as O,DialogPortal as k,DialogRoot as A,DialogTitle as j,DialogTrigger as M,provideDialogUi as N}from"@soybeanjs/headless";var P=l({name:`SDialog`,__name:`dialog`,props:{size:{},ui:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:P}){let F=l,I=S(F,[`size`,`ui`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),L=P,R=y(),z=x(L),B=i(()=>e(n({size:F.size}),F.ui));return N(B),t(()=>F.size),(e,t)=>(m(),a(v(A),d(v(I),{"onUpdate:open":t[0]||=e=>L(`update:open`,e)}),{default:b(t=>[c(v(M),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(k),p(u(l.portalProps)),{default:b(()=>[c(v(O),p(u(l.overlayProps)),null,16),c(v(w),d(l.contentProps,_(v(z))),{default:b(()=>[c(v(D),p(u(l.headerProps)),{default:b(()=>[c(v(j),p(u(l.titleProps)),{default:b(()=>[h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(R).description||l.description?(m(),a(v(T),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0),l.closable?(m(),a(v(C),{key:1,class:f(B.value.closable),"as-child":``},{default:b(()=>[h(e.$slots,`close`,{},()=>[c(r,{size:l.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(R).footer?(m(),a(v(E),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{P as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import"../../theme/index.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString 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{DialogClose as C,DialogContent as w,DialogDescription as T,DialogFooter as E,DialogHeader as D,DialogOverlay as O,DialogPortal as k,DialogRoot as A,DialogTitle as j,DialogTrigger as M,provideDialogUi as N}from"@soybeanjs/headless";const P=l({name:`SDialog`,__name:`dialog`,props:{size:{},ui:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(l,{emit:P}){let F=l,I=S(F,[`size`,`ui`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),L=P,R=y(),z=x(L),B=i(()=>e(n({size:F.size}),F.ui));return N(B),t(()=>F.size),(e,t)=>(m(),a(v(A),d(v(I),{"onUpdate:open":t[0]||=e=>L(`update:open`,e)}),{default:b(t=>[c(v(M),d(l.triggerProps,{size:l.size,"as-child":``}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(k),p(u(l.portalProps)),{default:b(()=>[c(v(O),p(u(l.overlayProps)),null,16),c(v(w),d(l.contentProps,_(v(z))),{default:b(()=>[c(v(D),p(u(l.headerProps)),{default:b(()=>[c(v(j),p(u(l.titleProps)),{default:b(()=>[h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(R).description||l.description?(m(),a(v(T),p(d({key:0},l.descriptionProps)),{default:b(()=>[h(e.$slots,`description`,p(u(t)),()=>[s(g(l.description),1)])]),_:2},1040)):o(`v-if`,!0),l.closable?(m(),a(v(C),{key:1,class:f(B.value.closable),"as-child":``},{default:b(()=>[h(e.$slots,`close`,{},()=>[c(r,{size:l.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):o(`v-if`,!0)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(R).footer?(m(),a(v(E),p(d({key:0},l.footerProps)),{default:b(()=>[h(e.$slots,`footer`,p(u(t)))]),_:2},1040)):o(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{P as default};

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

@@ -1,6 +1,6 @@
 import { DialogProps } from "./types.js";
-import * as vue195 from "vue";
-import * as _soybeanjs_headless129 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dialog/dialog.vue.d.ts
 declare var __VLS_16: {}, __VLS_47: {
@@ -29,20 +29,20 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_78) => any;
 };
-declare const __VLS_base: vue195.DefineComponent<DialogProps, {}, {}, {}, {}, vue195.ComponentOptionsMixin, vue195.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless129.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless129.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless129.PointerDownOutsideEvent | _soybeanjs_headless129.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue195.PublicProps, Readonly<DialogProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<DialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless129.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless129.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless129.PointerDownOutsideEvent | _soybeanjs_headless129.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
@@ -50,7 +50,7 @@ declare const __VLS_base: vue195.DefineComponent<DialogProps, {}, {}, {}, {}, vu
   defaultOpen: boolean;
   closable: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue195.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/dialog/index.js

@@ -0,0 +1 @@
+import{useDialog as e}from"./context.js";import t from"./dialog.js";import n from"./dialog-close.js";import r from"./dialog-pure.js";

package/dist/components/drawer/drawer-close.js

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";var c=n({name:`SDrawerClose`,__name:`drawer-close`,props:{beforeClose:{type:Function},asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DrawerClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};
+import{useSizeContext as e}from"../../theme/context.js";import"../../theme/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{DialogClose as s}from"@soybeanjs/headless";const c=n({name:`SDrawerClose`,__name:`drawer-close`,props:{beforeClose:{type:Function},asChild:{type:Boolean},as:{}},setup(n){let{size:c}=e(`DrawerClose`);return(e,n)=>(r(),t(a(s),{size:a(c),"as-child":``},{default:o(()=>[i(e.$slots,`default`)]),_:3},8,[`size`]))}});export{c as default};

package/dist/components/drawer/drawer-close.vue.d.ts

@@ -1,4 +1,4 @@
-import * as vue72 from "vue";
+import * as vue from "vue";
 import { DialogCloseProps } from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer-close.vue.d.ts
@@ -6,7 +6,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue72.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue72.ComponentOptionsMixin, vue72.ComponentOptionsMixin, {}, string, vue72.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue72.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/drawer/drawer.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{drawerVariants as i}from"../../variants/drawer.js";import{computed as a,createBlock as o,createCommentVNode as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{DialogClose as T,DialogContent as E,DialogDescription as D,DialogFooter as O,DialogHeader as k,DialogOverlay as A,DialogPortal as j,DialogRoot as M,DialogTitle as N,DialogTrigger as P,provideDialogUi as F}from"@soybeanjs/headless";var I=d({name:`SDrawer`,__name:`drawer`,props:{side:{},ui:{},size:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:I}){let L=d,R=w(L,[`size`,`ui`,`side`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),z=I,B=x(),V=C(z),H=a(()=>{let t=n({size:L.size}),r=i({size:L.size,side:L.side});return e({...t,...r},L.ui)});return F(H),t(()=>L.size),(e,t)=>(g(),o(b(M),p(b(R),{"onUpdate:open":t[0]||=e=>z(`update:open`,e)}),{default:S(t=>[u(b(P),p(d.triggerProps,{size:d.size,"as-child":``}),{default:S(()=>[_(e.$slots,`trigger`)]),_:3},16,[`size`]),u(b(j),h(f(d.portalProps)),{default:S(()=>[u(b(A),h(f(d.overlayProps)),null,16),u(b(E),p(d.contentProps,y(b(V))),{default:S(()=>[u(b(k),h(f(d.headerProps)),{default:S(()=>[u(b(N),h(f(d.titleProps)),{default:S(()=>[_(e.$slots,`title`,h(f(t)),()=>[l(v(d.title),1)])]),_:2},1040),b(B).description||d.description?(g(),o(b(D),h(p({key:0},d.descriptionProps)),{default:S(()=>[_(e.$slots,`description`,h(f(t)),()=>[l(v(d.description),1)])]),_:2},1040)):s(`v-if`,!0),d.closable?(g(),o(b(T),{key:1,class:m(H.value.closable),"as-child":``},{default:S(()=>[_(e.$slots,`close`,{},()=>[u(r,{size:d.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):s(`v-if`,!0)]),_:2},1040),c(`div`,{class:m(H.value.main)},[_(e.$slots,`default`,h(f(t)))],2),b(B).footer?(g(),o(b(O),h(p({key:0},d.footerProps)),{default:S(()=>[_(e.$slots,`footer`,h(f(t)))]),_:2},1040)):s(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import"../../theme/index.js";import{dialogVariants as n}from"../../variants/dialog.js";import r from"../button/button-icon.js";import{drawerVariants as i}from"../../variants/drawer.js";import{computed as a,createBlock as o,createCommentVNode as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w}from"@soybeanjs/headless/composables";import{DialogClose as T,DialogContent as E,DialogDescription as D,DialogFooter as O,DialogHeader as k,DialogOverlay as A,DialogPortal as j,DialogRoot as M,DialogTitle as N,DialogTrigger as P,provideDialogUi as F}from"@soybeanjs/headless";const I=d({name:`SDrawer`,__name:`drawer`,props:{side:{},ui:{},size:{},title:{},description:{},closable:{type:Boolean,default:!0},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:I}){let L=d,R=w(L,[`size`,`ui`,`side`,`title`,`description`,`closable`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),z=I,B=x(),V=C(z),H=a(()=>{let t=n({size:L.size}),r=i({size:L.size,side:L.side});return e({...t,...r},L.ui)});return F(H),t(()=>L.size),(e,t)=>(g(),o(b(M),p(b(R),{"onUpdate:open":t[0]||=e=>z(`update:open`,e)}),{default:S(t=>[u(b(P),p(d.triggerProps,{size:d.size,"as-child":``}),{default:S(()=>[_(e.$slots,`trigger`)]),_:3},16,[`size`]),u(b(j),h(f(d.portalProps)),{default:S(()=>[u(b(A),h(f(d.overlayProps)),null,16),u(b(E),p(d.contentProps,y(b(V))),{default:S(()=>[u(b(k),h(f(d.headerProps)),{default:S(()=>[u(b(N),h(f(d.titleProps)),{default:S(()=>[_(e.$slots,`title`,h(f(t)),()=>[l(v(d.title),1)])]),_:2},1040),b(B).description||d.description?(g(),o(b(D),h(p({key:0},d.descriptionProps)),{default:S(()=>[_(e.$slots,`description`,h(f(t)),()=>[l(v(d.description),1)])]),_:2},1040)):s(`v-if`,!0),d.closable?(g(),o(b(T),{key:1,class:m(H.value.closable),"as-child":``},{default:S(()=>[_(e.$slots,`close`,{},()=>[u(r,{size:d.size,icon:`lucide:x`},null,8,[`size`])])]),_:3},8,[`class`])):s(`v-if`,!0)]),_:2},1040),c(`div`,{class:m(H.value.main)},[_(e.$slots,`default`,h(f(t)))],2),b(B).footer?(g(),o(b(O),h(p({key:0},d.footerProps)),{default:S(()=>[_(e.$slots,`footer`,h(f(t)))]),_:2},1040)):s(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{I as default};

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

@@ -1,6 +1,6 @@
 import { DrawerProps } from "./types.js";
-import * as vue67 from "vue";
-import * as _soybeanjs_headless4 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/drawer/drawer.vue.d.ts
 declare var __VLS_16: {}, __VLS_47: {
@@ -29,20 +29,20 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_78) => any;
 };
-declare const __VLS_base: vue67.DefineComponent<DrawerProps, {}, {}, {}, {}, vue67.ComponentOptionsMixin, vue67.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless4.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless4.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless4.PointerDownOutsideEvent | _soybeanjs_headless4.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue67.PublicProps, Readonly<DrawerProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless4.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless4.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless4.PointerDownOutsideEvent | _soybeanjs_headless4.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
@@ -50,7 +50,7 @@ declare const __VLS_base: vue67.DefineComponent<DrawerProps, {}, {}, {}, {}, vue
   defaultOpen: boolean;
   closable: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue67.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/drawer/index.js

@@ -0,0 +1 @@
+import e from"./drawer.js";import t from"./drawer-close.js";

package/dist/components/dropdown-menu/dropdown-menu-checkbox.js

@@ -1 +1 @@
-import e from"../menu/menu-checkbox-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-checkbox-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";const b=o({name:`SDropdownMenuCheckbox`,__name:`dropdown-menu-checkbox`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts

@@ -1,19 +1,19 @@
 import { MenuCheckboxOptionData } from "../menu/types.js";
 import { DropdownMenuCheckboxProps } from "./types.js";
-import * as vue79 from "vue";
-import * as _soybeanjs_headless20 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue79.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless20.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless20.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless20.PointerDownOutsideEvent | _soybeanjs_headless20.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless20.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless20.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless20.PointerDownOutsideEvent | _soybeanjs_headless20.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue79.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-radio.js

@@ -1 +1 @@
-import e from"../menu/menu-radio-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-radio-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";const b=o({name:`SDropdownMenuRadio`,__name:`dropdown-menu-radio`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts

@@ -1,19 +1,19 @@
 import { MenuRadioOptionData } from "../menu/types.js";
 import { DropdownMenuRadioProps } from "./types.js";
-import * as vue81 from "vue";
-import * as _soybeanjs_headless28 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-radio.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue81.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless28.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless28.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless28.PointerDownOutsideEvent | _soybeanjs_headless28.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     'item-trailing': (props: S) => any;
     'item-indicator-icon': (props: S) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless28.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless28.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless28.PointerDownOutsideEvent | _soybeanjs_headless28.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue81.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/dropdown-menu-wrapper.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideMenuExtraUi as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuUi as C}from"@soybeanjs/headless";var w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`class`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),O=g(E),k=r(()=>({...T.contentProps,popupProps:T.popupProps??T.contentProps?.popupProps,placement:T.placement??T.contentProps?.placement,sideOffset:T.contentProps?.sideOffset??(T.showArrow?0:8)})),A=r(()=>e(n({size:T.size,indicatorPosition:T.indicatorPosition}),T.ui,{popup:T.class}));return C(A),t(A),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(k.value,{"popup-props":s.popupProps},p(m(O))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16,[`popup-props`])]),_:3},16)]),_:3},16))}});export{w as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideMenuExtraUi as t}from"../menu/context.js";import{menuVariants as n}from"../../variants/menu.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{DropdownMenuArrow as v,DropdownMenuContent as y,DropdownMenuPortal as b,DropdownMenuRoot as x,DropdownMenuTrigger as S,provideMenuUi as C}from"@soybeanjs/headless";const w=s({name:`SDropdownMenuWrapper`,__name:`dropdown-menu-wrapper`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},indicatorPosition:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(s,{emit:w}){let T=s,E=w,D=_(T,[`class`,`size`,`ui`,`disabled`,`placement`,`indicatorPosition`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),O=g(E),k=r(()=>({...T.contentProps,popupProps:T.popupProps??T.contentProps?.popupProps,placement:T.placement??T.contentProps?.placement,sideOffset:T.contentProps?.sideOffset??(T.showArrow?0:8)})),A=r(()=>e(n({size:T.size,indicatorPosition:T.indicatorPosition}),T.ui,{popup:T.class}));return C(A),t(A),(e,t)=>(d(),i(m(x),l(m(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:h(()=>[o(m(S),l(s.triggerProps,{"as-child":``,disabled:s.disabled}),{default:h(()=>[f(e.$slots,`trigger`)]),_:3},16,[`disabled`]),o(m(b),u(c(s.portalProps)),{default:h(()=>[o(m(y),l(k.value,{"popup-props":s.popupProps},p(m(O))),{default:h(()=>[f(e.$slots,`default`),s.showArrow?(d(),i(m(v),u(l({key:0},s.arrowProps)),null,16)):a(`v-if`,!0)]),_:3},16,[`popup-props`])]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts

@@ -1,6 +1,6 @@
 import { DropdownMenuWrapperProps } from "./types.js";
-import * as vue83 from "vue";
-import * as _soybeanjs_headless36 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts
 declare var __VLS_16: {}, __VLS_30: {};
@@ -9,28 +9,28 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue83.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue83.ComponentOptionsMixin, vue83.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless36.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless36.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless36.PointerDownOutsideEvent | _soybeanjs_headless36.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
   entryFocus: (event: Event) => any;
-}, string, vue83.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless36.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless36.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless36.PointerDownOutsideEvent | _soybeanjs_headless36.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;
-}, {}, {}, {}, string, vue83.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import e from"../menu/menu-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";var b=o({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`class`,`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};
+import e from"../menu/menu-options.js";import t from"./dropdown-menu-wrapper.js";import{computed as n,createBlock as r,createSlots as i,createVNode 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,usePickProps as y}from"@soybeanjs/headless/composables";const b=o({name:`SDropdownMenu`,__name:`dropdown-menu`,props:{class:{},size:{},ui:{},disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(o,{emit:b}){let x=o,S=b,C=h(),w=[`class`,`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`size`,`ui`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],T=y(x,[...w]),E=v(x,[...w]),D=_(S),O=n(()=>Object.keys(C).filter(e=>e!==`trigger`));return(n,h)=>(u(),r(t,c(m(T),p(m(D))),{trigger:g(()=>[f(n.$slots,`trigger`)]),default:g(()=>[a(e,c(m(E),{"portal-props":o.portalProps},p(m(D))),i({_:2},[d(O.value,e=>({name:e,fn:g(t=>[f(n.$slots,e,l(s(t)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{b as default};

package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts

@@ -1,18 +1,18 @@
 import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuProps } from "./types.js";
-import * as vue77 from "vue";
-import * as _soybeanjs_headless12 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue77.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
+  props: vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T, S> & {
     onSelect?: ((item: S, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless12.PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: _soybeanjs_headless12.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _soybeanjs_headless12.PointerDownOutsideEvent | _soybeanjs_headless12.FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
     onEntryFocus?: ((event: Event) => any) | undefined;
@@ -29,8 +29,8 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends Me
     'item-trigger': (props: MenuOptionData<T>) => any;
     'item-trigger-icon': (props: MenuOptionData<T>) => any;
   };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless12.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless12.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless12.PointerDownOutsideEvent | _soybeanjs_headless12.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
-}>) => vue77.VNode & {
+  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _soybeanjs_headless0.PointerDownOutsideEvent | _soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+}>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1 @@
+import e from"./dropdown-menu-wrapper.js";import t from"./dropdown-menu.js";import n from"./dropdown-menu-checkbox.js";import r from"./dropdown-menu-radio.js";

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormDescription as y,FormError as b,FormField as x,FormLabel as S,provideFormFieldUi as C}from"@soybeanjs/headless";import{vAutoAnimate as w}from"@formkit/auto-animate";var T=s({name:`SFormFieldBase`,__name:`form-field-base`,props:{class:{},size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},error:{},isFieldArray:{type:Boolean}},setup(s){let T=s,E=h(),D=v(T,[`class`,`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),O=n(`FormField`),k=r(()=>T.size??O.size.value),A=r(()=>e(t({size:k.value}),O.ui.value,T.ui,{field:T.isFieldArray?void 0:T.class,fieldArray:T.isFieldArray?T.class:void 0})),j=r(()=>({...O.labelProps.value,...T.labelProps})),M=r(()=>({...O.descriptionProps.value,...T.descriptionProps})),N=r(()=>({...O.errorProps.value,...T.errorProps}));return C(A),(e,t)=>_((d(),i(m(x),u(c(m(D))),{default:g(t=>[m(E).label||s.label?(d(),i(m(S),u(l({key:0},j.value)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0),f(e.$slots,`default`,u(c(t))),m(E).description||s.description?(d(),i(m(y),u(l({key:1},M.value)),{default:g(()=>[f(e.$slots,`description`,{},()=>[o(p(s.description),1)])]),_:3},16)):a(`v-if`,!0),s.error?(d(),i(m(b),u(l({key:2},N.value)),{default:g(()=>[o(p(s.error),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[m(w)]])}});export{T as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormDescription as y,FormError as b,FormField as x,FormLabel as S,provideFormFieldUi as C}from"@soybeanjs/headless";import{vAutoAnimate as w}from"@formkit/auto-animate";const T=s({name:`SFormFieldBase`,__name:`form-field-base`,props:{class:{},size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},error:{},isFieldArray:{type:Boolean}},setup(s){let T=s,E=h(),D=v(T,[`class`,`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),O=n(`FormField`),k=r(()=>T.size??O.size.value),A=r(()=>e(t({size:k.value}),O.ui.value,T.ui,{field:T.isFieldArray?void 0:T.class,fieldArray:T.isFieldArray?T.class:void 0})),j=r(()=>({...O.labelProps.value,...T.labelProps})),M=r(()=>({...O.descriptionProps.value,...T.descriptionProps})),N=r(()=>({...O.errorProps.value,...T.errorProps}));return C(A),(e,t)=>_((d(),i(m(x),u(c(m(D))),{default:g(t=>[m(E).label||s.label?(d(),i(m(S),u(l({key:0},j.value)),{default:g(()=>[f(e.$slots,`label`,{},()=>[o(p(s.label),1)])]),_:3},16)):a(`v-if`,!0),f(e.$slots,`default`,u(c(t))),m(E).description||s.description?(d(),i(m(y),u(l({key:1},M.value)),{default:g(()=>[f(e.$slots,`description`,{},()=>[o(p(s.description),1)])]),_:3},16)):a(`v-if`,!0),s.error?(d(),i(m(b),u(l({key:2},N.value)),{default:g(()=>[o(p(s.error),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[m(w)]])}});export{T as default};

package/dist/components/form/form.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{formVariants as t}from"../../variants/form.js";import{provideFormContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";import{transformPropsToContext as l}from"@soybeanjs/headless/shared";var u=a({name:`SForm`,__name:`form`,props:{class:{},size:{},ui:{},fieldProps:{},fieldArrayProps:{},labelProps:{},descriptionProps:{},errorProps:{}},setup(a){let u=a,d=r(()=>{let{form:n}=t({size:u.size});return e(n(),u.class)});return n(l(u)),(e,t)=>(s(),i(`form`,{class:o(d.value)},[c(e.$slots,`default`)],2))}});export{u as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{formVariants as t}from"../../variants/form.js";import{provideFormContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c}from"vue";import{transformPropsToContext as l}from"@soybeanjs/headless/shared";const u=a({name:`SForm`,__name:`form`,props:{class:{},size:{},ui:{},fieldProps:{},fieldArrayProps:{},labelProps:{},descriptionProps:{},errorProps:{}},setup(a){let u=a,d=r(()=>{let{form:n}=t({size:u.size});return e(n(),u.class)});return n(l(u)),(e,t)=>(s(),i(`form`,{class:o(d.value)},[c(e.$slots,`default`)],2))}});export{u as default};

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

@@ -1,12 +1,12 @@
 import { FormProps } from "./types.js";
-import * as vue218 from "vue";
+import * as vue from "vue";
 
 //#region src/components/form/form.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue218.DefineComponent<FormProps, {}, {}, {}, {}, vue218.ComponentOptionsMixin, vue218.ComponentOptionsMixin, {}, string, vue218.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue218.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<FormProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/form/index.js

@@ -0,0 +1 @@
+import e from"./form.js";import{useForm as t}from"./use-form.js";

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

@@ -1,6 +1,6 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as vue223 from "vue";
-import * as _soybeanjs_headless145 from "@soybeanjs/headless";
+import * as vue from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
 
 //#region src/components/form/use-form.d.ts
@@ -9,36 +9,36 @@ declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(o
   SFormFieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>>;
   handleSubmit: (event?: Event) => void;
   handleReset: (event?: Event) => void;
-  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless145.FormRegisterOptions<_soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue223.Ref<_soybeanjs_headless145.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless145.FormRegisterOptions<_soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue223.Ref<_soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: vue223.ComputedRef<boolean>;
+  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
+  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  dirty: vue.ComputedRef<boolean>;
   setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless145.FormRegisterOptions<_soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue223.Ref<_soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless145.FormRegisterOptions<_soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue223.Ref<_soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
   validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue223.WritableComputedRef<_soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue223.Ref<_soybeanjs_headless145.FormFieldMeta>;
+  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.WritableComputedRef<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>>;
+  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.Ref<_soybeanjs_headless0.FormFieldMeta>;
   getFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => string | undefined;
   getFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean | undefined;
   getFieldDirty: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean;
-  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue223.Ref<_soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless145.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>>;
+  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  setErrors: (errors: _soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>) => void;
+  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
   setFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, touched: boolean) => void;
   setFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, error: string | undefined) => void;
-  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless145.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
+  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _soybeanjs_headless145.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
+  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  resetForm: (nextState?: _soybeanjs_headless0.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
   values: InferStandardSchemaInput<S>;
-  touched: vue223.Ref<_soybeanjs_headless145.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless145.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: vue223.Ref<_soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless145.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: vue223.ShallowRef<number>;
-  isSubmitting: vue223.ShallowRef<boolean>;
-  isValidating: vue223.ShallowRef<boolean>;
+  touched: vue.Ref<_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>>;
+  errors: vue.Ref<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  submitCount: vue.ShallowRef<number>;
+  isSubmitting: vue.ShallowRef<boolean>;
+  isValidating: vue.ShallowRef<boolean>;
 };
 //#endregion
 export { useForm$1 as useForm };

package/dist/components/icon/icon.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,mergeProps as a,normalizeStyle as o,openBlock as s,resolveDynamicComponent as c,unref as l}from"vue";import{Icon as u}from"@iconify/vue";var d=i({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let d=i,f=e(),p=t(()=>{let{width:e,height:t}=d,n=f?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),m=t(()=>({...d,...p.value}));function h(e){return e?typeof e==`string`||typeof e==`object`&&`body`in e:!1}return(e,t)=>h(i.icon)?(s(),n(l(u),a({key:0},m.value,{icon:i.icon,style:{"flex-shrink":`0`}}),null,16,[`icon`])):i.icon?(s(),n(c(i.icon),{key:1,style:o([{"flex-shrink":`0`},{width:p.value.width,height:p.value.height}])},null,8,[`style`])):r(`v-if`,!0)}});export{d as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import"../config-provider/index.js";import{computed as t,createBlock as n,createCommentVNode as r,defineComponent as i,mergeProps as a,normalizeStyle as o,openBlock as s,resolveDynamicComponent as c,unref as l}from"vue";import{Icon as u}from"@iconify/vue";const d=i({name:`SIcon`,__name:`icon`,props:{icon:{},ssr:{type:Boolean},customise:{type:Function},id:{},style:{},title:{},mode:{},color:{},flip:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},rotate:{},hFlip:{type:Boolean},vFlip:{type:Boolean},width:{},height:{},inline:{type:Boolean},ariaHidden:{type:Boolean}},setup(i){let d=i,f=e(),p=t(()=>{let{width:e,height:t}=d,n=f?.iconify?.value||{};return{width:e||n.width,height:t||n.height}}),m=t(()=>({...d,...p.value}));function h(e){return e?typeof e==`string`||typeof e==`object`&&`body`in e:!1}let g=t(()=>{let e=f?.iconify?.value?.localPrefix;return!e||typeof d.icon!=`string`?null:`${e}:${d.icon}`}),_=t(()=>h(d.icon)?g.value||d.icon:``);return(e,t)=>h(i.icon)?(s(),n(l(u),a({key:0},m.value,{icon:_.value,style:{"flex-shrink":`0`}}),null,16,[`icon`])):i.icon?(s(),n(c(i.icon),{key:1,style:o([{"flex-shrink":`0`},{width:p.value.width,height:p.value.height}])},null,8,[`style`])):r(`v-if`,!0)}});export{d as default};

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

@@ -1,8 +1,8 @@
 import { IconProps } from "./types.js";
-import * as vue236 from "vue";
+import * as vue from "vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue236.DefineComponent<IconProps, {}, {}, {}, {}, vue236.ComponentOptionsMixin, vue236.ComponentOptionsMixin, {}, string, vue236.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue236.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue.DefineComponent<IconProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/dist/components/icon/index.js

@@ -0,0 +1 @@
+import e from"./icon.js";

package/dist/components/input/index.js

@@ -0,0 +1 @@
+import e from"./input.js";

package/dist/components/input/input.js

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

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

@@ -1,5 +1,5 @@
 import { InputProps } from "./types.js";
-import * as vue241 from "vue";
+import * as vue from "vue";
 
 //#region src/components/input/input.vue.d.ts
 declare var __VLS_10: {}, __VLS_24: {};
@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue241.DefineComponent<InputProps, {}, {}, {}, {}, vue241.ComponentOptionsMixin, vue241.ComponentOptionsMixin, {
+declare const __VLS_base: vue.DefineComponent<InputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue241.PublicProps, Readonly<InputProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<InputProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue241.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/kbd/index.js

@@ -0,0 +1 @@
+import e from"./kbd.js";

package/dist/components/kbd/kbd.js

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

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

@@ -1,10 +1,10 @@
 import { KbdProps } from "./types.js";
-import * as vue88 from "vue";
+import * as vue from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
-declare const __VLS_export: vue88.DefineComponent<KbdProps, {}, {}, {}, {}, vue88.ComponentOptionsMixin, vue88.ComponentOptionsMixin, {}, string, vue88.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
+declare const __VLS_export: vue.DefineComponent<KbdProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<KbdProps> & Readonly<{}>, {
   symbolize: boolean;
-}, {}, {}, {}, string, vue88.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };