@soybeanjs/ui 0.0.2-beta.8 → 0.0.2

package/README.md

@@ -2,6 +2,35 @@
 
 SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.
 
+## Installation
+
+```bash
+pnpm add @soybeanjs/ui
+```
+
+## Usage
+
+- import styles
+
+```ts
+import '@soybeanjs/ui/styles.css';
+```
+
+- use with `unplugin-vue-components`
+
+```ts
+import Components from 'unplugin-vue-components/vite';
+import UiResolver from '@soybeanjs/ui/resolver';
+
+export default defineConfig({
+  plugins: [
+    Components({
+      resolvers: [UiResolver()]
+    })
+  ]
+});
+```
+
 ## Roadmap
 
 ### Components
@@ -47,13 +76,13 @@ SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled c
 | 33  | 1        | Popover         | ✅ Completed |                      |                          |
 | 34  | 1        | RadioGroup      | ✅ Completed |                      | ✨ support radio card    |
 | 35  | 1        | Segment         | ✅ Completed |                      |                          |
-| 36  | 1        | Select          | ✅ Completed |                      | support virtualized      |
+| 36  | 1        | Select          | ✅ Completed |                      |                          |
 | 37  | 1        | Separator       | ✅ Completed | Divider              |                          |
-| 38  | 1        | Switch          | ✅ Completed |                      | support switch card      |
+| 38  | 1        | Switch          | ✅ Completed |                      | ✨ support switch card   |
 | 39  | 1        | Tabs            | ✅ Completed |                      |                          |
 | 40  | 1        | Tag             | ✅ Completed | Badge(shadcn-ui)     |                          |
-| 41  | 1        | Textarea        | ✅ Completed |                      | support auto size        |
-| 42  | 1        | Toast           |              | Sonner               |                          |
+| 41  | 1        | Textarea        | ✅ Completed |                      | ✨ support auto size     |
+| 42  | 1        | Toast           | ✅ Completed | Sonner               | migrate from vue-sonner  |
 | 43  | 1        | Tooltip         | ✅ Completed |                      |                          |
 | 44  | 1        | Tree            | ✅ Completed |                      | ✨ support virtualized   |
 | 45  | 1        | TreeMenu        | ✅ Completed |                      |                          |
@@ -123,7 +152,7 @@ SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled c
 
 ### Utilities
 
-✅ 10 / total: 14
+✅ 12 / total: 13
 
 | No. | Priority | Name                | Status       | 📝 Note        |
 | --- | -------- | ------------------- | ------------ | -------------- |
@@ -136,8 +165,7 @@ SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled c
 | 7   | 1        | useDismissableLayer | ✅ Completed |                |
 | 8   | 1        | useFocusGuards      | ✅ Completed |                |
 | 9   | 1        | useFocusScope       | ✅ Completed |                |
-| 10  | 1        | useMessage          |              |                |
-| 11  | 1        | useModal            |              |                |
-| 12  | 1        | useNotification     |              |                |
-| 13  | 1        | usePresence         | ✅ Completed |                |
-| 14  | 2        | useLoadingBar       |              |                |
+| 10  | 1        | usePresence         | ✅ Completed |                |
+| 11  | 1        | useDialog           | ✅ Completed |                |
+| 12  | 1        | useToast            | ✅ Completed |                |
+| 13  | 2        | useLoadingBar       |              |                |

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

@@ -1,11 +1,11 @@
 import { AccordionOptionData, AccordionProps } from "./types.js";
-import * as vue246 from "vue";
+import * as vue10 from "vue";
 
 //#region src/components/accordion/accordion.vue.d.ts
 declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<AccordionProps<T, M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-  }> & vue246.PublicProps;
+  }> & vue10.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -39,7 +39,7 @@ declare const __VLS_export: <T extends AccordionOptionData = AccordionOptionData
     }) => any;
   };
   emit: (evt: "update:modelValue", value: M extends true ? string[] : string) => void;
