bsm-design-system 1.22.13 → 1.22.15

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.
Files changed (6) hide show
  1. package/index.d.mts +41 -22
  2. package/index.d.ts +41 -22
  3. package/index.js +21 -25
  4. package/index.mjs +23 -27
  5. package/package.json +1 -1
  6. package/styles.css +1 -1
package/index.d.mts CHANGED
@@ -24,7 +24,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
24
24
  };
25
25
  color: {
26
26
  primary: string;
27
+ secondary: string;
27
28
  error: string;
29
+ success: string;
30
+ info: string;
31
+ warning: string;
28
32
  };
29
33
  size: {
30
34
  xs: string;
@@ -40,7 +44,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
40
44
  true: string;
41
45
  false: string;
42
46
  };
43
- }, undefined, "inline-flex items-center relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
47
+ }, undefined, "inline-flex items-center [&_svg]:stroke-current relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-fg-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
44
48
  variant: {
45
49
  fill: string;
46
50
  ghost: string;
@@ -49,7 +53,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
49
53
  };
50
54
  color: {
51
55
  primary: string;
56
+ secondary: string;
52
57
  error: string;
58
+ success: string;
59
+ info: string;
60
+ warning: string;
53
61
  };
54
62
  size: {
55
63
  xs: string;
@@ -74,7 +82,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
74
82
  };
75
83
  color: {
76
84
  primary: string;
85
+ secondary: string;
77
86
  error: string;
87
+ success: string;
88
+ info: string;
89
+ warning: string;
78
90
  };
79
91
  size: {
80
92
  xs: string;
@@ -90,13 +102,13 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
90
102
  true: string;
91
103
  false: string;
92
104
  };
93
- }, undefined, "inline-flex items-center relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
105
+ }, undefined, "inline-flex items-center [&_svg]:stroke-current relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-fg-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
94
106
 
95
107
  type ButtonVariant = keyof typeof buttonVariants.variants.variant;
96
108
 
97
109
  type ButtonSize = keyof typeof buttonVariants.variants.size;
98
110
 
99
- type ButtonColors = "primary" | "error";
111
+ type ButtonColors = keyof typeof buttonVariants.variants.color;
100
112
 
101
113
  /**
102
114
  * Primary UI component for user interaction
@@ -110,6 +122,10 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
110
122
  * Button Trailling Icon
111
123
  */
112
124
  traillingIcon?: React.ReactNode;
125
+ /**
126
+ * Button Trailling Icon
127
+ */
128
+ leadingIcon?: React.ReactNode;
113
129
  /**
114
130
  * Button Variant
115
131
  */
@@ -156,7 +172,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
156
172
  true: string;
157
173
  false: string;
158
174
  };
159
- }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
175
+ }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full transition-all outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
160
176
  size: {
161
177
  sm: string;
162
178
  md: string;
@@ -176,7 +192,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
176
192
  true: string;
177
193
  false: string;
178
194
  };
179
- }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
195
+ }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full transition-all outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
180
196
 
181
197
  type DefaultType$4 = Omit<
182
198
  React.ComponentProps<typeof Root>,
@@ -278,7 +294,7 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
278
294
  true: string;
279
295
  false: string;
280
296
  };
281
- }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
297
+ }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
282
298
  size: {
283
299
  sm: string;
284
300
  md: string;
@@ -298,7 +314,7 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
298
314
  true: string;
299
315
  false: string;
300
316
  };
301
- }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
317
+ }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
302
318
 
303
319
  type DefaultType$2 = Omit<
304
320
  React.ComponentProps<typeof Root$2>,
@@ -331,7 +347,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
331
347
  md: string;
332
348
  lg: string;
333
349
  };
334
- }, undefined, "peer w-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", {
350
+ }, undefined, "peer w-full text-fg disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", {
335
351
  size: {
336
352
  xs: string;
337
353
  sm: string;
@@ -345,7 +361,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
345
361
  md: string;
346
362
  lg: string;
347
363
  };
348
- }, undefined, "peer w-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
364
+ }, undefined, "peer w-full text-fg disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
349
365
 
