@soybeanjs/ui 0.29.0-beta.6 → 0.29.0-beta.7

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

@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
   onChange?: ((visible: boolean) => any) | undefined;
 }>, {
   icon: string;
-  color: ThemeColor;
   size: ThemeSize;
-  shape: ButtonShape;
+  color: ThemeColor;
   variant: ButtonVariant;
+  shape: ButtonShape;
   shadow: ButtonShadow;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,8 +4,8 @@ import { ButtonIconProps } from "./types.js";
 //#region src/components/button/button-icon.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ButtonIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
   color: ThemeColor;
-  shape: ButtonShape;
   variant: ButtonVariant;
+  shape: ButtonShape;
   fitContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,9 +11,9 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
-  replace: boolean;
   variant: ButtonVariant;
   disabled: boolean;
+  replace: boolean;
   external: boolean;
   viewTransition: boolean;
   noRel: boolean;

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

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<ColorSliderProps, {},
   "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
-  color: ThemeColor;
   size: ThemeSize;
+  color: ThemeColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

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

package/dist/components/config-provider/config-provider.vue.d.ts

@@ -1,6 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ConfigProviderProps, IconifyOptions } from "./types.js";
-
 //#region src/components/config-provider/config-provider.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {

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

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

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -12,13 +12,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  resize: (size: number, prevSize: number | undefined) => any;
   collapse: () => any;
   expand: () => any;
+  resize: (size: number, prevSize: number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
-  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
   onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/styles/alert.d.ts

@@ -92,8 +92,8 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | undefined;
 }>;
 type AlertVariants = VariantProps<typeof alertVariants>;

package/dist/styles/badge.d.ts

@@ -63,8 +63,8 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
 }>;
 type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/styles/button.d.ts

@@ -47,10 +47,10 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     false: string;
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "link" | "pure" | "outline" | "soft" | "ghost" | "solid" | "dashed" | "plain" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/checkbox.d.ts

@@ -77,8 +77,8 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/pagination.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/pagination.d.ts
-declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "first" | "last" | "ellipsis" | "root" | "prev" | "listItem", NoInfer<{
+declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "root" | "first" | "last" | "ellipsis" | "prev" | "listItem", NoInfer<{
   size: {
     xs: {
       list: "gap-0.75 text-2xs";
@@ -62,8 +62,8 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "rounded" | "square" | undefined;
   variant?: "pure" | "outline" | "soft" | "solid" | undefined;
+  shape?: "rounded" | "square" | undefined;
   actionAsSelected?: boolean | undefined;
 }>;
 type PaginationVariants = VariantProps<typeof paginationVariants>;

package/dist/styles/radio-group.d.ts

@@ -85,8 +85,8 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "dot" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/skeleton.d.ts

@@ -20,8 +20,8 @@ declare const skeletonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  animated?: boolean | undefined;
   shape?: "auto" | "rounded" | undefined;
+  animated?: boolean | undefined;
 }>;
 type SkeletonVariants = VariantProps<typeof skeletonVariants>;
 type SkeletonShape = NonNullable<SkeletonVariants['shape']>;

package/dist/styles/switch.d.ts

@@ -65,8 +65,8 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "contr
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
 }>;
 type SwitchVariants = VariantProps<typeof switchVariants>;

package/dist/styles/table.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/table.d.ts
-declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "scroll" | "body" | "head" | "cell" | "row" | "root" | "resizeHandle" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -113,8 +113,8 @@ declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "cont
   };
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  rounded?: boolean | undefined;
   variant?: "default" | "simple" | undefined;
+  rounded?: boolean | undefined;
   bordered?: boolean | undefined;
   striped?: boolean | undefined;
 }>;

package/dist/styles/tag.d.ts

@@ -33,10 +33,10 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     rounded: string;
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "auto" | "rounded" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | "raw" | undefined;
+  shape?: "auto" | "rounded" | undefined;
 }>;
 type TagVariants = VariantProps<typeof tagVariants>;
 type TagVariant = NonNullable<TagVariants['variant']>;

package/dist/styles/toggle-group.d.ts

@@ -68,8 +68,8 @@ declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "
     };
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/toggle.d.ts

@@ -32,10 +32,10 @@ declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     circle: string;
   };
 }>, {
-  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "soft" | "ghost" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
 }>;
 type ToggleVariants = VariantProps<typeof toggleVariants>;
 type ToggleVariant = NonNullable<ToggleVariants['variant']>;

package/dist/styles.css

@@ -396,6 +396,34 @@ body {
 button {
   background-color: transparent;
 }
+:root {
+  font-size: 16px;
+}
+
+:root[data-size="xs"] {
+  font-size: 12px;
+}
+
+:root[data-size="sm"] {
+  font-size: 14px;
+}
+
+:root[data-size="md"] {
+  font-size: 16px;
+}
+
+:root[data-size="lg"] {
+  font-size: 18px;
+}
+
+:root[data-size="xl"] {
+  font-size: 20px;
+}
+
+:root[data-size="2xl"] {
+  font-size: 24px;
+}
+
 :root {
 --radius: 0.625rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.29.0-beta.6",
+  "version": "0.29.0-beta.7",
   "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": {
@@ -47,17 +47,16 @@
     "@iconify/vue": "^5.0.1",
     "@soybeanjs/cva": "^0.0.9",
     "@soybeanjs/hooks": "^0.3.0",
-    "@soybeanjs/shadcn-theme": "^0.3.4",
     "@soybeanjs/utils": "^0.1.1",
-    "@soybeanjs/headless": "^0.29.0-beta.6"
+    "@soybeanjs/headless": "^0.29.0-beta.7",
+    "@soybeanjs/shadcn-theme": "^0.29.0-beta.7"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.4.8",
-    "@soybeanjs/unocss-shadcn": "^0.7.0",
-    "@types/node": "^25.9.2",
+    "@types/node": "^25.9.3",
     "@unocss/cli": "^66.7.0",
     "@vue/test-utils": "^2.4.11",
-    "axe-core": "^4.12.0",
+    "axe-core": "^4.12.1",
     "happy-dom": "^20.10.2",
     "nuxt": "^4.4.8",
     "typescript": "^6.0.3",
@@ -66,9 +65,10 @@
     "unplugin-vue": "^7.2.0",
     "unplugin-vue-components": "^32.1.0",
     "vitest": "npm:@voidzero-dev/vite-plus-test@latest",
-    "vue": "^3.5.35",
+    "vue": "^3.5.38",
     "vue-router": "^5.1.0",
-    "vue-tsc": "^3.3.4"
+    "vue-tsc": "^3.3.4",
+    "@soybeanjs/unocss-shadcn": "^0.29.0-beta.7"
   },
   "peerDependencies": {
     "@nuxt/kit": "^4.3.0",