@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

package/dist/theme/config.js

@@ -1 +1 @@
-const e={xs:12,sm:14,md:16,lg:18,xl:20,"2xl":24},t=Object.fromEntries(Object.entries(e).map(([t,n])=>[t,n/e.md]));export{e as themeSizeMap,t as themeSizeRatio};
+const e={xs:12,sm:14,md:16,lg:18,xl:20,"2xl":24},t={xs:`xs`,sm:`xs`,md:`sm`,lg:`md`,xl:`lg`,"2xl":`xl`},n=Object.fromEntries(Object.entries(e).map(([t,n])=>[t,n/e.md]));export{t as miniSizeMap,e as themeSizeMap,n as themeSizeRatio};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.13.8",
+  "version": "0.15.0-beta.1",
   "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": {
@@ -46,46 +46,49 @@
   "dependencies": {
     "@formkit/auto-animate": "^0.9.0",
     "@iconify/vue": "^5.0.0",
-    "@soybeanjs/colord": "^0.4.2",
+    "@soybeanjs/colord": "^0.5.0",
     "@soybeanjs/hooks": "^0.1.0",
     "@soybeanjs/shadcn-theme": "^0.3.1",
+    "@soybeanjs/utils": "^0.1.0",
+    "@vueuse/core": "^14.2.1",
     "clsx": "^2.1.1",
-    "fuse.js": "^7.1.0",
+    "fuse.js": "^7.3.0",
     "tailwind-merge": "^3.5.0",
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.3.1",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.13.8"
+    "@soybeanjs/headless": "^0.15.0-beta.1"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.1",
     "@soybeanjs/eslint-config-vue": "^0.0.2",
     "@soybeanjs/unocss-preset": "^0.2.0",
     "@soybeanjs/unocss-shadcn": "^0.3.4",
-    "@types/node": "^25.5.0",
-    "@unocss/cli": "^66.6.7",
-    "@vitest/coverage-v8": "^4.1.1",
+    "@types/node": "^25.6.0",
+    "@unocss/cli": "^66.6.8",
+    "@vitest/coverage-v8": "^4.1.4",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^10.1.0",
-    "happy-dom": "^20.8.4",
+    "axe-core": "^4.11.3",
+    "eslint": "^10.2.1",
+    "happy-dom": "^20.9.0",
     "lint-staged": "^16.4.0",
-    "oxfmt": "^0.41.0",
-    "oxlint": "^1.56.0",
+    "oxfmt": "^0.45.0",
+    "oxlint": "^1.60.0",
     "simple-git-hooks": "^2.13.1",
-    "tsdown": "0.21.4",
+    "tsdown": "0.21.9",
     "tsx": "^4.21.0",
-    "typescript": "^5.9.3",
-    "unocss": "^66.6.7",
+    "typescript": "^6.0.3",
+    "unocss": "^66.6.8",
     "unocss-preset-animations": "^1.3.0",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue": "^7.1.1",
     "unplugin-vue-components": "^32.0.0",
     "unplugin-vue-jsx": "^0.8.1",
-    "vite": "^8.0.2",
+    "vite": "^8.0.8",
     "vite-plugin-vue-devtools": "^8.1.1",
     "vite-plugin-vue-meta-layouts": "^0.6.1",
-    "vitest": "^4.1.1",
-    "vue": "^3.5.30",
+    "vitest": "^4.1.4",
+    "vue": "^3.5.32",
     "vue-router": "^5.0.4",
     "vue-tsc": "^3.2.6"
   },
@@ -94,7 +97,7 @@
     "pre-commit": "pnpm typecheck && pnpm lint-staged"
   },
   "lint-staged": {
-    "*": "oxlint --fix && oxfmt"
+    "*": "oxlint . --fix && oxfmt"
   },
   "scripts": {
     "build": "pnpm build:headless && pnpm build:ui && pnpm build:css",

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

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuCheckboxGroup as b,MenuCheckboxItem as x,MenuGroupLabel as S,MenuItemIndicator as C,MenuSeparator as w}from"@soybeanjs/headless";const T=d({name:`SMenuCheckboxOptions`,__name:`menu-checkbox-options`,props:{items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`checkboxItemProps`,`groupLabelProps`,`indicatorProps`]),A=n(`shortcut`);return(n,i)=>(p(),o(g(b),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(S),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(x),f({key:1,ref_for:!0},d.checkboxItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(C),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`lucide:check`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A)}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -1,28 +0,0 @@
-import { MenuCheckboxOptionData, MenuCheckboxOptionsProps } from "./types.js";
-import * as vue from "vue";
-import { DefinedValue } from "@soybeanjs/headless";
-
-//#region src/components/menu/menu-checkbox-options.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: vue.PublicProps & __VLS_PrettifyLocal<MenuCheckboxOptionsProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    '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);
-}>) => vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
-//#endregion
-export { _default };