350
366
  type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
351
367
 
@@ -423,7 +439,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
423
439
  true: string;
424
440
  false: string;
425
441
  };
426
- }, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", {
442
+ }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", {
427
443
  size: {
428
444
  xs: string;
429
445
  sm: string;
@@ -453,7 +469,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
453
469
  true: string;
454
470
  false: string;
455
471
  };
456
- }, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
472
+ }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
457
473
 
458
474
  type DefaultType = Omit<
459
475
  React.ComponentProps<typeof TabsPrimitive.Root>,
@@ -510,7 +526,7 @@ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
510
526
  xl: string;
511
527
  full: string;
512
528
  };
513
- }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", {
529
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/20 p-4 backdrop-blur-xs", {
514
530
  size: {
515
531
  sm: string;
516
532
  md: string;
@@ -526,7 +542,7 @@ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
526
542
  xl: string;
527
543
  full: string;
528
544
  };
529
- }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
545
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/20 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
530
546
 
531
547
  type DefaulTtype = Omit<
532
548
  React.ComponentProps<typeof DialogPrimitive.Root>,
@@ -598,7 +614,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
598
614
  default: string;
599
615
  ghost: string;
600
616
  };
601
- }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
617
+ }, undefined, " group text-fg flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
602
618
  separate: {
603
619
  true: string;
604
620
  };
@@ -614,7 +630,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
614
630
  default: string;
615
631
  ghost: string;
616
632
  };
617
- }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
633
+ }, undefined, " group text-fg flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
618
634
 
619
635
  type AccordionVariant =
620
636
  keyof typeof AccordionTriggerVariants.variants.variant;
@@ -639,7 +655,7 @@ declare const chipsVariants: tailwind_variants.TVReturnType<{
639
655
  rounded: {
640
656
  true: string;
641
657
  };
642
- }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-disabled-border disabled:bg-disabled-tertiary disabled:text-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
658
+ }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-stroke-disable disabled:bg-surface-disable-tertiary disabled:text-fg-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
643
659
  variant: {
644
660
  default: string;
645
661
  secondary: string;
@@ -661,7 +677,7 @@ declare const chipsVariants: tailwind_variants.TVReturnType<{
661
677
  rounded: {
662
678
  true: string;
663
679
  };
664
- }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-disabled-border disabled:bg-disabled-tertiary disabled:text-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
680
+ }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-stroke-disable disabled:bg-surface-disable-tertiary disabled:text-fg-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
665
681
 
666
682
  type ChipsVariantType = keyof typeof chipsVariants.variants.variant;
667
683
 
@@ -719,7 +735,7 @@ declare const tagVariants: tailwind_variants.TVReturnType<{
719
735
  borderLess: {
720
736
  true: string;
721
737
  };
722
- }, undefined, "inline-flex items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", {
738
+ }, undefined, "inline-flex [&_svg]:stroke-current items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", {
723
739
  variant: {
724
740
  default: string;
725
741
  secondary: string;
@@ -761,7 +777,7 @@ declare const tagVariants: tailwind_variants.TVReturnType<{
761
777
  borderLess: {
762
778
  true: string;
763
779
  };
764
- }, undefined, "inline-flex items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", unknown, unknown, undefined>>;
780
+ }, undefined, "inline-flex [&_svg]:stroke-current items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", unknown, unknown, undefined>>;
765
781
 
766
782
  type TagVariantsType = keyof typeof tagVariants.variants.variant;
767
783
 
@@ -882,7 +898,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
882
898
  filled: string;
883
899
  outline: string;
884
900
  };
885
- }, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", {
901
+ }, undefined, "relative w-full rounded-2xl border py-2 px-3 text-right flex gap-x-3", {
886
902
  type: {
887
903
  success: string;
888
904
  error: string;
@@ -906,7 +922,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
906
922
  filled: string;
907
923
  outline: string;
908
924
  };
909
- }, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", unknown, unknown, undefined>>;
925
+ }, undefined, "relative w-full rounded-2xl border py-2 px-3 text-right flex gap-x-3", unknown, unknown, undefined>>;
910
926
 
