@soybeanjs/ui 0.6.5 → 0.6.6

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

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

package/dist/components/dialog/context.js

@@ -1 +1 @@
-import{computed as e,shallowRef as t,watch as n}from"vue";import{useContext as r}from"@soybeanjs/headless/composables";import{useDebounceFn as i}from"@vueuse/core";const[a,o]=r(`UiDialogProvider`,()=>{let r=t([]),a=e(()=>r.value.map(e=>e.id)),o=t([]),s=i(()=>{o.value=r.value},500);n(r,(e,t)=>{e.length>t.length?o.value=r.value:s()});let c=e=>{r.value=[...r.value,e]},l=e=>{r.value=r.value.filter(t=>t.id!==e)},u=()=>{r.value=[]},d=0,f=e=>{let{showIcon:t=!0,onClose:n,...r}=e,i=d;return d++,{id:i,showIcon:t,onClose:e=>{e||(l(i),n?.())},...r}},p=e=>{c(f(e))},m=p;m.clear=u;for(let e of[`destructive`,`success`,`warning`,`info`])m[e]=t=>p({type:e,...t});return typeof window<`u`&&(window.__Soybean__useDialog=m),{useDialog:m,clear:u,ids:a,states:e(()=>o.value),remove:l}}),s=()=>{if(typeof window<`u`&&window.__Soybean__useDialog)return window.__Soybean__useDialog;let{useDialog:e}=o(`UiDialogConsumer`);return e};export{a as provideDialogProviderContext,s as useDialog};
+import{computed as e,shallowRef as t,watch as n}from"vue";import{useContext as r}from"@soybeanjs/headless/composables";import{useDebounceFn as i}from"@vueuse/core";const[a,o]=r(`UiDialogProvider`,()=>{let r=t([]),a=e(()=>r.value.map(e=>e.id)),o=t([]),s=i(()=>{o.value=r.value},500);n(r,(e,t)=>{e.length>t.length?o.value=r.value:s()});let c=e=>{r.value=[...r.value,e]},l=e=>{r.value=r.value.filter(t=>t.id!==e)},u=()=>{r.value=[]},d=0,f=e=>{let{showIcon:t=!0,onClose:n,...r}=e,i=d;return d++,{id:i,showIcon:t,onClose:e=>{e||(l(i),n?.())},...r}},p=e=>{c(f(e))},m=p;m.clear=u;for(let e of[`destructive`,`success`,`warning`,`info`])m[e]=t=>p({type:e,...t});return typeof window<`u`&&(window.__SoybeanUI_useDialog=m),{useDialog:m,clear:u,ids:a,states:e(()=>o.value),remove:l}}),s=()=>{if(typeof window<`u`&&window.__SoybeanUI_useDialog)return window.__SoybeanUI_useDialog;let{useDialog:e}=o(`UiDialogConsumer`);return e};export{a as provideDialogProviderContext,s as useDialog};

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

@@ -31,10 +31,10 @@ declare const __VLS_base: vue.DefineComponent<DialogPureProps, {}, {}, {}, {}, v
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -46,10 +46,10 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {}, {}, {}, {}, vue.C
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -46,10 +46,10 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {}, {}, {}, {}, vue.C
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+  closable: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/toast/context.js

@@ -1 +1 @@
-import{mergeUi as e}from"../../theme/shared.js";import"../../theme/index.js";import{useThemeSize as t}from"../config-provider/context.js";import{toastTypes as n}from"./shared.js";import{computed as r,nextTick as i,shallowRef as a,watch as o}from"vue";import{useContext as s}from"@soybeanjs/headless/composables";import{useDebounceFn as c}from"@vueuse/core";const[l,u]=s(`UiToastProvider`,s=>{let{ui:l,limits:u,removeDelay:d}=s,f=a(s.position.value),p=t(),m=a([]),h=r(()=>m.value.map(e=>e.id)),g=a([]),_=c(()=>{g.value=m.value},d.value);o(m,(e,t)=>{e.length>=t.length?g.value=m.value:_()});let v=e=>{m.value=[e,...m.value].slice(0,u.value)},y=e=>{m.value=m.value.filter(t=>t.id!==e)},b=()=>{m.value=[]},x=0,S=t=>{let{showIcon:n=!0,size:r=p.value,ui:i,onClose:a,...o}=t,s=x;return x++,{id:s,size:r,showIcon:n,ui:e(l.value,i),onClose:e=>{e||(y(s),a?.())},...o}},C=e=>{let t=S(e),n=e.position??s.position.value;f.value!==n&&(f.value=n,b()),i(()=>{v(t)})},w=C;w.clear=b;for(let e of n)w[e]=t=>C({type:e,...t});return typeof window<`u`&&(window.__Soybean__useToast=w),{useToast:w,clear:b,ids:h,states:r(()=>g.value),remove:y,position:f}}),d=()=>{if(typeof window<`u`&&window.__Soybean__useToast)return window.__Soybean__useToast;let{useToast:e}=u(`UiToastConsumer`);return e};export{l as provideToastProviderContext,d as useToast};
+import{mergeUi as e}from"../../theme/shared.js";import"../../theme/index.js";import{useThemeSize as t}from"../config-provider/context.js";import{toastTypes as n}from"./shared.js";import{computed as r,nextTick as i,shallowRef as a,watch as o}from"vue";import{useContext as s}from"@soybeanjs/headless/composables";import{useDebounceFn as c}from"@vueuse/core";const[l,u]=s(`UiToastProvider`,s=>{let{ui:l,limits:u,removeDelay:d}=s,f=a(s.position.value),p=t(),m=a([]),h=r(()=>m.value.map(e=>e.id)),g=a([]),_=c(()=>{g.value=m.value},d.value);o(m,(e,t)=>{e.length>=t.length?g.value=m.value:_()});let v=e=>{m.value=[e,...m.value].slice(0,u.value)},y=e=>{m.value=m.value.filter(t=>t.id!==e)},b=()=>{m.value=[]},x=0,S=t=>{let{showIcon:n=!0,size:r=p.value,ui:i,onClose:a,...o}=t,s=x;return x++,{id:s,size:r,showIcon:n,ui:e(l.value,i),onClose:e=>{e||(y(s),a?.())},...o}},C=e=>{let t=S(e),n=e.position??s.position.value;f.value!==n&&(f.value=n,b()),i(()=>{v(t)})},w=C;w.clear=b;for(let e of n)w[e]=t=>C({type:e,...t});return typeof window<`u`&&(window.__SoybeanUI_useToast=w),{useToast:w,clear:b,ids:h,states:r(()=>g.value),remove:y,position:f}}),d=()=>{if(typeof window<`u`&&window.__SoybeanUI_useToast)return window.__SoybeanUI_useToast;let{useToast:e}=u(`UiToastConsumer`);return e};export{l as provideToastProviderContext,d as useToast};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -54,7 +54,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.6.5"
+    "@soybeanjs/headless": "^0.6.6"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.5.0",