@soybeanjs/ui 0.29.0-beta.9 → 0.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
14
14
  onChange?: ((visible: boolean) => any) | undefined;
15
15
  }>, {
16
16
  icon: string;
17
- size: ThemeSize;
18
17
  color: ThemeColor;
19
- shape: ButtonShape;
18
+ size: ThemeSize;
20
19
  variant: ButtonVariant;
20
+ shape: ButtonShape;
21
21
  shadow: ButtonShadow;
22
22
  fitContent: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -4,8 +4,8 @@ import { ButtonIconProps } from "./types.js";
4
4
  //#region src/components/button/button-icon.vue.d.ts
5
5
  declare const __VLS_export: import("vue").DefineComponent<ButtonIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonIconProps> & Readonly<{}>, {
6
6
  color: ThemeColor;
7
- shape: ButtonShape;
8
7
  variant: ButtonVariant;
8
+ shape: ButtonShape;
9
9
  fitContent: boolean;
10
10
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
11
  declare const _default: typeof __VLS_export;
@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
11
11
  default?: (props: typeof __VLS_14) => any;
12
12
  };
13
13
  declare const __VLS_base: import("vue").DefineComponent<ButtonLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonLinkProps> & Readonly<{}>, {
14
- replace: boolean;
15
14
  variant: ButtonVariant;
15
+ replace: boolean;
16
16
  disabled: boolean;
17
17
  external: boolean;
18
18
  viewTransition: boolean;
@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<ColorSliderProps, {},
12
12
  "onUpdate:color"?: ((value: import("@soybeanjs/headless/types").NormalizedColor) => any) | undefined;
13
13
  onChangeEnd?: ((value: string) => any) | undefined;
14
14
  }>, {
15
- size: ThemeSize;
16
15
  color: ThemeColor;
16
+ size: ThemeSize;
17
17
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
18
  declare const _default: typeof __VLS_export;
19
19
  //#endregion
@@ -1 +1 @@
1
- import{provideConfigProviderContext as e}from"./context.js";import t from"../icon/icon.js";import n from"../dialog/dialog-provider.js";import r from"../progress/progress-provider.js";import i from"../toast/toast-provider.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,unref as h,watch as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{isClient as y,transformPropsToContext as b}from"@soybeanjs/headless/shared";import{ConfigProvider as x}from"@soybeanjs/headless/config-provider";import{updateUiAttribute as S}from"@soybeanjs/shadcn-theme";const C=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 C=c,w=v(C,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),T=C.iconRender??(e=>u(t,{icon:e,ssr:import.meta.env.SSR}));return e({...b(C),iconRender:T}),g(()=>C.theme,(e,t)=>{y&&S(e,t)},{deep:!0,immediate:!0,flush:`post`}),(e,t)=>(p(),a(h(x),d(h(w),{"icon-render":h(T)}),{default:_(()=>[m(e.$slots,`default`),C.customToast?o(`v-if`,!0):(p(),a(i,f(d({key:0},C.toast)),null,16)),s(n),s(r,f(l(C.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{C as default};
1
+ import{provideConfigProviderContext as e}from"./context.js";import t from"../icon/icon.js";import n from"../dialog/dialog-provider.js";import r from"../progress/progress-provider.js";import i from"../toast/toast-provider.js";import{Teleport as a,computed as o,createBlock as s,createCommentVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,h as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{Primitive as S}from"@soybeanjs/headless/primitive";import{transformPropsToContext as C}from"@soybeanjs/headless/shared";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{createShadcnTheme as T}from"@soybeanjs/shadcn-theme";const E=d({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(d){let E=d,D=x(E,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),O=E.iconRender??(e=>p(t,{icon:e,ssr:import.meta.env.SSR})),k=o(()=>{let{getCss:e}=T({...E.theme,size:E.theme.size||E.size||`md`});return e()});return e({...C(E),iconRender:O}),(e,t)=>(g(),s(y(w),m(y(D),{"icon-render":y(O)}),{default:b(()=>[(g(),s(a,{to:`head`},[u(y(S),{as:`style`},{default:b(()=>[l(v(k.value),1)]),_:1})])),_(e.$slots,`default`),E.customToast?c(`v-if`,!0):(g(),s(i,h(m({key:0},E.toast)),null,16)),u(n),u(r,h(f(E.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{E as default};
@@ -1,9 +1,9 @@
1
1
  import { ThemeSize } from "../../theme/types.js";
2
2
  import { ConfigProviderProps, IconifyOptions } from "./types.js";
3
3
  //#region src/components/config-provider/config-provider.vue.d.ts
4
- declare var __VLS_8: {};
4
+ declare var __VLS_20: {};
5
5
  type __VLS_Slots = {} & {
6
- default?: (props: typeof __VLS_8) => any;
6
+ default?: (props: typeof __VLS_20) => any;
7
7
  };
8
8
  declare const __VLS_base: import("vue").DefineComponent<ConfigProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
9
9
  size: ThemeSize;
@@ -1 +1 @@
1
- import{components as e}from"../constants/components.js";function t(){return{type:`component`,resolve:t=>{let n=Object.values(e).flat(),r=t.replace(/(^\w|-\w)/g,e=>e.replace(`-`,``).toUpperCase());return n.includes(r)?{name:r,from:`@soybeanjs/ui`}:null}}}export{t as default};
1
+ import{components as e}from"../constants/components.js";function t(){return{type:`component`,resolve:t=>{let n=t.replace(/(^\w|-\w)/g,e=>e.replace(`-`,``).toUpperCase());return Object.values(e).flat().includes(n)?{name:n,from:`@soybeanjs/ui`}:null}}}export{t as default};
@@ -92,9 +92,9 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
92
92
  };
93
93
  };
94
94
  }>, {
95
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
96
95
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
97
- variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | undefined;
96
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
97
+ variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
98
98
  }>;
99
99
  type AlertVariants = VariantProps<typeof alertVariants>;
100
100
  type AlertVariant = NonNullable<AlertVariants['variant']>;
@@ -63,8 +63,8 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
63
63
  };
64
64
  };
65
65
  }>, {
66
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
67
66
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
67
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
68
68
  position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
69
69
  }>;
70
70
  type BadgeVariants = VariantProps<typeof badgeVariants>;
@@ -47,10 +47,10 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
47
47
  false: string;
48
48
  };
49
49
  }>, {
50
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
51
50
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
51
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
52
+ variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
52
53
  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
53
- variant?: "link" | "pure" | "outline" | "soft" | "ghost" | "solid" | "dashed" | "plain" | undefined;
54
54
  shadow?: "sm" | "md" | "lg" | "none" | undefined;
55
55
  fitContent?: boolean | undefined;
56
56
  }>;
@@ -77,8 +77,8 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
77
77
  };
78
78
  };
79
79
  }>, {
80
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
81
80
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
81
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
82
82
  shape?: "rounded" | "square" | undefined;
83
83
  orientation?: "horizontal" | "vertical" | undefined;
84
84
  }>;
@@ -20,7 +20,7 @@ declare const kbdVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
20
20
  };
21
21
  }>, {
22
22
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
23
- variant?: "outline" | "ghost" | "solid" | undefined;
23
+ variant?: "solid" | "outline" | "ghost" | undefined;
24
24
  raised?: boolean | undefined;
25
25
  }>;
26
26
  type KbdVariants = VariantProps<typeof kbdVariants>;
@@ -62,8 +62,8 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
62
62
  };