package/dist/components/menu/menu-item-slot.js

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import{Fragment as t,createElementBlock as n,createElementVNode as r,createVNode as i,defineComponent as a,openBlock as o,renderSlot as s,toDisplayString as c}from"vue";const l=a({name:`SMenuItemSlot`,__name:`menu-item-slot`,props:{icon:{},label:{}},setup(a){return(l,u)=>(o(),n(t,null,[s(l.$slots,`indicator`),s(l.$slots,`item`,{},()=>[s(l.$slots,`item-leading`,{},()=>[i(e,{icon:a.icon},null,8,[`icon`])]),r(`span`,null,c(a.label),1),s(l.$slots,`link-icon`),s(l.$slots,`item-trailing`),s(l.$slots,`trigger-icon`),s(l.$slots,`shortcut`)])],64))}});export{l as default};

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

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import t from"../link/link.js";import n from"../kbd/kbd.js";import{useMenuExtraUi as r,useMenuOptionsContext as i}from"./context.js";import a from"./menu-item-slot.js";import{useCommonSlotKeys as o}from"./shared.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O}from"@soybeanjs/headless/composables";import{MenuGroup as k,MenuGroupLabel as A,MenuItem as j,MenuPortal as M,MenuSeparator as N,MenuSub as P,MenuSubContent as F,MenuSubTrigger as I}from"@soybeanjs/headless";const L=m({name:`SMenuOption`,inheritAttrs:!1,__name:`menu-option`,props:{item:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(m,{emit:L}){let R=m,z=L,B=T(),V=O(R,[`item`]),H=D(z),U=o(B),W=r(),{activeValue:G,activePaths:K}=i(`MenuOption`),q=c(()=>G.value===R.item.value),J=c(()=>K.value.includes(R.item.value));return(r,i)=>{let o=S(`SMenuOption`);return y(),d(s,null,[m.item.isGroupLabel?(y(),l(w(A),v(g({key:0},m.groupLabelProps)),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16)):m.item.to||m.item.href?(y(),l(w(j),g({key:1},m.itemProps,{"as-child":``,disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[0]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(t,g(m.linkProps,{disabled:m.item.disabled,to:m.item.to,href:m.item.href,target:m.item.target,external:m.item.external}),{default:E(({isHref:t})=>[p(a,{icon:m.item.icon,label:m.item.label},f({_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])})),t?{name:`link-icon`,fn:E(()=>[x(r.$slots,`item-link-icon`,{item:m.item},()=>[p(e,{icon:`lucide:arrow-up-right`,class:_(w(W).itemLinkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`to`,`href`,`target`,`external`])]),_:3},16,[`disabled`,`text-value`,`data-active`])):m.item.children?.length?(y(),l(w(P),g({key:3},m.subProps,{"onUpdate:open":i[2]||=e=>z(`update:open`,e)}),{default:E(()=>[p(w(I),g(m.subTriggerProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({"trigger-icon":E(()=>[x(r.$slots,`item-trigger-icon`,{item:m.item},()=>[p(e,{icon:`lucide:chevron-right`,class:_(w(W).subTriggerIcon)},null,8,[`class`])])]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item,isTrigger:!0})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-child-active`]),m.item.separator?(y(),l(w(N),v(g({key:0},m.separatorProps)),null,16)):u(`v-if`,!0),p(w(M),v(h(m.portalProps)),{default:E(()=>[p(w(F),g(m.subContentProps,C(w(H))),{default:E(()=>[p(w(k),v(h(m.groupProps)),{default:E(()=>[(y(!0),d(s,null,b(m.item.children,e=>(y(),l(o,g({key:e.value},{ref_for:!0},w(V),{item:e},C(w(H))),null,16,[`item`]))),128))]),_:1},16)]),_:1},16)]),_:1},16)]),_:3},16)):(y(),l(w(j),g({key:2},m.itemProps,{disabled:m.item.disabled,"text-value":m.item.textValue,"data-active":q.value,onSelect:i[1]||=e=>z(`select`,m.item,e)}),{default:E(()=>[p(a,{icon:m.item.icon,label:m.item.label},f({shortcut:E(()=>[m.item.shortcut?(y(),l(n,g({key:0},m.shortcutProps,{value:m.item.shortcut,class:w(W).shortcut}),null,16,[`value`,`class`])):u(`v-if`,!0)]),_:2},[b(w(U),e=>({name:e,fn:E(()=>[x(r.$slots,e,{item:m.item})])}))]),1032,[`icon`,`label`])]),_:3},16,[`disabled`,`text-value`,`data-active`])),m.item.separator&&!m.item.children?(y(),l(w(N),v(g({key:4},m.separatorProps)),null,16)):u(`v-if`,!0)],64)}}});export{L as default};

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