911
927
  type AlertTypes = keyof typeof alertVariants.variants.type;
912
928
  type AlertVariants = keyof typeof alertVariants.variants.variant;
@@ -916,7 +932,10 @@ type AlertProps = {
916
932
  variant?: AlertVariants;
917
933
  title?: string;
918
934
  withIcon?: boolean;
935
+ closable?: boolean;
919
936
  onClose?: StateAction;
937
+ onAction?: StateAction;
938
+ actionText?: string;
920
939
  } & React.ComponentProps<"div">;
921
940
 
922
941
  type BreadcrumbItemType = {
@@ -1132,7 +1151,7 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
1132
1151
 
1133
1152
  declare function Stepper({ steps, activeStep, onChange, orientation, className, clickable, dotStyle, connector, }: StepperProps): react_jsx_runtime.JSX.Element;
1134
1153
 
1135
- declare function Alert({ className, type, variant, title, withIcon, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
1154
+ declare function Alert({ className, type, variant, title, withIcon, onClose, closable, children, onAction, actionText, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
1136
1155
 
1137
1156
  declare function ScrollArea({ className, children, viewportClassName, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1138
1157
  viewportClassName?: string;
package/index.d.ts CHANGED
@@ -24,7 +24,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
24
24
  };
25
25
  color: {
26
26
  primary: string;
27
+ secondary: string;
27
28
  error: string;
29
+ success: string;
30
+ info: string;
31
+ warning: string;
28
32
  };
29
33
  size: {
30
34
  xs: string;
@@ -40,7 +44,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
40
44
  true: string;
41
45
  false: string;
42
46
  };
43
- }, undefined, "inline-flex items-center relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
47
+ }, undefined, "inline-flex items-center [&_svg]:stroke-current relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-fg-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
44
48
  variant: {
45
49
  fill: string;
46
50
  ghost: string;
@@ -49,7 +53,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
49
53
  };
50
54
  color: {
51
55
  primary: string;
56
+ secondary: string;
52
57
  error: string;
58
+ success: string;
59
+ info: string;
60
+ warning: string;
53
61
  };
54
62
  size: {
55
63
  xs: string;
@@ -74,7 +82,11 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
74
82
  };
75
83
  color: {
76
84
  primary: string;
85
+ secondary: string;
77
86
  error: string;
87
+ success: string;
88
+ info: string;
89
+ warning: string;
78
90
  };
79
91
  size: {
80
92
  xs: string;
@@ -90,13 +102,13 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
90
102
  true: string;
91
103
  false: string;
92
104
  };
93
- }, undefined, "inline-flex items-center relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
105
+ }, undefined, "inline-flex items-center [&_svg]:stroke-current relative active:scale-95 [&_svg]:text-current cursor-pointer disabled:text-fg-disabled justify-center gap-2 whitespace-nowrap font-normal transition-all disabled:pointer-events-none select-none [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
94
106
 
95
107
  type ButtonVariant = keyof typeof buttonVariants.variants.variant;
96
108
 
97
109
  type ButtonSize = keyof typeof buttonVariants.variants.size;
98
110
 
99
- type ButtonColors = "primary" | "error";
111
+ type ButtonColors = keyof typeof buttonVariants.variants.color;
100
112
 
101
113
  /**
102
114
  * Primary UI component for user interaction
@@ -110,6 +122,10 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
110
122
  * Button Trailling Icon
111
123
  */
112
124
  traillingIcon?: React.ReactNode;
125
+ /**
126
+ * Button Trailling Icon
127
+ */
128
+ leadingIcon?: React.ReactNode;
113
129
  /**
114
130
  * Button Variant
115
131
  */
@@ -156,7 +172,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
156
172
  true: string;
157
173
  false: string;
158
174
  };
159
- }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
175
+ }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full transition-all outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
160
176
  size: {
161
177
  sm: string;
162
178
  md: string;
@@ -176,7 +192,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
176
192
  true: string;
177
193
  false: string;
178
194
  };