63
63
  }>, {
64
64
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
65
+ variant?: "pure" | "solid" | "outline" | "soft" | undefined;
65
66
  shape?: "rounded" | "square" | undefined;
66
- variant?: "pure" | "outline" | "soft" | "solid" | undefined;
67
67
  actionAsSelected?: boolean | undefined;
68
68
  }>;
69
69
  type PaginationVariants = VariantProps<typeof paginationVariants>;
@@ -85,8 +85,8 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
85
85
  };
86
86
  };
87
87
  }>, {
88
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
89
88
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
89
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
90
90
  variant?: "outline" | "dot" | undefined;
91
91
  orientation?: "horizontal" | "vertical" | undefined;
92
92
  }>;
@@ -20,8 +20,8 @@ declare const skeletonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
20
20
  };
21
21
  }>, {
22
22
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
23
- animated?: boolean | undefined;
24
23
  shape?: "auto" | "rounded" | undefined;
24
+ animated?: boolean | undefined;
25
25
  }>;
26
26
  type SkeletonVariants = VariantProps<typeof skeletonVariants>;
27
27
  type SkeletonShape = NonNullable<SkeletonVariants['shape']>;
@@ -65,8 +65,8 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "contr
65
65
  };
66
66
  };
67
67
  }>, {
68
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
69
68
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
69
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
70
70
  shape?: "rounded" | "square" | undefined;
71
71
  }>;
72
72
  type SwitchVariants = VariantProps<typeof switchVariants>;
@@ -113,8 +113,8 @@ declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "cont
113
113
  };
114
114
  }>, {
115
115
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
116
- rounded?: boolean | undefined;
117
116
  variant?: "default" | "simple" | undefined;
117
+ rounded?: boolean | undefined;
118
118
  bordered?: boolean | undefined;
119
119
  striped?: boolean | undefined;
120
120
  }>;
@@ -68,8 +68,8 @@ declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content
68
68
  };
69
69
  };
70
70
  }>, {
71
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
72
71
  fill?: "auto" | "full" | undefined;
72
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
73
73
  shape?: "rounded" | "square" | undefined;
74
74
  orientation?: "horizontal" | "vertical" | undefined;
75
75
  enableIndicator?: boolean | undefined;
@@ -33,10 +33,10 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
33
33
  rounded: string;
34
34
  };
35
35
  }>, {
36
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
37
36
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
37
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
38
+ variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
38
39
  shape?: "auto" | "rounded" | undefined;
39
- variant?: "pure" | "outline" | "soft" | "ghost" | "solid" | "raw" | undefined;
40
40
  }>;
41
41
  type TagVariants = VariantProps<typeof tagVariants>;
42
42
  type TagVariant = NonNullable<TagVariants['variant']>;
@@ -68,8 +68,8 @@ declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "
68
68
  };
69
69
  };
70
70
  }>, {
71
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
72
71
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
72
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
73
73
  variant?: "outline" | "soft" | "ghost" | undefined;
74
74
  orientation?: "horizontal" | "vertical" | undefined;
75
75
  }>;
@@ -32,10 +32,10 @@ declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
32
32
  circle: string;
33
33
  };
34
34
  }>, {
35
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
36
35
  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
37
- shape?: "auto" | "rounded" | "square" | "circle" | undefined;
36
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
38
37
  variant?: "outline" | "soft" | "ghost" | undefined;
38
+ shape?: "auto" | "rounded" | "square" | "circle" | undefined;
39
39
  }>;
40
40
  type ToggleVariants = VariantProps<typeof toggleVariants>;
41
41
  type ToggleVariant = NonNullable<ToggleVariants['variant']>;