@@ -1,48 +0,0 @@
-import { MenuOptionData, MenuOptionProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
-
-//#region src/components/menu/menu-option.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionProps<T> & {
-    onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
-    onEscapeKeyDown?: ((event: KeyboardEvent) => 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;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    item: (props: {
-      item: MenuOptionData<T>;
-      isTrigger?: boolean;
-    }) => any;
-    'item-leading': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-trailing': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-trigger-icon': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-link-icon': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-  };
-  emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => 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);
-}>) => vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
-//#endregion
-export { _default };

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

@@ -1 +0,0 @@
-import{provideMenuOptionsContext as e}from"./context.js";import t from"./menu-option.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroup as b}from"@soybeanjs/headless";import{getTreePaths as x,transformPropsToContext as S}from"@soybeanjs/headless/shared";const C=s({name:`SMenuOptions`,inheritAttrs:!1,__name:`menu-options`,props:{items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},portalProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=r(()=>Object.keys(E)),O=y(w,[`items`]),k=v(T),A=r(()=>w.activeValue===void 0?[]:x(w.activeValue,w.items));return e({...S(w,[`activeValue`]),activePaths:A}),(e,r)=>(d(),i(h(b),u(c(s.groupProps)),{default:_(()=>[(d(!0),a(n,null,f(s.items,n=>(d(),i(t,l({key:n.value},{ref_for:!0},h(O),{item:n},m(h(k))),o({_:2},[f(D.value,t=>({name:t,fn:_(n=>[p(e.$slots,t,l({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16))}});export{C as default};

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

@@ -1,48 +0,0 @@
-import { MenuOptionData, MenuOptionsProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
-import { DefinedValue } from "@soybeanjs/headless";
-
-//#region src/components/menu/menu-options.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: vue.PublicProps & __VLS_PrettifyLocal<MenuOptionsProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
-    onEscapeKeyDown?: ((event: KeyboardEvent) => 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;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    item: (props: {
-      item: MenuOptionData<T>;
-      isTrigger?: boolean;
-    }) => any;
-    'item-leading': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-trailing': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-trigger-icon': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-    'item-link-icon': (props: {
-      item: MenuOptionData<T>;
-    }) => any;
-  };
-  emit: ((evt: "select", item: S, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => 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);
-}>) => vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
-//#endregion
-export { _default };

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