-}>) => vue246.VNode & {
+}>) => vue10.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/alert/alert.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{alertVariants as n}from"../../variants/alert.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,unref as _,useSlots as v,withCtx as y}from"vue";import{AlertClose as b,AlertContent as x,AlertDescription as S,AlertRoot as C,AlertTitle as w,provideAlertThemeContext as T}from"@soybeanjs/headless";var E=l({name:`SAlert`,__name:`alert`,props:{size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(l,{emit:E}){let D=l,O=E,k=v(),A=i(()=>e(n({size:D.size,color:D.color,variant:D.variant}),D.ui));return T({ui:A}),(e,n)=>(m(),a(_(C),{open:l.open,"onUpdate:open":n[0]||=e=>O(`update:open`,e)},{default:y(()=>[h(e.$slots,`leading`,{},()=>[l.icon?(m(),a(t,{key:0,icon:l.icon,class:f(A.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0)]),c(_(x),p(u(l.contentProps)),{default:y(()=>[_(k).title||l.title?(m(),a(_(w),p(d({key:0},l.titleProps)),{default:y(()=>[h(e.$slots,`title`,{},()=>[s(g(l.title),1)])]),_:3},16)):o(`v-if`,!0),_(k).description||l.description?(m(),a(_(S),p(d({key:1},l.descriptionProps)),{default:y(()=>[h(e.$slots,`description`,{},()=>[s(g(l.description),1)])]),_:3},16)):o(`v-if`,!0),h(e.$slots,`default`)]),_:3},16),h(e.$slots,`trailing`),l.closable?(m(),a(_(b),d({key:0},l.closeProps,{"as-child":``}),{default:y(()=>[h(e.$slots,`close`,{},()=>[c(r,{icon:`lucide:x`,size:l.size},null,8,[`size`])])]),_:3},16)):o(`v-if`,!0)]),_:3},8,[`open`]))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../button/button-icon.js";import n from"../icon/icon.js";import{alertVariants as r}from"../../variants/alert.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,unref as _,useSlots as v,withCtx as y}from"vue";import{AlertClose as b,AlertContent as x,AlertDescription as S,AlertRoot as C,AlertTitle as w,provideAlertThemeContext as T}from"@soybeanjs/headless";var E=l({name:`SAlert`,__name:`alert`,props:{size:{},color:{},variant:{},ui:{},title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(l,{emit:E}){let D=l,O=E,k=v(),A=i(()=>e(r({size:D.size,color:D.color,variant:D.variant}),D.ui));return T({ui:A}),(e,r)=>(m(),a(_(C),{open:l.open,"onUpdate:open":r[0]||=e=>O(`update:open`,e)},{default:y(()=>[h(e.$slots,`leading`,{},()=>[l.icon?(m(),a(n,{key:0,icon:l.icon,class:f(A.value.icon)},null,8,[`icon`,`class`])):o(`v-if`,!0)]),c(_(x),p(u(l.contentProps)),{default:y(()=>[_(k).title||l.title?(m(),a(_(w),p(d({key:0},l.titleProps)),{default:y(()=>[h(e.$slots,`title`,{},()=>[s(g(l.title),1)])]),_:3},16)):o(`v-if`,!0),_(k).description||l.description?(m(),a(_(S),p(d({key:1},l.descriptionProps)),{default:y(()=>[h(e.$slots,`description`,{},()=>[s(g(l.description),1)])]),_:3},16)):o(`v-if`,!0),h(e.$slots,`default`)]),_:3},16),h(e.$slots,`trailing`),l.closable?(m(),a(_(b),d({key:0},l.closeProps,{"as-child":``}),{default:y(()=>[h(e.$slots,`close`,{},()=>[c(t,{icon:`lucide:x`,size:l.size},null,8,[`size`])])]),_:3},16)):o(`v-if`,!0)]),_:3},8,[`open`]))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { AlertProps } from "./types.js";
-import * as vue131 from "vue";
+import * as vue5 from "vue";
 
 //#region src/components/alert/alert.vue.d.ts
 declare var __VLS_10: {}, __VLS_26: {}, __VLS_33: {}, __VLS_35: {}, __VLS_37: {}, __VLS_44: {};
@@ -16,13 +16,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_44) => any;
 };
-declare const __VLS_base: vue131.DefineComponent<AlertProps, {}, {}, {}, {}, vue131.ComponentOptionsMixin, vue131.ComponentOptionsMixin, {
+declare const __VLS_base: vue5.DefineComponent<AlertProps, {}, {}, {}, {}, vue5.ComponentOptionsMixin, vue5.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue131.PublicProps, Readonly<AlertProps> & Readonly<{
+}, string, vue5.PublicProps, Readonly<AlertProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue131.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue5.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/alert-dialog/alert-dialog-action.js

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{DialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogAction`,__name:`alert-dialog-action`,props:{text:{default:`Confirm`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogAction`);return(e,f)=>(s(),n(u(p),{"as-child":``},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3}))}});export{m as default};
+import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{AlertDialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogAction`,__name:`alert-dialog-action`,props:{text:{default:`Confirm`},beforeClose:{},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogAction`);return(e,f)=>(s(),n(u(p),{"as-child":``,"before-close":a.beforeClose},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3},8,[`before-close`]))}});export{m as default};

package/dist/components/alert-dialog/alert-dialog-action.vue.d.ts

@@ -1,5 +1,5 @@
 import { AlertDialogActionProps } from "./types.js";
-import * as vue258 from "vue";
+import * as vue64 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-action.vue.d.ts
 declare var __VLS_7: {}, __VLS_13: {};
@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue258.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {}, string, vue258.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
+declare const __VLS_base: vue64.DefineComponent<AlertDialogActionProps, {}, {}, {}, {}, vue64.ComponentOptionsMixin, vue64.ComponentOptionsMixin, {}, string, vue64.PublicProps, Readonly<AlertDialogActionProps> & Readonly<{}>, {
   text: string;
-}, {}, {}, {}, string, vue258.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue64.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/alert-dialog/alert-dialog-cancel.js