179
- }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full shadow-xs transition-all outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
195
+ }, undefined, "group cursor-pointer border-2 border-transparent inline-flex shrink-0 items-center rounded-full transition-all outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
180
196
 
181
197
  type DefaultType$4 = Omit<
182
198
  React.ComponentProps<typeof Root>,
@@ -278,7 +294,7 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
278
294
  true: string;
279
295
  false: string;
280
296
  };
281
- }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
297
+ }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
282
298
  size: {
283
299
  sm: string;
284
300
  md: string;
@@ -298,7 +314,7 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
298
314
  true: string;
299
315
  false: string;
300
316
  };
301
- }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
317
+ }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
302
318
 
303
319
  type DefaultType$2 = Omit<
304
320
  React.ComponentProps<typeof Root$2>,
@@ -331,7 +347,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
331
347
  md: string;
332
348
  lg: string;
333
349
  };
334
- }, undefined, "peer w-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", {
350
+ }, undefined, "peer w-full text-fg disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", {
335
351
  size: {
336
352
  xs: string;
337
353
  sm: string;
@@ -345,7 +361,7 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
345
361
  md: string;
346
362
  lg: string;
347
363
  };
348
- }, undefined, "peer w-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
364
+ }, undefined, "peer w-full text-fg disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
349
365
 
350
366
  type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
351
367
 
@@ -423,7 +439,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
423
439
  true: string;
424
440
  false: string;
425
441
  };
426
- }, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", {
442
+ }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", {
427
443
  size: {
428
444
  xs: string;
429
445
  sm: string;
@@ -453,7 +469,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
453
469
  true: string;
454
470
  false: string;
455
471
  };
456
- }, undefined, "bg-background-segment inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
472
+ }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
457
473
 
458
474
  type DefaultType = Omit<
459
475
  React.ComponentProps<typeof TabsPrimitive.Root>,
@@ -510,7 +526,7 @@ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
510
526
  xl: string;
511
527
  full: string;
512
528
  };
513
- }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", {
529
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/20 p-4 backdrop-blur-xs", {
514
530
  size: {
515
531
  sm: string;
516
532
  md: string;
@@ -526,7 +542,7 @@ declare const contentWrapperVariants: tailwind_variants.TVReturnType<{
526
542
  xl: string;
527
543
  full: string;
528
544
  };
529
- }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/10 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
545
+ }, undefined, "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-2xl bg-white/20 p-4 backdrop-blur-xs", unknown, unknown, undefined>>;
530
546
 
531
547
  type DefaulTtype = Omit<
532
548
  React.ComponentProps<typeof DialogPrimitive.Root>,
@@ -598,7 +614,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
598
614
  default: string;
599
615
  ghost: string;
600
616
  };
601
- }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
617
+ }, undefined, " group text-fg flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", {
602
618
  separate: {
603
619
  true: string;
604
620
  };
@@ -614,7 +630,7 @@ declare const AccordionTriggerVariants: tailwind_variants.TVReturnType<{
614
630
  default: string;
615
631
  ghost: string;
616
632
  };
617
- }, undefined, " group text-text flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
633
+ }, undefined, " group text-fg flex flex-1 cursor-pointer items-start p-4 pr-8 text-right text-base font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 ", unknown, unknown, undefined>>;
618
634
 
619
635
  type AccordionVariant =
620
636
  keyof typeof AccordionTriggerVariants.variants.variant;
