@vkzstudio/muza-ui 1.0.45 → 1.0.47
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.
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +70 -62
- package/dist/components/Accordion/Accordion.stories.d.ts.map +1 -1
- package/dist/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts +63 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +67 -0
- package/dist/components/Card/Card.stories.d.ts +13 -0
- package/dist/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.d.ts +140 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.js +241 -0
- package/dist/components/Carousel/Carousel.stories.d.ts +13 -0
- package/dist/components/Carousel/Carousel.stories.d.ts.map +1 -0
- package/dist/components/Carousel/index.d.ts +2 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/components/EdgeButton/EdgeButton.stories.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +372 -1
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +61 -63
- package/dist/components/Flex/Flex.stories.d.ts.map +1 -1
- package/dist/components/Icons/Icons.stories.d.ts.map +1 -1
- package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
- package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/dist/components/Progress/Progress.d.ts +49 -0
- package/dist/components/Progress/Progress.d.ts.map +1 -0
- package/dist/components/Progress/Progress.js +64 -0
- package/dist/components/Progress/Progress.stories.d.ts +13 -0
- package/dist/components/Progress/Progress.stories.d.ts.map +1 -0
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Progress/index.d.ts.map +1 -0
- package/dist/components/Reorderable/Reorderable.stories.d.ts.map +1 -1
- package/dist/components/Sheet/Sheet.d.ts +89 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/components/Sheet/Sheet.js +189 -0
- package/dist/components/Sheet/Sheet.stories.d.ts +20 -0
- package/dist/components/Sheet/Sheet.stories.d.ts.map +1 -0
- package/dist/components/Sheet/index.d.ts +2 -0
- package/dist/components/Sheet/index.d.ts.map +1 -0
- package/dist/components/Slider/Slider.d.ts +65 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/Slider.js +134 -0
- package/dist/components/Slider/Slider.stories.d.ts +12 -0
- package/dist/components/Slider/Slider.stories.d.ts.map +1 -0
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
- package/dist/components/Typography/Typography.stories.d.ts.map +1 -1
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +310 -277
- package/dist/muza-ui.css +1 -1
- package/dist/styles/primitives.css +5 -1
- package/dist/styles/token-colors.css +175 -27
- package/dist/styles/token-sizes.css +602 -257
- package/dist/styles/typography.css +36 -7
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +17 -0
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +17 -0
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +19 -2
- package/dist/translations/types.d.ts +42 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +24 -10
- package/llms-full.md +38 -35
- package/llms.txt +10 -9
- package/package.json +6 -3
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/* width >= 1024px */
|
|
2
2
|
@theme {
|
|
3
|
-
|
|
4
|
-
--font-
|
|
5
|
-
--font-
|
|
3
|
+
/* number */
|
|
4
|
+
--font-weight-light: 300;
|
|
5
|
+
--font-weight-regular: 400;
|
|
6
|
+
--font-weight-medium: 500;
|
|
7
|
+
--font-weight-bold: 700;
|
|
6
8
|
--paragraph-spacing-12: 12px;
|
|
7
9
|
--text-2xs: 12px;
|
|
8
10
|
--text-input: 14px;
|
|
@@ -17,15 +19,20 @@
|
|
|
17
19
|
--text-5xl: 56px;
|
|
18
20
|
--text-6xl: 64px;
|
|
19
21
|
--text-7xl: 72px;
|
|
20
|
-
|
|
21
|
-
--font-
|
|
22
|
-
--font-
|
|
23
|
-
--font-
|
|
22
|
+
/* string */
|
|
23
|
+
--font-cta: Objectivity;
|
|
24
|
+
--font-heading: Objectivity;
|
|
25
|
+
--font-text: Objectivity;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
/* max 1024px */
|
|
27
29
|
@media (width < 64rem) {
|
|
28
30
|
:root {
|
|
31
|
+
/* number */
|
|
32
|
+
--font-weight-light: 300;
|
|
33
|
+
--font-weight-regular: 400;
|
|
34
|
+
--font-weight-medium: 500;
|
|
35
|
+
--font-weight-bold: 700;
|
|
29
36
|
--paragraph-spacing-12: 12px;
|
|
30
37
|
--text-2xs: 12px;
|
|
31
38
|
--text-xs: 14px;
|
|
@@ -40,12 +47,21 @@
|
|
|
40
47
|
--text-5xl: 48px;
|
|
41
48
|
--text-6xl: 56px;
|
|
42
49
|
--text-7xl: 64px;
|
|
50
|
+
/* string */
|
|
51
|
+
--font-cta: Objectivity;
|
|
52
|
+
--font-heading: Objectivity;
|
|
53
|
+
--font-text: Objectivity;
|
|
43
54
|
}
|
|
44
55
|
}
|
|
45
56
|
|
|
46
57
|
/* max 768px */
|
|
47
58
|
@media (width < 48rem) {
|
|
48
59
|
:root {
|
|
60
|
+
/* number */
|
|
61
|
+
--font-weight-light: 300;
|
|
62
|
+
--font-weight-regular: 400;
|
|
63
|
+
--font-weight-medium: 500;
|
|
64
|
+
--font-weight-bold: 700;
|
|
49
65
|
--paragraph-spacing-12: 12px;
|
|
50
66
|
--text-2xs: 12px;
|
|
51
67
|
--text-xs: 14px;
|
|
@@ -60,12 +76,21 @@
|
|
|
60
76
|
--text-5xl: 40px;
|
|
61
77
|
--text-6xl: 48px;
|
|
62
78
|
--text-7xl: 56px;
|
|
79
|
+
/* string */
|
|
80
|
+
--font-cta: Objectivity;
|
|
81
|
+
--font-heading: Objectivity;
|
|
82
|
+
--font-text: Objectivity;
|
|
63
83
|
}
|
|
64
84
|
}
|
|
65
85
|
|
|
66
86
|
/* min 1600px */
|
|
67
87
|
@media (width >= 100rem) {
|
|
68
88
|
:root {
|
|
89
|
+
/* number */
|
|
90
|
+
--font-weight-light: 300;
|
|
91
|
+
--font-weight-regular: 400;
|
|
92
|
+
--font-weight-medium: 500;
|
|
93
|
+
--font-weight-bold: 700;
|
|
69
94
|
--paragraph-spacing-12: 12px;
|
|
70
95
|
--text-2xs: 12px;
|
|
71
96
|
--text-input: 14px;
|
|
@@ -80,5 +105,9 @@
|
|
|
80
105
|
--text-5xl: 56px;
|
|
81
106
|
--text-6xl: 64px;
|
|
82
107
|
--text-7xl: 72px;
|
|
108
|
+
/* string */
|
|
109
|
+
--font-cta: Objectivity;
|
|
110
|
+
--font-heading: Objectivity;
|
|
111
|
+
--font-text: Objectivity;
|
|
83
112
|
}
|
|
84
113
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cs.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/cs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"cs.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/cs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAmG5B,CAAA"}
|
|
@@ -4,6 +4,12 @@ const e = {
|
|
|
4
4
|
resetButton: "Resetovat",
|
|
5
5
|
bottomTextDefault: "Vyberte datum"
|
|
6
6
|
},
|
|
7
|
+
carousel: {
|
|
8
|
+
previousAriaLabel: "Předchozí snímek",
|
|
9
|
+
nextAriaLabel: "Další snímek",
|
|
10
|
+
dotsAriaLabel: "Stránkování karuselu",
|
|
11
|
+
dotAriaLabel: "Přejít na snímek"
|
|
12
|
+
},
|
|
7
13
|
datePicker: {
|
|
8
14
|
defaultPresets: [
|
|
9
15
|
{ name: "Dnes", type: "Today" },
|
|
@@ -31,6 +37,17 @@ const e = {
|
|
|
31
37
|
dialog: {
|
|
32
38
|
closeAriaLabel: "Zavřít"
|
|
33
39
|
},
|
|
40
|
+
progress: {
|
|
41
|
+
ariaLabel: "Průběh"
|
|
42
|
+
},
|
|
43
|
+
sheet: {
|
|
44
|
+
closeAriaLabel: "Zavřít"
|
|
45
|
+
},
|
|
46
|
+
slider: {
|
|
47
|
+
thumbAriaLabel: "Hodnota",
|
|
48
|
+
minThumbAriaLabel: "Minimální hodnota",
|
|
49
|
+
maxThumbAriaLabel: "Maximální hodnota"
|
|
50
|
+
},
|
|
34
51
|
stepper: {
|
|
35
52
|
incrementAriaLabel: "Zvýšit",
|
|
36
53
|
decrementAriaLabel: "Snížit"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAmG5B,CAAA"}
|
|
@@ -4,6 +4,12 @@ const e = {
|
|
|
4
4
|
resetButton: "Reset",
|
|
5
5
|
bottomTextDefault: "Select a date"
|
|
6
6
|
},
|
|
7
|
+
carousel: {
|
|
8
|
+
previousAriaLabel: "Previous slide",
|
|
9
|
+
nextAriaLabel: "Next slide",
|
|
10
|
+
dotsAriaLabel: "Carousel pagination",
|
|
11
|
+
dotAriaLabel: "Go to slide"
|
|
12
|
+
},
|
|
7
13
|
datePicker: {
|
|
8
14
|
defaultPresets: [
|
|
9
15
|
{ name: "Today", type: "Today" },
|
|
@@ -31,6 +37,17 @@ const e = {
|
|
|
31
37
|
dialog: {
|
|
32
38
|
closeAriaLabel: "Close"
|
|
33
39
|
},
|
|
40
|
+
progress: {
|
|
41
|
+
ariaLabel: "Progress"
|
|
42
|
+
},
|
|
43
|
+
sheet: {
|
|
44
|
+
closeAriaLabel: "Close"
|
|
45
|
+
},
|
|
46
|
+
slider: {
|
|
47
|
+
thumbAriaLabel: "Value",
|
|
48
|
+
minThumbAriaLabel: "Minimum value",
|
|
49
|
+
maxThumbAriaLabel: "Maximum value"
|
|
50
|
+
},
|
|
34
51
|
stepper: {
|
|
35
52
|
incrementAriaLabel: "Increment",
|
|
36
53
|
decrementAriaLabel: "Decrement"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/sk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../src/translations/locales/sk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,cAAc,EAAE,gBAmG5B,CAAA"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
const
|
|
1
|
+
const a = {
|
|
2
2
|
calendar: {
|
|
3
3
|
confirmButton: "Potvrdiť výber",
|
|
4
4
|
resetButton: "Resetovať",
|
|
5
5
|
bottomTextDefault: "Vyberte dátum"
|
|
6
6
|
},
|
|
7
|
+
carousel: {
|
|
8
|
+
previousAriaLabel: "Predchádzajúca snímka",
|
|
9
|
+
nextAriaLabel: "Ďalšia snímka",
|
|
10
|
+
dotsAriaLabel: "Stránkovanie karuselu",
|
|
11
|
+
dotAriaLabel: "Prejsť na snímku"
|
|
12
|
+
},
|
|
7
13
|
datePicker: {
|
|
8
14
|
defaultPresets: [
|
|
9
15
|
{ name: "Dnes", type: "Today" },
|
|
@@ -31,6 +37,17 @@ const e = {
|
|
|
31
37
|
dialog: {
|
|
32
38
|
closeAriaLabel: "Zavrieť"
|
|
33
39
|
},
|
|
40
|
+
progress: {
|
|
41
|
+
ariaLabel: "Priebeh"
|
|
42
|
+
},
|
|
43
|
+
sheet: {
|
|
44
|
+
closeAriaLabel: "Zavrieť"
|
|
45
|
+
},
|
|
46
|
+
slider: {
|
|
47
|
+
thumbAriaLabel: "Hodnota",
|
|
48
|
+
minThumbAriaLabel: "Minimálna hodnota",
|
|
49
|
+
maxThumbAriaLabel: "Maximálna hodnota"
|
|
50
|
+
},
|
|
34
51
|
stepper: {
|
|
35
52
|
incrementAriaLabel: "Zvýšiť",
|
|
36
53
|
decrementAriaLabel: "Znížiť"
|
|
@@ -82,5 +99,5 @@ const e = {
|
|
|
82
99
|
}
|
|
83
100
|
};
|
|
84
101
|
export {
|
|
85
|
-
|
|
102
|
+
a as skTranslations
|
|
86
103
|
};
|
|
@@ -22,6 +22,19 @@ export interface CalendarTranslations {
|
|
|
22
22
|
resetButton: string;
|
|
23
23
|
bottomTextDefault: string;
|
|
24
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* Carousel component translations
|
|
27
|
+
*/
|
|
28
|
+
export interface CarouselTranslations {
|
|
29
|
+
/** Aria label for the previous-slide button. */
|
|
30
|
+
previousAriaLabel: string;
|
|
31
|
+
/** Aria label for the next-slide button. */
|
|
32
|
+
nextAriaLabel: string;
|
|
33
|
+
/** Aria label for the dot indicator list. */
|
|
34
|
+
dotsAriaLabel: string;
|
|
35
|
+
/** Base aria label for individual dot buttons; index is appended. */
|
|
36
|
+
dotAriaLabel: string;
|
|
37
|
+
}
|
|
25
38
|
/**
|
|
26
39
|
* DatePicker component translations with preset configurations
|
|
27
40
|
*/
|
|
@@ -50,6 +63,31 @@ export interface FileUploadTranslations {
|
|
|
50
63
|
export interface DialogTranslations {
|
|
51
64
|
closeAriaLabel: string;
|
|
52
65
|
}
|
|
66
|
+
/**
|
|
67
|
+
* Progress component translations
|
|
68
|
+
*/
|
|
69
|
+
export interface ProgressTranslations {
|
|
70
|
+
/** Aria label announced to screen readers for the progress bar. */
|
|
71
|
+
ariaLabel: string;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Sheet component translations
|
|
75
|
+
*/
|
|
76
|
+
export interface SheetTranslations {
|
|
77
|
+
/** Accessible label for the close button in the Sheet header. */
|
|
78
|
+
closeAriaLabel: string;
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Slider component translations
|
|
82
|
+
*/
|
|
83
|
+
export interface SliderTranslations {
|
|
84
|
+
/** Aria label used for a single-thumb slider. */
|
|
85
|
+
thumbAriaLabel: string;
|
|
86
|
+
/** Aria label for the lower thumb in a range slider. */
|
|
87
|
+
minThumbAriaLabel: string;
|
|
88
|
+
/** Aria label for the upper thumb in a range slider. */
|
|
89
|
+
maxThumbAriaLabel: string;
|
|
90
|
+
}
|
|
53
91
|
/**
|
|
54
92
|
* Stepper component translations
|
|
55
93
|
*/
|
|
@@ -134,9 +172,13 @@ export interface ReorderableTableTranslations {
|
|
|
134
172
|
*/
|
|
135
173
|
export interface MuzaTranslations {
|
|
136
174
|
calendar: CalendarTranslations;
|
|
175
|
+
carousel: CarouselTranslations;
|
|
137
176
|
datePicker: DatePickerTranslations;
|
|
138
177
|
fileUpload: FileUploadTranslations;
|
|
139
178
|
dialog: DialogTranslations;
|
|
179
|
+
progress: ProgressTranslations;
|
|
180
|
+
sheet: SheetTranslations;
|
|
181
|
+
slider: SliderTranslations;
|
|
140
182
|
stepper: StepperTranslations;
|
|
141
183
|
swipeButton: SwipeButtonTranslations;
|
|
142
184
|
select: SelectTranslations;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/translations/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/translations/types.ts"],"names":[],"mappings":"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"}
|
package/dist/utils/cn.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAwT5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAEzC,CAAA"}
|
package/dist/utils/cn.js
CHANGED
|
@@ -20,12 +20,21 @@ const o = [
|
|
|
20
20
|
"8xl",
|
|
21
21
|
"9xl",
|
|
22
22
|
"10xl",
|
|
23
|
-
"comp-accordion-ico-size-sm",
|
|
24
|
-
"comp-accordion-ico-size-md",
|
|
25
|
-
"comp-accordion-
|
|
26
|
-
"comp-accordion-
|
|
27
|
-
"comp-accordion-
|
|
28
|
-
"comp-accordion-
|
|
23
|
+
"comp-accordion-branded-ico-size-sm",
|
|
24
|
+
"comp-accordion-branded-ico-size-md",
|
|
25
|
+
"comp-accordion-branded-ico-size-lg",
|
|
26
|
+
"comp-accordion-branded-p",
|
|
27
|
+
"comp-accordion-branded-p-ver",
|
|
28
|
+
"comp-accordion-branded-radius",
|
|
29
|
+
"comp-accordion-default-ico-size-sm",
|
|
30
|
+
"comp-accordion-default-ico-size-md",
|
|
31
|
+
"comp-accordion-default-ico-size-lg",
|
|
32
|
+
"comp-accordion-default-p",
|
|
33
|
+
"comp-accordion-default-p-ver",
|
|
34
|
+
"comp-accordion-default-radius",
|
|
35
|
+
"comp-accordion-inline-p-hor",
|
|
36
|
+
"comp-accordion-inline-p-ver",
|
|
37
|
+
"comp-accordion-inline-gap",
|
|
29
38
|
"comp-accordion-settings-p-top",
|
|
30
39
|
"comp-accordion-settings-radius",
|
|
31
40
|
"comp-accordion-settings-gap",
|
|
@@ -104,6 +113,12 @@ const o = [
|
|
|
104
113
|
"comp-card-offer-logo-size",
|
|
105
114
|
"comp-card-offer-h",
|
|
106
115
|
"comp-carousel-circle-size",
|
|
116
|
+
"comp-carousel-gap",
|
|
117
|
+
"comp-carousel-arrow-offset",
|
|
118
|
+
"comp-carousel-arrow-offset-sm",
|
|
119
|
+
"comp-carousel-arrow-offset-v",
|
|
120
|
+
"comp-carousel-arrow-offset-v-sm",
|
|
121
|
+
"comp-carousel-dots-gap",
|
|
107
122
|
"comp-checkbox-w-stroke",
|
|
108
123
|
"comp-checkbox-radius",
|
|
109
124
|
"comp-chip-gap",
|
|
@@ -236,7 +251,6 @@ const o = [
|
|
|
236
251
|
"comp-texteditor-radius",
|
|
237
252
|
"comp-texteditor-ico-bg-size",
|
|
238
253
|
"comp-texteditor-radius",
|
|
239
|
-
"comp-time-picker-container-h",
|
|
240
254
|
"comp-toast-p-hor",
|
|
241
255
|
"comp-toast-p-ver",
|
|
242
256
|
"comp-toast-radius",
|
|
@@ -281,7 +295,7 @@ const o = [
|
|
|
281
295
|
"layout-p-standard",
|
|
282
296
|
"layout-w-admin-settings",
|
|
283
297
|
"layout-admin-max-w"
|
|
284
|
-
],
|
|
298
|
+
], a = e({
|
|
285
299
|
extend: {
|
|
286
300
|
theme: {
|
|
287
301
|
spacing: o,
|
|
@@ -289,7 +303,7 @@ const o = [
|
|
|
289
303
|
},
|
|
290
304
|
classGroups: {}
|
|
291
305
|
}
|
|
292
|
-
}),
|
|
306
|
+
}), r = (...c) => a(p(c));
|
|
293
307
|
export {
|
|
294
|
-
|
|
308
|
+
r as cn
|
|
295
309
|
};
|
package/llms-full.md
CHANGED
|
@@ -14,18 +14,26 @@ import '@vkzstudio/muza-ui/styles'
|
|
|
14
14
|
|
|
15
15
|
## MuzaUIProvider
|
|
16
16
|
|
|
17
|
-
Wrap your app with `MuzaUIProvider` to
|
|
17
|
+
**Required.** Wrap your app root with `MuzaUIProvider` for the library to work correctly. It bundles every context provider the library depends on so you never have to nest them yourself.
|
|
18
18
|
|
|
19
19
|
```tsx
|
|
20
20
|
import { MuzaUIProvider } from '@vkzstudio/muza-ui'
|
|
21
21
|
|
|
22
|
-
;<MuzaUIProvider
|
|
23
|
-
{' '
|
|
24
|
-
|
|
22
|
+
;<MuzaUIProvider
|
|
23
|
+
translationConfig={{ locale: 'en' }} // 'en' | 'cs' | 'sk'
|
|
24
|
+
color="#14645a" // optional white-label brand color
|
|
25
|
+
>
|
|
25
26
|
<App />
|
|
26
27
|
</MuzaUIProvider>
|
|
27
28
|
```
|
|
28
29
|
|
|
30
|
+
**Bundled providers (do NOT add these again inside your app):**
|
|
31
|
+
|
|
32
|
+
- `TranslationProvider` — powers locale + translations for DatePicker, Select, Calendar, etc. Configure via `translationConfig`.
|
|
33
|
+
- `TooltipProvider` — already wraps the tree, so `<Tooltip>` works without its own `<TooltipProvider>`. Configure via `tooltipConfig`.
|
|
34
|
+
- `ToastContainer` — mounted automatically, so `toast()` works anywhere with no extra setup. Configure via `toastConfig`.
|
|
35
|
+
- `ThemeProvider` — applies white-label theming when you pass a `color` hex (sets `--brand-*` CSS variables on `:root`).
|
|
36
|
+
|
|
29
37
|
Components like DatePicker, Select, and Calendar use translated strings automatically. You can override any text via component props.
|
|
30
38
|
|
|
31
39
|
## Component Usage Rules
|
|
@@ -34,25 +42,25 @@ Components like DatePicker, Select, and Calendar use translated strings automati
|
|
|
34
42
|
|
|
35
43
|
NEVER create new UI components that duplicate Muza UI functionality. Check available components first:
|
|
36
44
|
|
|
37
|
-
**Complete Component List (
|
|
45
|
+
**Complete Component List (57 components)**
|
|
38
46
|
|
|
39
|
-
**Form & Input (
|
|
40
|
-
Button, Input, PasswordInput, Textarea, Checkbox, Radio, Switch, Toggle, ToggleGroup, Select, MultiSelect, Searchbar, FileUpload, TextEditor
|
|
47
|
+
**Form & Input (17)**:
|
|
48
|
+
Button, ButtonArrow, Input, PasswordInput, Textarea, Checkbox, Radio, Switch, Toggle, ToggleCheckButton, ToggleGroup, Select, MultiSelect, Searchbar, FileUpload, TextEditor, Slider
|
|
41
49
|
|
|
42
|
-
**Layout & Structure (
|
|
43
|
-
Accordion, Flex, Typography, Dialog, Skeleton
|
|
50
|
+
**Layout & Structure (7)**:
|
|
51
|
+
Accordion, Card, Flex, Sheet, Typography, Dialog, Skeleton
|
|
44
52
|
|
|
45
|
-
**Data Display (
|
|
46
|
-
DataTable, ExpandableTable, Reorderable, ReorderableTable
|
|
53
|
+
**Data Display (5)**:
|
|
54
|
+
DataTable, ExpandableTable, Reorderable, ReorderableTable, ResponsiveLayoutTable
|
|
47
55
|
|
|
48
|
-
**Feedback & Status (
|
|
49
|
-
Alert, Chip, Tag, Loader, EmptyState, Toast, PinIndicator, SliderIndicators
|
|
56
|
+
**Feedback & Status (9)**:
|
|
57
|
+
Alert, Chip, Tag, Loader, EmptyState, Toast, PinIndicator, SliderIndicators, Progress
|
|
50
58
|
|
|
51
|
-
**Navigation (
|
|
52
|
-
Breadcrumb, DropdownMenu, SegmentedControl, SegmentedIconControl, Stepper, SwipeButton, EdgeButton, LanguageSwitcher
|
|
59
|
+
**Navigation (9)**:
|
|
60
|
+
Breadcrumb, DropdownMenu, Pagination, SegmentedControl, SegmentedIconControl, Stepper, SwipeButton, EdgeButton, LanguageSwitcher
|
|
53
61
|
|
|
54
|
-
**Media & Display (
|
|
55
|
-
Avatar, Lightbox, Tooltip
|
|
62
|
+
**Media & Display (4)**:
|
|
63
|
+
Avatar, Carousel, Lightbox, Tooltip
|
|
56
64
|
|
|
57
65
|
**Date & Time (3)**:
|
|
58
66
|
Calendar, DatePicker, TimePicker
|
|
@@ -140,7 +148,7 @@ import {
|
|
|
140
148
|
</Dialog>
|
|
141
149
|
```
|
|
142
150
|
|
|
143
|
-
Sub-components: `Dialog`, `DialogTrigger`, `DialogContent`, `DialogTitle`, `DialogDescription`, `DialogClose`, `DialogOverlay`, `DialogPortal`
|
|
151
|
+
Sub-components: `Dialog`, `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogFooter`, `DialogTitle`, `DialogDescription`, `DialogClose`, `DialogOverlay`, `DialogPortal`
|
|
144
152
|
|
|
145
153
|
#### DropdownMenu (19 uses)
|
|
146
154
|
|
|
@@ -166,7 +174,7 @@ import {
|
|
|
166
174
|
</DropdownMenu>
|
|
167
175
|
```
|
|
168
176
|
|
|
169
|
-
Sub-components: `DropdownMenu`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuItem`, `DropdownMenuCheckboxItem`, `DropdownMenuRadioGroup`, `DropdownMenuRadioItem`, `DropdownMenuSeparator`, `DropdownMenuButtonItem`
|
|
177
|
+
Sub-components: `DropdownMenu`, `DropdownMenuTrigger`, `DropdownMenuPortal`, `DropdownMenuContent`, `DropdownMenuItem`, `DropdownMenuCheckboxItem`, `DropdownMenuRadioGroup`, `DropdownMenuRadioItem`, `DropdownMenuSeparator`, `DropdownMenuButtonItem`
|
|
170
178
|
|
|
171
179
|
#### Accordion
|
|
172
180
|
|
|
@@ -188,22 +196,17 @@ import {
|
|
|
188
196
|
|
|
189
197
|
#### Tooltip
|
|
190
198
|
|
|
191
|
-
|
|
192
|
-
import {
|
|
193
|
-
Tooltip,
|
|
194
|
-
TooltipContent,
|
|
195
|
-
TooltipProvider,
|
|
196
|
-
TooltipTrigger,
|
|
197
|
-
} from '@vkzstudio/muza-ui'
|
|
199
|
+
`TooltipProvider` is already supplied by `MuzaUIProvider` — do not wrap it again.
|
|
198
200
|
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
<
|
|
205
|
-
</
|
|
206
|
-
</
|
|
201
|
+
```tsx
|
|
202
|
+
import { Tooltip, TooltipContent, TooltipTrigger } from '@vkzstudio/muza-ui'
|
|
203
|
+
|
|
204
|
+
;<Tooltip>
|
|
205
|
+
<TooltipTrigger asChild>
|
|
206
|
+
<Button>Hover me</Button>
|
|
207
|
+
</TooltipTrigger>
|
|
208
|
+
<TooltipContent>Tooltip text</TooltipContent>
|
|
209
|
+
</Tooltip>
|
|
207
210
|
```
|
|
208
211
|
|
|
209
212
|
#### Popover
|
|
@@ -284,7 +287,7 @@ toast({ variant: 'error', text: 'Failed to save', closable: true })
|
|
|
284
287
|
toast({ variant: 'warning', text: 'Unsaved changes', autoDismiss: 5000 })
|
|
285
288
|
```
|
|
286
289
|
|
|
287
|
-
**Note:**
|
|
290
|
+
**Note:** `MuzaUIProvider` already mounts `ToastContainer` — do not add it again. Use `toastConfig` on the provider to customize position/duration. If you are NOT using `MuzaUIProvider` (not recommended), add `<ToastContainer position="top-right" />` to your app root manually.
|
|
288
291
|
|
|
289
292
|
#### FileUpload
|
|
290
293
|
|
package/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Muza UI
|
|
2
2
|
|
|
3
|
-
> React component library (
|
|
3
|
+
> React component library (57 components) built with Tailwind CSS 4, shadcn/ui patterns, and Radix primitives. Provides form inputs, layout components, feedback indicators, navigation, and date/time pickers.
|
|
4
4
|
|
|
5
5
|
## Documentation
|
|
6
6
|
|
|
@@ -13,21 +13,22 @@
|
|
|
13
13
|
import { MuzaUIProvider, Button, Input } from '@vkzstudio/muza-ui'
|
|
14
14
|
import '@vkzstudio/muza-ui/styles'
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
// Required: wraps TranslationProvider, TooltipProvider, ToastContainer, ThemeProvider
|
|
17
|
+
<MuzaUIProvider translationConfig={{ locale: 'en' }}>
|
|
17
18
|
<App />
|
|
18
19
|
</MuzaUIProvider>
|
|
19
20
|
```
|
|
20
21
|
|
|
21
22
|
See llms-full.md for component APIs, compound component patterns, and react-hook-form integration.
|
|
22
23
|
|
|
23
|
-
## Component Categories (
|
|
24
|
+
## Component Categories (57 total)
|
|
24
25
|
|
|
25
|
-
**Form & Input (
|
|
26
|
-
**Layout (
|
|
27
|
-
**Data Display (
|
|
28
|
-
**Feedback (
|
|
29
|
-
**Navigation (
|
|
30
|
-
**Media (
|
|
26
|
+
**Form & Input (17)**: Button, ButtonArrow, Input, PasswordInput, Textarea, Checkbox, Radio, Switch, Toggle, ToggleCheckButton, ToggleGroup, Select, MultiSelect, Searchbar, FileUpload, TextEditor, Slider
|
|
27
|
+
**Layout (7)**: Accordion, Card, Flex, Sheet, Typography, Dialog, Skeleton
|
|
28
|
+
**Data Display (5)**: DataTable, ExpandableTable, Reorderable, ReorderableTable, ResponsiveLayoutTable
|
|
29
|
+
**Feedback (9)**: Alert, Chip, Tag, Loader, EmptyState, Toast, PinIndicator, SliderIndicators, Progress
|
|
30
|
+
**Navigation (9)**: Breadcrumb, DropdownMenu, Pagination, SegmentedControl, SegmentedIconControl, Stepper, SwipeButton, EdgeButton, LanguageSwitcher
|
|
31
|
+
**Media (4)**: Avatar, Carousel, Lightbox, Tooltip
|
|
31
32
|
**Date/Time (3)**: Calendar, DatePicker, TimePicker
|
|
32
33
|
**Specialized (3)**: Popover, LoginScreen, Icons
|
|
33
34
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vkzstudio/muza-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.47",
|
|
4
4
|
"description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -43,10 +43,11 @@
|
|
|
43
43
|
"build-storybook": "storybook build",
|
|
44
44
|
"preview": "vite preview",
|
|
45
45
|
"typecheck": "tsc --noEmit",
|
|
46
|
-
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
47
|
-
"lint:fix": "eslint . --ext ts,tsx --fix",
|
|
46
|
+
"lint": "eslint . --ext ts,tsx,js,jsx,mjs,cjs --report-unused-disable-directives --max-warnings 0",
|
|
47
|
+
"lint:fix": "eslint . --ext ts,tsx,js,jsx,mjs,cjs --fix",
|
|
48
48
|
"add-component": "chmod +x scripts/add-component.sh && ./scripts/add-component.sh",
|
|
49
49
|
"add-component:win": "powershell -ExecutionPolicy Bypass -File scripts/add-component.ps1",
|
|
50
|
+
"tokens:import": "node scripts/import-tokens.mjs",
|
|
50
51
|
"format": "prettier --write .",
|
|
51
52
|
"chromatic": "npx chromatic --project-token=chpt_23ce248b589dbff",
|
|
52
53
|
"local-publish": "npm run build && npx shx rm -rf ../internal-benefits-frontend/node_modules/@vkzstudio/muza-ui/dist && npx shx cp -r dist ../internal-benefits-frontend/node_modules/@vkzstudio/muza-ui/dist && npx shx cp llms.txt llms-full.md ../internal-benefits-frontend/node_modules/@vkzstudio/muza-ui/"
|
|
@@ -62,7 +63,9 @@
|
|
|
62
63
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
63
64
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
64
65
|
"@radix-ui/react-popover": "^1.1.15",
|
|
66
|
+
"@radix-ui/react-progress": "^1.1.8",
|
|
65
67
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
68
|
+
"@radix-ui/react-slider": "^1.3.6",
|
|
66
69
|
"@radix-ui/react-slot": "^1.2.3",
|
|
67
70
|
"@radix-ui/react-switch": "^1.2.6",
|
|
68
71
|
"@radix-ui/react-toggle": "^1.1.10",
|