@@ -1 +1 @@
-import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{AlertDialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogCancel`,__name:`alert-dialog-cancel`,props:{text:{default:`Cancel`},color:{},size:{},variant:{default:`plain`},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogCancel`);return(e,f)=>(s(),n(u(p),{"as-child":``},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3}))}});export{m as default};
+import{useSizeContext as e}from"../../theme/context.js";import t from"../button/button.js";import{createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{AlertDialogClose as p}from"@soybeanjs/headless";var m=a({name:`SAlertDialogCancel`,__name:`alert-dialog-cancel`,props:{text:{default:`Cancel`},beforeClose:{},color:{},size:{},variant:{default:`plain`},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=f(a,[`text`]),{size:h}=e(`AlertDialogCancel`);return(e,f)=>(s(),n(u(p),{"as-child":``,"before-close":a.beforeClose},{default:d(()=>[c(e.$slots,`content`,{},()=>[i(t,o(u(m),{size:u(h)}),{default:d(()=>[c(e.$slots,`default`,{},()=>[r(l(a.text),1)])]),_:3},16,[`size`])])]),_:3},8,[`before-close`]))}});export{m as default};

package/dist/components/alert-dialog/alert-dialog-cancel.vue.d.ts

@@ -1,7 +1,7 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { AlertDialogCancelProps } from "./types.js";
 import "../button/index.js";
-import * as vue253 from "vue";
+import * as vue69 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog-cancel.vue.d.ts
 declare var __VLS_7: {}, __VLS_13: {};
@@ -10,10 +10,10 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: vue253.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {}, string, vue253.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
+declare const __VLS_base: vue69.DefineComponent<AlertDialogCancelProps, {}, {}, {}, {}, vue69.ComponentOptionsMixin, vue69.ComponentOptionsMixin, {}, string, vue69.PublicProps, Readonly<AlertDialogCancelProps> & Readonly<{}>, {
   text: string;
   variant: ButtonVariant;
-}, {}, {}, {}, string, vue253.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue69.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/alert-dialog/alert-dialog.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{provideSizeContext as t}from"../../theme/context.js";import n from"../icon/icon.js";import{dialogVariants as r}from"../../variants/dialog.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{AlertDialogContent as C,AlertDialogDescription as w,AlertDialogFooter as T,AlertDialogHeader as E,AlertDialogOverlay as D,AlertDialogPortal as O,AlertDialogRoot as k,AlertDialogTitle as A,AlertDialogTrigger as j,provideDialogThemeContext as M}from"@soybeanjs/headless";var N=l({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(l,{emit:N}){let P=l,F=S(P,[`size`,`ui`,`type`,`title`,`description`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),I=N,L=y(),R=x(I),z=i(()=>e(r({size:P.size}),P.ui)),B={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},V=i(()=>P.type?B[P.type]:null);return M({ui:z}),t(()=>P.size),(e,t)=>(m(),a(v(k),d(v(F),{"onUpdate:open":t[0]||=e=>I(`update:open`,e)}),{default:b(t=>[c(v(j),d(l.triggerProps,{size:l.size}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(O),p(u(l.portalProps)),{default:b(()=>[c(v(D),p(u(l.overlayProps)),null,16),c(v(C),d(l.contentProps,_(v(R))),{default:b(()=>[c(v(E),p(u(l.headerProps)),{default:b(()=>[c(v(A),p(u(l.titleProps)),{default:b(()=>[V.value?(m(),a(n,{key:0,icon:V.value.icon,class:f(V.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(L).description||l.description?(m(),a(v(w),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)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(L).footer?(m(),a(v(T),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{N as default};
+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"../icon/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{AlertDialogContent as C,AlertDialogDescription as w,AlertDialogFooter as T,AlertDialogHeader as E,AlertDialogOverlay as D,AlertDialogPortal as O,AlertDialogRoot as k,AlertDialogTitle as A,AlertDialogTrigger as j,provideDialogThemeContext as M}from"@soybeanjs/headless";var N=l({name:`SAlertDialog`,__name:`alert-dialog`,props:{type:{},showIcon:{type:Boolean,default:!0},size:{},ui:{},title:{},description:{},triggerProps:{},contentProps:{},headerProps:{},footerProps:{},titleProps:{},descriptionProps:{},overlayProps:{},portalProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:[`update:open`],setup(l,{emit:N}){let P=l,F=S(P,[`size`,`ui`,`type`,`title`,`description`,`triggerProps`,`contentProps`,`headerProps`,`footerProps`,`titleProps`,`descriptionProps`,`overlayProps`,`portalProps`]),I=N,L=y(),R=x(I),z=i(()=>e(n({size:P.size}),P.ui)),B={destructive:{icon:`lucide:circle-x`,class:`text-destructive`},success:{icon:`lucide:circle-check`,class:`text-success`},warning:{icon:`lucide:circle-alert`,class:`text-warning`},info:{icon:`lucide:info`,class:`text-info`}},V=i(()=>P.type?B[P.type]:null);return M({ui:z}),t(()=>P.size),(e,t)=>(m(),a(v(k),d(v(F),{"onUpdate:open":t[0]||=e=>I(`update:open`,e)}),{default:b(t=>[c(v(j),d(l.triggerProps,{size:l.size}),{default:b(()=>[h(e.$slots,`trigger`)]),_:3},16,[`size`]),c(v(O),p(u(l.portalProps)),{default:b(()=>[c(v(D),p(u(l.overlayProps)),null,16),c(v(C),d(l.contentProps,_(v(R))),{default:b(()=>[c(v(E),p(u(l.headerProps)),{default:b(()=>[c(v(A),p(u(l.titleProps)),{default:b(()=>[l.showIcon&&V.value?(m(),a(r,{key:0,icon:V.value.icon,class:f(V.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),h(e.$slots,`title`,p(u(t)),()=>[s(g(l.title),1)])]),_:2},1040),v(L).description||l.description?(m(),a(v(w),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)]),_:2},1040),h(e.$slots,`default`,p(u(t))),v(L).footer?(m(),a(v(T),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{N as default};

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

@@ -1,5 +1,5 @@
 import { AlertDialogProps } from "./types.js";
-import * as vue248 from "vue";
+import * as vue59 from "vue";
 
 //#region src/components/alert-dialog/alert-dialog.vue.d.ts
 declare var __VLS_15: {}, __VLS_46: {
@@ -26,14 +26,15 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_62) => any;
 };