@@ -1 +0,0 @@
-import e from"../icon/icon.js";import t from"../kbd/kbd.js";import{useMenuExtraUi as n}from"./context.js";import r from"./menu-item-slot.js";import{useCommonSlotKeys as i}from"./shared.js";import{Fragment as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createSlots as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderList as m,renderSlot as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{MenuGroupLabel as b,MenuItemIndicator as x,MenuRadioGroup as S,MenuRadioItem as C,MenuSeparator as w}from"@soybeanjs/headless";const T=d({name:`SMenuRadio`,__name:`menu-radio-options`,props:{items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`select`],setup(d,{emit:T}){let E=d,D=T,O=i(_()),k=y(E,[`items`,`radioItemProps`,`groupLabelProps`,`indicatorProps`]),A=n();return(n,i)=>(p(),o(g(S),f(g(k),{"onUpdate:modelValue":i[0]||=e=>D(`update:modelValue`,e)}),{default:v(()=>[(p(!0),c(a,null,m(d.items,i=>(p(),c(a,{key:i.value},[i.isGroupLabel?(p(),o(g(b),f({key:0,ref_for:!0},d.groupLabelProps),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040)):(p(),o(g(C),f({key:1,ref_for:!0},d.radioItemProps,{value:i.value,disabled:i.disabled,"text-value":i.textValue,onSelect:e=>D(`select`,i,e)}),{default:v(()=>[u(r,{icon:i.icon,label:i.label},l({indicator:v(()=>[u(g(x),f({ref_for:!0},d.indicatorProps),{default:v(()=>[h(n.$slots,`item-indicator-icon`,f({ref_for:!0},i),()=>[u(e,{icon:`icon-park-outline:dot`})])]),_:2},1040)]),shortcut:v(()=>[i.shortcut?(p(),o(t,f({key:0,ref_for:!0},d.shortcutProps,{value:i.shortcut,class:g(A).shortcut}),null,16,[`value`,`class`])):s(`v-if`,!0)]),_:2},[m(g(O),e=>({name:e,fn:v(()=>[h(n.$slots,e,f({ref_for:!0},i))])}))]),1032,[`icon`,`label`])]),_:2},1040,[`value`,`disabled`,`text-value`,`onSelect`])),i.separator?(p(),o(g(w),f({key:2,ref_for:!0},d.separatorProps),null,16)):s(`v-if`,!0)],64))),128))]),_:3},16))}});export{T as default};

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

@@ -1,28 +0,0 @@
-import { MenuRadioOptionData, MenuRadioOptionsProps } from "./types.js";
-import * as vue from "vue";
-import { AcceptableBooleanValue } from "@soybeanjs/headless";
-
-//#region src/components/menu/menu-radio-options.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: vue.PublicProps & __VLS_PrettifyLocal<MenuRadioOptionsProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    item: (props: S) => any;
-    'item-leading': (props: S) => any;
-    '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);
-}>) => vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
-//#endregion
-export { _default };

package/dist/components/menu/shared.js