@@ -639,7 +655,7 @@ declare const chipsVariants: tailwind_variants.TVReturnType<{
639
655
  rounded: {
640
656
  true: string;
641
657
  };
642
- }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-disabled-border disabled:bg-disabled-tertiary disabled:text-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", {
658
+ }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-stroke-disable disabled:bg-surface-disable-tertiary disabled:text-fg-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", {
643
659
  variant: {
644
660
  default: string;
645
661
  secondary: string;
@@ -661,7 +677,7 @@ declare const chipsVariants: tailwind_variants.TVReturnType<{
661
677
  rounded: {
662
678
  true: string;
663
679
  };
664
- }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-disabled-border disabled:bg-disabled-tertiary disabled:text-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-ring-offset focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-ring", unknown, unknown, undefined>>;
680
+ }, undefined, "inline-flex items-center justify-center gap-1 disabled:shadow-none rounded-lg border disabled:border-stroke-disable disabled:bg-surface-disable-tertiary disabled:text-fg-disabled min-w-12 px-2 h-8 text-xs [&_svg:not([class*='size-'])]:size-3 outline-none disabled:pointer-events-none select-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
665
681
 
666
682
  type ChipsVariantType = keyof typeof chipsVariants.variants.variant;
667
683
 
@@ -719,7 +735,7 @@ declare const tagVariants: tailwind_variants.TVReturnType<{
719
735
  borderLess: {
720
736
  true: string;
721
737
  };
722
- }, undefined, "inline-flex items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", {
738
+ }, undefined, "inline-flex [&_svg]:stroke-current items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", {
723
739
  variant: {
724
740
  default: string;
725
741
  secondary: string;
@@ -761,7 +777,7 @@ declare const tagVariants: tailwind_variants.TVReturnType<{
761
777
  borderLess: {
762
778
  true: string;
763
779
  };
764
- }, undefined, "inline-flex items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", unknown, unknown, undefined>>;
780
+ }, undefined, "inline-flex [&_svg]:stroke-current items-center justify-center gap-1 h-6 min-w-11 px-2 rounded-sm border text-xs [&_svg:not([class*='size-'])]:size-3 outline-none select-none", unknown, unknown, undefined>>;
765
781
 
766
782
  type TagVariantsType = keyof typeof tagVariants.variants.variant;
767
783
 
@@ -882,7 +898,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
882
898
  filled: string;
883
899
  outline: string;
884
900
  };
885
- }, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", {
901
+ }, undefined, "relative w-full rounded-2xl border py-2 px-3 text-right flex gap-x-3", {
886
902
  type: {
887
903
  success: string;
888
904
  error: string;
@@ -906,7 +922,7 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
906
922
  filled: string;
907
923
  outline: string;
908
924
  };
909
- }, undefined, "relative w-full rounded-2xl border py-4 pr-4 pl-3 text-right flex gap-x-3", unknown, unknown, undefined>>;
925
+ }, undefined, "relative w-full rounded-2xl border py-2 px-3 text-right flex gap-x-3", unknown, unknown, undefined>>;
910
926
 
911
927
  type AlertTypes = keyof typeof alertVariants.variants.type;
912
928
  type AlertVariants = keyof typeof alertVariants.variants.variant;
@@ -916,7 +932,10 @@ type AlertProps = {
916
932
  variant?: AlertVariants;
917
933
  title?: string;
918
934
  withIcon?: boolean;
935
+ closable?: boolean;
919
936
  onClose?: StateAction;
937
+ onAction?: StateAction;
938
+ actionText?: string;
920
939
  } & React.ComponentProps<"div">;
921
940
 
922
941
  type BreadcrumbItemType = {
@@ -1132,7 +1151,7 @@ declare function Skeleton({ className, ...props }: React.ComponentProps<"div">):
1132
1151
 
1133
1152
  declare function Stepper({ steps, activeStep, onChange, orientation, className, clickable, dotStyle, connector, }: StepperProps): react_jsx_runtime.JSX.Element;
1134
1153
 
1135
- declare function Alert({ className, type, variant, title, withIcon, onClose, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
1154
+ declare function Alert({ className, type, variant, title, withIcon, onClose, closable, children, onAction, actionText, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
1136
1155
 
1137
1156
  declare function ScrollArea({ className, children, viewportClassName, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
1138
1157
  viewportClassName?: string;