-declare const __VLS_base: vue248.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue248.ComponentOptionsMixin, vue248.ComponentOptionsMixin, {
+declare const __VLS_base: vue59.DefineComponent<AlertDialogProps, {}, {}, {}, {}, vue59.ComponentOptionsMixin, vue59.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue248.PublicProps, Readonly<AlertDialogProps> & Readonly<{
+}, string, vue59.PublicProps, Readonly<AlertDialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
-}, {}, {}, {}, string, vue248.ComponentProvideOptions, false, {}, any>;
+  showIcon: boolean;
+}, {}, {}, {}, string, vue59.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/alert-dialog/types.d.ts

@@ -2,12 +2,13 @@ import { ThemeColor } from "../../theme/types.js";
 import "../../theme/index.js";
 import { DialogProps } from "../dialog/types.js";
 import { ButtonProps as ButtonProps$1 } from "../button/types.js";
-import { AlertDialogRootEmits } from "@soybeanjs/headless";
+import { AlertDialogRootEmits, MaybePromise } from "@soybeanjs/headless";
 
 //#region src/components/alert-dialog/types.d.ts
 type AlertDialogType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
 interface AlertDialogProps extends Omit<DialogProps, 'modal' | 'closable'> {
   type?: AlertDialogType;
+  showIcon?: boolean;
 }
 type AlertDialogEmits = AlertDialogRootEmits;
 interface AlertDialogCancelProps extends ButtonProps$1 {
@@ -17,6 +18,11 @@ interface AlertDialogCancelProps extends ButtonProps$1 {
    * @defaultValue 'Cancel'
    */
   text?: string;
+  /**
+   * Called before the dialog is closed. Can be used to prevent the dialog from closing.
+   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
+   */
+  beforeClose?: () => MaybePromise<boolean | void>;
 }
 interface AlertDialogActionProps extends ButtonProps$1 {
   /**
@@ -25,6 +31,11 @@ interface AlertDialogActionProps extends ButtonProps$1 {
    * @defaultValue 'Confirm'
    */
   text?: string;
+  /**
+   * Called before the dialog is closed. Can be used to prevent the dialog from closing.
+   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
+   */
+  beforeClose?: () => MaybePromise<boolean | void>;
 }
 //#endregion
 export { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogEmits, AlertDialogProps, AlertDialogType };

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

@@ -1,6 +1,6 @@
 import { AvatarProps } from "./types.js";
-import * as vue126 from "vue";
-import * as _soybeanjs_headless46 from "@soybeanjs/headless";
+import * as vue29 from "vue";
+import * as _soybeanjs_headless2 from "@soybeanjs/headless";
 
 //#region src/components/avatar/avatar.vue.d.ts
 declare var __VLS_7: {}, __VLS_9: {}, __VLS_24: {};
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   fallback?: (props: typeof __VLS_24) => any;
 };