@@ -1 +0,0 @@
-import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`];function n(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}export{n as useCommonSlotKeys};

package/dist/components/table/shared.js

@@ -1 +0,0 @@
-function e(e,t){let n=t.split(`.`),r=e;for(let e of n){if(r==null)return;r=r[e]}return r}export{e as getTableRowValueByDataIndex};

package/dist/components/toast/context.d.ts

@@ -1,5 +0,0 @@
-import { UseToastReturn } from "./types.js";
-//#region src/components/toast/context.d.ts
-declare const useToast: () => UseToastReturn;
-//#endregion
-export { useToast };

package/dist/components/toast/context.js

@@ -1 +0,0 @@
-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/dist/components/toast/shared.js

@@ -1 +0,0 @@
-const e=[`destructive`,`success`,`warning`,`info`];export{e as toastTypes};

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

@@ -1 +0,0 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{useThemeSize as t}from"../config-provider/context.js";import{provideToastProviderContext as n}from"./context.js";import{toastViewportVariants as r}from"./variants.js";import i from"./toast.js";import{Fragment as a,computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,createSlots as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,onBeforeUnmount as _,openBlock as v,renderList as y,renderSlot as b,resolveDynamicComponent as x,toDisplayString as S,unref as C,withCtx as w}from"vue";import{useOmitProps as T}from"@soybeanjs/headless/composables";import{ToastProvider as E,ToastViewport as D,provideToastViewportUi as O}from"@soybeanjs/headless";import{transformPropsToContext as k}from"@soybeanjs/headless/shared";const A=p({name:`SToast`,__name:`toast-provider`,props:{ui:{default:()=>({})},limits:{default:3},removeDelay:{default:5e3},position:{default:`top-right`},viewportProps:{},label:{},duration:{},disableSwipe:{type:Boolean},swipeDirection:{},swipeThreshold:{}},setup(p){let A=p,j=T(A,[`ui`,`limits`,`removeDelay`,`position`,`viewportProps`]),{states:M,ids:N,clear:P,position:F}=n(k(A,[`ui`,`limits`,`removeDelay`,`position`])),I=t();return O(o(()=>e(r({size:I.value,position:F.value}),A.ui?.viewport))),_(()=>{P()}),(e,t)=>(v(),s(C(E),g(m(C(j))),{default:w(()=>[f(C(D),g(m(p.viewportProps)),null,16),(v(!0),l(a,null,y(C(M),({id:e,title:t,description:n,content:r,onClose:o,...f})=>(v(),s(i,h({key:e},{ref_for:!0},f,{open:C(N).includes(e),"onUpdate:open":o}),u({default:w(()=>[r?(v(),s(x(r),{key:0})):c(`v-if`,!0)]),_:2},[t?{name:`title`,fn:w(()=>[typeof t==`string`?(v(),l(a,{key:0},[d(S(t),1)],64)):(v(),s(x(t),{key:1}))]),key:`0`}:void 0,n?{name:`description`,fn:w(()=>[typeof n==`string`?(v(),l(a,{key:0},[d(S(n),1)],64)):(v(),s(x(n),{key:1}))]),key:`1`}:void 0]),1040,[`open`,`onUpdate:open`]))),128)),b(e.$slots,`default`)]),_:3},16))}});export{A as default};

package/dist/components/toast/toast.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toastVariants as t}from"./variants.js";import n from"../button/button-icon.js";import r from"../icon/icon.js";import{computed as i,createBlock as a,createCommentVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeClass as d,normalizeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ToastClose as b,ToastDescription as x,ToastRoot as S,ToastTitle as C,provideToastUi as w}from"@soybeanjs/headless";const T=c({name:`SToast`,__name:`toast`,props:{class:{},size:{},ui:{},type:{},color:{},position:{},showIcon:{type:Boolean,default:!0},titleProps:{},descriptionProps:{},liveType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},duration:{},forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pause`,`resume`,`swipeStart`,`swipeMove`,`swipeCancel`,`swipeEnd`,`update:open`],setup(c,{emit:T}){let E=c,D=T,O=y(E,[`class`,`size`,`ui`,`color`,`titleProps`,`descriptionProps`]),k=v(D),A=i(()=>e(t({color:E.color,size:E.size}),E.ui,{root:E.class})),j={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`}},M=i(()=>E.type?j[E.type]:null);return w(A),(e,t)=>(p(),a(g(S),u(g(O),h(g(k))),{default:_(()=>[s(g(C),f(l(c.titleProps)),{default:_(()=>[c.showIcon&&M.value?(p(),a(r,{key:0,icon:M.value.icon,class:d(M.value.class)},null,8,[`icon`,`class`])):o(`v-if`,!0),m(e.$slots,`title`)]),_:3},16),s(g(x),f(l(c.descriptionProps)),{default:_(()=>[m(e.$slots,`description`)]),_:3},16),s(g(b),{"as-child":``},{default:_(()=>[m(e.$slots,`close`,{},()=>[s(n,{size:c.size,icon:`lucide:x`},null,8,[`size`])])]),_:3}),m(e.$slots,`default`)]),_:3},16))}});export{T as default};

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

@@ -1,21 +0,0 @@
-//#region src/components/toast/toast.vue.d.ts
-declare var __VLS_19: {}, __VLS_27: {}, __VLS_35: {}, __VLS_42: {};
-type __VLS_Slots = {} & {
-  title?: (props: typeof __VLS_19) => any;
-} & {
-  description?: (props: typeof __VLS_27) => any;
-} & {
-  close?: (props: typeof __VLS_35) => any;
-} & {
-  default?: (props: typeof __VLS_42) => any;
-};
-declare const __VLS_base: any;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/toast/variants.d.ts

@@ -1,60 +0,0 @@
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-
-//#region src/components/toast/variants.d.ts
-declare const toastViewportVariants: tailwind_variants0.TVReturnType<{
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-  };
-  position: {
-    'top-left': string;
-    top: string;
-    'top-right': string;
-    bottom: string;
-    'bottom-left': string;
-    'bottom-right': string;
-  };
-}, undefined, string[], {
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-  };
-  position: {
-    'top-left': string;
-    top: string;
-    'top-right': string;
-    bottom: string;
-    'bottom-left': string;
-    'bottom-right': string;
-  };
-}, undefined, tailwind_variants0.TVReturnType<{
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-  };
-  position: {
-    'top-left': string;
-    top: string;
-    'top-right': string;
-    bottom: string;
-    'bottom-left': string;
-    'bottom-right': string;
-  };
-}, undefined, string[], unknown, unknown, undefined>>;
-type ToastViewportVariants = VariantProps<typeof toastViewportVariants>;
-type ToastPosition = NonNullable<ToastViewportVariants['position']>;
-//#endregion
-export { ToastPosition };