-declare const __VLS_base: vue126.DefineComponent<AvatarProps, {}, {}, {}, {}, vue126.ComponentOptionsMixin, vue126.ComponentOptionsMixin, {
-  loadingStatusChange: (status: _soybeanjs_headless46.ImageLoadingStatus) => any;
-}, string, vue126.PublicProps, Readonly<AvatarProps> & Readonly<{
-  onLoadingStatusChange?: ((status: _soybeanjs_headless46.ImageLoadingStatus) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue126.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue29.DefineComponent<AvatarProps, {}, {}, {}, {}, vue29.ComponentOptionsMixin, vue29.ComponentOptionsMixin, {
+  loadingStatusChange: (status: _soybeanjs_headless2.ImageLoadingStatus) => any;
+}, string, vue29.PublicProps, Readonly<AvatarProps> & Readonly<{
+  onLoadingStatusChange?: ((status: _soybeanjs_headless2.ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue29.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/badge/badge.vue.d.ts

@@ -1,5 +1,5 @@
 import { BadgeProps } from "./types.js";
-import * as vue45 from "vue";
+import * as vue24 from "vue";
 
 //#region src/components/badge/badge.vue.d.ts
 declare var __VLS_10: {}, __VLS_17: {};
@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
 } & {
   content?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_base: vue45.DefineComponent<BadgeProps, {}, {}, {}, {}, vue45.ComponentOptionsMixin, vue45.ComponentOptionsMixin, {
+declare const __VLS_base: vue24.DefineComponent<BadgeProps, {}, {}, {}, {}, vue24.ComponentOptionsMixin, vue24.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue45.PublicProps, Readonly<BadgeProps> & Readonly<{
+}, string, vue24.PublicProps, Readonly<BadgeProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue45.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue24.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/breadcrumb/breadcrumb.vue.d.ts

@@ -1,11 +1,11 @@
 import { BreadcrumbEmits, BreadcrumbOptionData, BreadcrumbProps } from "./types.js";
-import * as vue263 from "vue";
+import * as vue17 from "vue";
 
 //#region src/components/breadcrumb/breadcrumb.vue.d.ts
 declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<BreadcrumbProps<T> & {
     onClick?: ((item: T) => any) | undefined;
-  }> & vue263.PublicProps;
+  }> & vue17.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -40,7 +40,7 @@ declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionDa
     separator?: (props: {}) => any;
   };
   emit: BreadcrumbEmits<T>;
-}>) => vue263.VNode & {
+}>) => vue17.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/button/button-group.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{buttonGroupVariants as t}from"../../variants/button.js";import{provideButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Primitive as f}from"@soybeanjs/headless";import{transformPropsToContext as p}from"@soybeanjs/headless/shared";var m=a({name:`SButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=a,h=d(m,[`orientation`,`color`,`size`,`variant`,`shape`,`shadow`,`disabled`]),g=e(`ButtonGroup`),_=r(()=>t({orientation:m.orientation})),v=r(()=>m.dir??g.dir.value);return n(p(m,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`disabled`])),(e,t)=>(s(),i(l(f),o(l(h),{class:_.value,dir:v.value}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{m as default};
+import{buttonGroupVariants as e}from"../../variants/button.js";import{provideButtonGroupContext as t}from"./context.js";import{useConfigProvider as n}from"../config-provider/context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Primitive as f}from"@soybeanjs/headless";import{transformPropsToContext as p}from"@soybeanjs/headless/shared";var m=a({name:`SButtonGroup`,__name:`button-group`,props:{orientation:{default:`horizontal`},dir:{default:`ltr`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let m=a,h=d(m,[`orientation`,`color`,`size`,`variant`,`shape`,`shadow`,`disabled`]),g=n(`ButtonGroup`),_=r(()=>e({orientation:m.orientation})),v=r(()=>m.dir??g.dir.value);return t(p(m,[`color`,`size`,`variant`,`shape`,`shadow`,`fitContent`,`disabled`])),(e,t)=>(s(),i(l(f),o(l(h),{class:_.value,dir:v.value}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{m as default};

package/dist/components/button/button-group.vue.d.ts

@@ -1,16 +1,16 @@
 import { ButtonGroupProps } from "./types.js";
-import * as vue70 from "vue";
-import * as _soybeanjs_headless13 from "@soybeanjs/headless";
+import * as vue54 from "vue";
+import * as _soybeanjs_headless4 from "@soybeanjs/headless";
 
 //#region src/components/button/button-group.vue.d.ts
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: vue70.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue70.ComponentOptionsMixin, vue70.ComponentOptionsMixin, {}, string, vue70.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  dir: _soybeanjs_headless13.Direction;
-  orientation: _soybeanjs_headless13.DataOrientation;
-}, {}, {}, {}, string, vue70.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue54.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue54.ComponentOptionsMixin, vue54.ComponentOptionsMixin, {}, string, vue54.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+  dir: _soybeanjs_headless4.Direction;
+  orientation: _soybeanjs_headless4.DataOrientation;
+}, {}, {}, {}, string, vue54.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/button/button-icon.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./button.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";var f=i({name:`SButtonIcon`,__name:`button-icon`,props:{icon:{},iconProps:{},color:{default:`accent`},size:{},variant:{default:`ghost`},shape:{default:`square`},shadow:{},fitContent:{type:Boolean,default:!0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let f=d(i,[`icon`,`iconProps`]);return(d,p)=>(c(),n(t,s(a(l(f))),{default:u(()=>[r(e,o({icon:i.icon},i.iconProps),null,16,[`icon`])]),_:1},16))}});export{f as default};
+import e from"./button.js";import t from"../icon/icon.js";import{createBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";var f=i({name:`SButtonIcon`,__name:`button-icon`,props:{icon:{},iconProps:{},color:{default:`accent`},size:{},variant:{default:`ghost`},shape:{default:`square`},shadow:{},fitContent:{type:Boolean,default:!0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let f=d(i,[`icon`,`iconProps`]);return(d,p)=>(c(),n(e,s(a(l(f))),{default:u(()=>[r(t,o({icon:i.icon},i.iconProps),null,16,[`icon`])]),_:1},16))}});export{f as default};

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

@@ -2,15 +2,15 @@ import { ThemeColor } from "../../theme/types.js";
 import { ButtonShape, ButtonVariant } from "../../variants/button.js";
 import { ButtonIconProps } from "./types.js";
 import "../../index.js";
-import * as vue50 from "vue";
+import * as vue44 from "vue";
 
 //#region src/components/button/button-icon.vue.d.ts
-declare const __VLS_export: vue50.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue50.ComponentOptionsMixin, vue50.ComponentOptionsMixin, {}, string, vue50.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
+declare const __VLS_export: vue44.DefineComponent<ButtonIconProps, {}, {}, {}, {}, vue44.ComponentOptionsMixin, vue44.ComponentOptionsMixin, {}, string, vue44.PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
   variant: ButtonVariant;
   shape: ButtonShape;
   fitContent: boolean;
-}, {}, {}, {}, string, vue50.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue44.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,22 +1,22 @@
 import { ButtonVariant } from "../../variants/button.js";
 import { ButtonLinkProps } from "./types.js";
-import * as vue65 from "vue";
+import * as vue49 from "vue";
 
 //#region src/components/button/button-link.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue65.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue65.ComponentOptionsMixin, vue65.ComponentOptionsMixin, {}, string, vue65.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  disabled: boolean;
+declare const __VLS_base: vue49.DefineComponent<ButtonLinkProps, {}, {}, {}, {}, vue49.ComponentOptionsMixin, vue49.ComponentOptionsMixin, {}, string, vue49.PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
   replace: boolean;
+  disabled: boolean;
   variant: ButtonVariant;
   viewTransition: boolean;
   external: boolean;
   noRel: boolean;
   prefetch: boolean;
   noPrefetch: boolean;
-}, {}, {}, {}, string, vue65.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue49.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/button/button-loading.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"./button.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,ref as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,watchEffect as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";const y={key:0,style:{display:`contents`}},b={style:{position:`absolute`,inset:`0`,"justify-content":`center`,"align-items":`center`,display:`flex`,gap:`0.25rem`,"z-index":`1`}},x={key:0},S={style:{visibility:`hidden`,display:`contents`}};var C=c({name:`SButtonLoading`,inheritAttrs:!1,__name:`button-loading`,props:{loading:{type:Boolean},loadingText:{},loadingDuration:{},autoLoading:{type:Boolean},loadingIcon:{default:`svg-spinners:270-ring`},loadingIconProps:{},loadingPosition:{default:`start`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let C=c,w=h(),T=d(!1),E=n(()=>C.disabled||T.value),D=async e=>{C.autoLoading&&(T.value=!0);try{(Array.isArray(w.onClick)?w.onClick:[w.onClick]).forEach(t=>t?.(e))}finally{C.autoLoading&&(C.loadingDuration&&await new Promise(e=>{setTimeout(e,C.loadingDuration)}),T.value=!1)}},O=v(C,[`loading`,`loadingText`,`loadingDuration`,`autoLoading`,`loadingIcon`,`loadingIconProps`,`loadingPosition`],w,{onClick:D});return g(()=>{T.value=C.loading}),(n,d)=>(u(),r(t,l(m(O),{disabled:E.value,style:{position:`relative`},onClick:D}),{leading:_(()=>[T.value&&c.loadingPosition===`start`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`leading`,{key:1})]),trailing:_(()=>[T.value&&c.loadingPosition===`end`?(u(),r(e,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`trailing`,{key:1})]),default:_(()=>[T.value&&c.loadingPosition===`center`?(u(),a(`span`,y,[o(`span`,b,[s(e,l({icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`]),c.loadingText?(u(),a(`span`,x,p(c.loadingText),1)):i(`v-if`,!0)]),o(`span`,S,[f(n.$slots,`default`,{loading:T.value})])])):f(n.$slots,`default`,{key:1,loading:T.value})]),_:3},16,[`disabled`]))}});export{C as default};
+import e from"./button.js";import t from"../icon/icon.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,ref as d,renderSlot as f,toDisplayString as p,unref as m,useAttrs as h,watchEffect as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";const y={key:0,style:{display:`contents`}},b={style:{position:`absolute`,inset:`0`,"justify-content":`center`,"align-items":`center`,display:`flex`,gap:`0.25rem`,"z-index":`1`}},x={key:0},S={style:{visibility:`hidden`,display:`contents`}};var C=c({name:`SButtonLoading`,inheritAttrs:!1,__name:`button-loading`,props:{loading:{type:Boolean},loadingText:{},loadingDuration:{},autoLoading:{type:Boolean},loadingIcon:{default:`svg-spinners:270-ring`},loadingIconProps:{},loadingPosition:{default:`start`},color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let C=c,w=h(),T=d(!1),E=n(()=>C.disabled||T.value),D=async e=>{C.autoLoading&&(T.value=!0);try{(Array.isArray(w.onClick)?w.onClick:[w.onClick]).forEach(t=>t?.(e))}finally{C.autoLoading&&(C.loadingDuration&&await new Promise(e=>{setTimeout(e,C.loadingDuration)}),T.value=!1)}},O=v(C,[`loading`,`loadingText`,`loadingDuration`,`autoLoading`,`loadingIcon`,`loadingIconProps`,`loadingPosition`],w,{onClick:D});return g(()=>{T.value=C.loading}),(n,d)=>(u(),r(e,l(m(O),{disabled:E.value,style:{position:`relative`},onClick:D}),{leading:_(()=>[T.value&&c.loadingPosition===`start`?(u(),r(t,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`leading`,{key:1})]),trailing:_(()=>[T.value&&c.loadingPosition===`end`?(u(),r(t,l({key:0,icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`])):f(n.$slots,`trailing`,{key:1})]),default:_(()=>[T.value&&c.loadingPosition===`center`?(u(),a(`span`,y,[o(`span`,b,[s(t,l({icon:c.loadingIcon},c.loadingIconProps),null,16,[`icon`]),c.loadingText?(u(),a(`span`,x,p(c.loadingText),1)):i(`v-if`,!0)]),o(`span`,S,[f(n.$slots,`default`,{loading:T.value})])])):f(n.$slots,`default`,{key:1,loading:T.value})]),_:3},16,[`disabled`]))}});export{C as default};

package/dist/components/button/button-loading.vue.d.ts

@@ -1,5 +1,5 @@
 import { ButtonLoadingProps } from "./types.js";
-import * as vue60 from "vue";
+import * as vue39 from "vue";
 import { Align } from "@soybeanjs/headless";
 
 //#region src/components/button/button-loading.vue.d.ts
@@ -17,10 +17,10 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue60.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue60.ComponentOptionsMixin, vue60.ComponentOptionsMixin, {}, string, vue60.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
+declare const __VLS_base: vue39.DefineComponent<ButtonLoadingProps, {}, {}, {}, {}, vue39.ComponentOptionsMixin, vue39.ComponentOptionsMixin, {}, string, vue39.PublicProps, Readonly<ButtonLoadingProps> & Readonly<{}>, {
   loadingIcon: string;
   loadingPosition: Align;
-}, {}, {}, {}, string, vue60.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue39.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/button/button.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import{buttonVariants as t}from"../../variants/button.js";import{useButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Button as f}from"@soybeanjs/headless";var p=a({name:`SButton`,__name:`button`,props:{color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:p}){let m=a,h=p,g=n(),_=d(m,[`size`,`color`,`variant`,`shape`,`shadow`,`disabled`]),v=r(()=>{let{size:n,color:r,variant:i,shape:a,shadow:o,fitContent:s}=g||{};return e(t({size:m.size||n?.value,color:m.color||r?.value,variant:m.variant||i?.value,shape:m.shape||a?.value,shadow:m.shadow||o?.value,fitContent:m.fitContent||s?.value}),m.class)}),y=r(()=>m.disabled||g?.disabled.value);return(e,t)=>(s(),i(l(f),o(l(_),{class:v.value,disabled:y.value,onClick:t[0]||=e=>h(`click`,e)}),{default:u(()=>[c(e.$slots,`leading`),c(e.$slots,`default`),c(e.$slots,`trailing`)]),_:3},16,[`class`,`disabled`]))}});export{p as default};
+import{cn as e}from"../../theme/merge.js";import{buttonVariants as t}from"../../variants/button.js";import{useButtonGroupContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps 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{Button as f}from"@soybeanjs/headless";var p=a({name:`SButton`,__name:`button`,props:{color:{},size:{},variant:{},shape:{},shadow:{},fitContent:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:p}){let m=a,h=p,g=n(),_=d(m,[`size`,`color`,`variant`,`shape`,`shadow`,`disabled`,`fitContent`]),v=r(()=>{let{size:n,color:r,variant:i,shape:a,shadow:o,fitContent:s}=g||{};return e(t({size:m.size||n?.value,color:m.color||r?.value,variant:m.variant||i?.value,shape:m.shape||a?.value,shadow:m.shadow||o?.value,fitContent:m.fitContent||s?.value}),m.class)}),y=r(()=>m.disabled||g?.disabled.value);return(e,t)=>(s(),i(l(f),o(l(_),{class:v.value,disabled:y.value,onClick:t[0]||=e=>h(`click`,e)}),{default:u(()=>[c(e.$slots,`leading`),c(e.$slots,`default`),c(e.$slots,`trailing`)]),_:3},16,[`class`,`disabled`]))}});export{p as default};

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

@@ -1,5 +1,5 @@
 import { ButtonProps } from "./types.js";
-import * as vue55 from "vue";
+import * as vue34 from "vue";
 
 //#region src/components/button/button.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
@@ -10,11 +10,11 @@ type __VLS_Slots = {} & {
 } & {
   trailing?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue55.DefineComponent<ButtonProps, {}, {}, {}, {}, vue55.ComponentOptionsMixin, vue55.ComponentOptionsMixin, {
+declare const __VLS_base: vue34.DefineComponent<ButtonProps, {}, {}, {}, {}, vue34.ComponentOptionsMixin, vue34.ComponentOptionsMixin, {
   click: (event: MouseEvent) => any;
-}, string, vue55.PublicProps, Readonly<ButtonProps> & Readonly<{
+}, string, vue34.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue55.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue34.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/card/card.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{cardVariants as t}from"../../variants/card.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode 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}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardThemeContext as T}from"@soybeanjs/headless";var E=s({name:`SCard`,__name:`card`,props:{size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},flexHeight:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{}},setup(s){let E=s,D=_(E,[`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T({ui:n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui))}),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{cardVariants as t}from"../../variants/card.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode 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}from"vue";import{useOmitProps as _}from"@soybeanjs/headless/composables";import{CardContent as v,CardDescription as y,CardFooter as b,CardHeader as x,CardRoot as S,CardTitle as C,CardTitleRoot as w,provideCardThemeContext as T}from"@soybeanjs/headless";var E=s({name:`SCard`,__name:`card`,props:{size:{},ui:{},title:{},description:{},scrollable:{type:Boolean,default:!0},split:{type:Boolean},headerProps:{},contentProps:{},footerProps:{},titleRootProps:{},titleProps:{},descriptionProps:{}},setup(s){let E=s,D=_(E,[`size`,`ui`,`title`,`description`,`scrollable`,`split`,`headerProps`,`contentProps`,`footerProps`,`titleRootProps`,`titleProps`,`descriptionProps`]),O=h(),k=n(()=>!!(O.header||O.title||O.description||O.extra||E.title||E.description));return T({ui:n(()=>e(t({size:E.size,scrollable:E.scrollable,split:E.split}),E.ui))}),(e,t)=>(d(),r(m(S),u(c(m(D))),{default:g(()=>[k.value?(d(),r(m(x),u(l({key:0},E.headerProps)),{default:g(()=>[o(m(w),u(c(E.titleRootProps)),{default:g(()=>[f(e.$slots,`title-leading`),o(m(C),u(c(E.titleProps)),{default:g(()=>[f(e.$slots,`title`,{},()=>[a(p(s.title),1)])]),_:3},16),f(e.$slots,`title-trailing`)]),_:3},16),f(e.$slots,`extra`),O.description||s.description?(d(),r(m(y),u(l({key:0},E.descriptionProps)),{default:g(()=>[f(e.$slots,`description`,{},()=>[a(p(s.description),1)])]),_:3},16)):i(`v-if`,!0)]),_:3},16)):i(`v-if`,!0),o(m(v),u(c(E.contentProps)),{default:g(()=>[f(e.$slots,`default`)]),_:3},16),O.footer?(d(),r(m(b),u(l({key:1},E.footerProps)),{default:g(()=>[f(e.$slots,`footer`)]),_:3},16)):i(`v-if`,!0)]),_:3},16))}});export{E as default};

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./types.js";
-import * as vue0 from "vue";
+import * as vue12 from "vue";
 
 //#region src/components/card/card.vue.d.ts
 type Slots = {
@@ -14,9 +14,9 @@ type Slots = {
   description: () => any;
 };
 type __VLS_Slots = Slots;
-declare const __VLS_base: vue0.DefineComponent<CardProps, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<CardProps> & Readonly<{}>, {
+declare const __VLS_base: vue12.DefineComponent<CardProps, {}, {}, {}, {}, vue12.ComponentOptionsMixin, vue12.ComponentOptionsMixin, {}, string, vue12.PublicProps, Readonly<CardProps> & Readonly<{}>, {
   scrollable: boolean;
-}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue12.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/card/types.d.ts

@@ -20,12 +20,6 @@ interface CardProps extends CardRootProps {
    * @default false
    */
   split?: boolean;
-  /**
-   * If true, the content will be flex-grow and overflow-hidden
-   *
-   * @default false
-   */
-  flexHeight?: boolean;
   headerProps?: CardHeaderProps;
   contentProps?: CardContentProps;
   footerProps?: CardFooterProps;

package/dist/components/checkbox/checkbox-card-group.vue.d.ts

@@ -1,17 +1,17 @@
 import { CheckboxCardGroupOptionData, CheckboxCardGroupProps } from "./types.js";
-import * as vue28 from "vue";
+import * as vue86 from "vue";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card-group.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends CheckboxCardGroupOptionData<T> = CheckboxCardGroupOptionData<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<CheckboxCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & vue28.PublicProps;
+  }> & vue86.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue28.VNode & {
+}>) => vue86.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-card.vue.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxCardProps } from "./types.js";
-import * as vue30 from "vue";
-import * as _soybeanjs_headless10 from "@soybeanjs/headless";
+import * as vue81 from "vue";
+import * as _soybeanjs_headless13 from "@soybeanjs/headless";
 
 //#region src/components/checkbox/checkbox-card.vue.d.ts
 declare var __VLS_19: {
@@ -11,13 +11,13 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: vue30.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue30.ComponentOptionsMixin, vue30.ComponentOptionsMixin, {
-  "update:modelValue": (value: _soybeanjs_headless10.CheckedState | null) => any;
-}, string, vue30.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: _soybeanjs_headless10.CheckedState | null) => any) | undefined;
+declare const __VLS_base: vue81.DefineComponent<CheckboxCardProps, {}, {}, {}, {}, vue81.ComponentOptionsMixin, vue81.ComponentOptionsMixin, {
+  "update:modelValue": (value: _soybeanjs_headless13.CheckedState | null) => any;
+}, string, vue81.PublicProps, Readonly<CheckboxCardProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: _soybeanjs_headless13.CheckedState | null) => any) | undefined;
 }>, {
-  modelValue: _soybeanjs_headless10.CheckedState | null;
-}, {}, {}, {}, string, vue30.ComponentProvideOptions, false, {}, any>;
+  modelValue: _soybeanjs_headless13.CheckedState | null;
+}, {}, {}, {}, string, vue81.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 & {