@solostylist/ui-kit 1.0.184 → 1.0.186

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 (10) hide show
  1. package/dist/s-file-icon/s-file-icon.js +260 -21
  2. package/dist/s-language-switcher/s-language-switcher.d.ts +2 -1
  3. package/dist/s-language-switcher/s-language-switcher.js +174 -120
  4. package/dist/s-tabs/s-tabs.js +25 -35
  5. package/dist/theme/components/icon-button.d.ts +3 -0
  6. package/dist/theme/components/icon-button.js +13 -10
  7. package/dist/theme/customizations/navigation.js +14 -12
  8. package/dist/theme/theme-primitives.d.ts +2 -0
  9. package/dist/theme/theme-primitives.js +2 -0
  10. package/package.json +3 -1
package/dist/s-file-icon/s-file-icon.js CHANGED
@@ -1,34 +1,273 @@
1
- import { j as t } from "../jsx-runtime-tc70JA_2.js";
2
- import { B as i } from "../Box-p3bpOtdn.js";
3
- const o = {
4
- jpeg: "/assets/icon-jpg.svg",
5
- jpg: "/assets/icon-jpg.svg",
6
- mp4: "/assets/icon-mp4.svg",
7
- pdf: "/assets/icon-pdf.svg",
8
- png: "/assets/icon-png.svg",
9
- svg: "/assets/icon-svg.svg"
10
- }, n = ({ extension: e }) => {
11
- let s;
12
- return e ? s = o[e] ?? "/assets/icon-other.svg" : s = "/assets/icon-other.svg", // Container box with fixed dimensions for consistent icon sizing
13
- /* @__PURE__ */ t.jsx(
14
- i,
1
+ import { j as h } from "../jsx-runtime-tc70JA_2.js";
2
+ import { B as t } from "../Box-p3bpOtdn.js";
3
+ const a = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
4
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
5
+ /* @__PURE__ */ h.jsx(
6
+ "path",
7
+ {
8
+ opacity: ".3",
9
+ d: "M27.936 9.848a4.126 4.126 0 0 1-4.123-4.124V0H5.384A5.382 5.382 0 0 0 .002 5.384v32.442a5.382 5.382 0 0 0 5.382 5.384h22.12a5.382 5.382 0 0 0 5.382-5.384V9.85l-4.95-.002Z",
10
+ fill: "#00C650"
11
+ }
12
+ ),
13
+ /* @__PURE__ */ h.jsx(
14
+ "path",
15
+ {
16
+ d: "M32.886 9.848h-4.95a4.126 4.126 0 0 1-4.123-4.124V0l9.073 9.848ZM36.79 34.12H11.784a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.783 48H36.79a3.212 3.212 0 0 0 3.212-3.212v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
17
+ fill: "#00C650"
18
+ }
19
+ ),
20
+ /* @__PURE__ */ h.jsx(
21
+ "path",
22
+ {
23
+ d: "M16.846 42.674v1.456h-1.505v-1.456h1.505Zm4.47-4.558v4.108c0 .63-.17 1.115-.514 1.454a1.937 1.937 0 0 1-1.426.51 2.156 2.156 0 0 1-1.564-.556c-.385-.372-.578-.905-.58-1.6h1.438c0 .562.214.842.638.842.37 0 .554-.216.554-.646V38.12l1.454-.004Zm2.412 3.904v2.11h-1.454v-6.014h2.356c.714 0 1.258.177 1.632.53a1.88 1.88 0 0 1 .562 1.434 2 2 0 0 1-.25 1 1.738 1.738 0 0 1-.744.688 2.62 2.62 0 0 1-1.2.252h-.902Zm1.616-1.94c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.005.876-.25.876-.766Zm6.874-1.48c.485.364.81.9.91 1.498h-1.54a1.174 1.174 0 0 0-.472-.498 1.427 1.427 0 0 0-.758-.2 1.41 1.41 0 0 0-1.104.464 1.8 1.8 0 0 0-.418 1.254c0 .572.146 1.011.438 1.318a1.643 1.643 0 0 0 1.246.46c.327.006.646-.094.91-.286a1.51 1.51 0 0 0 .554-.812h-1.838v-1.046H33.2v1.438c-.116.358-.301.69-.544.978-.262.31-.59.56-.958.732a3.044 3.044 0 0 1-1.33.28 3.167 3.167 0 0 1-1.6-.386 2.642 2.642 0 0 1-1.05-1.086 3.342 3.342 0 0 1-.37-1.6 3.341 3.341 0 0 1 .37-1.59c.237-.455.6-.833 1.046-1.086a3.127 3.127 0 0 1 1.578-.386c.67-.03 1.33.166 1.876.554Z",
24
+ fill: "#fff"
25
+ }
26
+ ),
27
+ /* @__PURE__ */ h.jsx(
28
+ "path",
29
+ {
30
+ d: "M20.862 29.282h-8.834a3.266 3.266 0 0 1-3.262-3.262v-8.834a3.266 3.266 0 0 1 3.262-3.262h8.834a3.263 3.263 0 0 1 3.26 3.262v8.834a3.265 3.265 0 0 1-3.26 3.262Zm-8.834-13.916a1.822 1.822 0 0 0-1.82 1.82v8.834a1.822 1.822 0 0 0 1.82 1.82h8.834a1.82 1.82 0 0 0 1.818-1.82v-8.834a1.82 1.82 0 0 0-1.818-1.82h-8.834Z",
31
+ fill: "#00C650"
32
+ }
33
+ ),
34
+ /* @__PURE__ */ h.jsx(
35
+ "path",
36
+ {
37
+ d: "M23.402 24.34v1.68a2.542 2.542 0 0 1-2.54 2.54H12.03a2.54 2.54 0 0 1-2.54-2.54V23.2c1.413-.304 3.567-.4 6.181.644l1.62-1.544 1.105 2.8s.296-1.03 1.252-.884c.956.146 2.504.664 3.166.222a.852.852 0 0 1 .59-.098Zm-3.094-5.35a.982.982 0 1 0 0-1.964.982.982 0 0 0 0 1.964Z",
38
+ fill: "#00C650"
39
+ }
40
+ )
41
+ ] }),
42
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M.002 0h40v48h-40z" }) }) })
43
+ ] }), v = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
44
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
45
+ /* @__PURE__ */ h.jsx(
46
+ "path",
47
+ {
48
+ opacity: ".3",
49
+ d: "M27.934 9.848a4.128 4.128 0 0 1-4.124-4.124V0H5.382A5.382 5.382 0 0 0 0 5.38v32.444A5.382 5.382 0 0 0 5.382 43.2h22.12a5.383 5.383 0 0 0 5.384-5.382V9.848h-4.952Z",
50
+ fill: "#A140FF"
51
+ }
52
+ ),
53
+ /* @__PURE__ */ h.jsx(
54
+ "path",
55
+ {
56
+ d: "M32.886 9.848h-4.952a4.128 4.128 0 0 1-4.124-4.124V0l9.076 9.848Zm3.902 24.272H11.78a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.78 48h25.008A3.212 3.212 0 0 0 40 44.788v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
57
+ fill: "#A140FF"
58
+ }
59
+ ),
60
+ /* @__PURE__ */ h.jsx(
61
+ "path",
62
+ {
63
+ d: "M15.718 42.674v1.454h-1.506v-1.454h1.506Zm7.52-4.516v5.97h-1.454V40.4l-1.294 3.734h-1.258l-1.302-3.742v3.742h-1.454v-5.97h1.778l1.624 4.158 1.6-4.158 1.76-.006Zm2.458 3.862v2.108h-1.454v-6.014H26.6c.714 0 1.26.178 1.634.532a1.88 1.88 0 0 1 .56 1.434c.007.35-.08.695-.25 1a1.75 1.75 0 0 1-.744.688 2.62 2.62 0 0 1-1.2.252h-.904Zm1.616-1.94c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.005.876-.25.876-.766Zm2.068 2.942V41.8l2.748-3.768h1.564v3.718h.724v1.266h-.724v1.106H32.22v-1.106l-2.84.006Zm2.96-3.3-1.48 2.034h1.48v-2.034Z",
64
+ fill: "#fff"
65
+ }
66
+ ),
67
+ /* @__PURE__ */ h.jsx(
68
+ "path",
69
+ {
70
+ d: "M23.888 26.382V16.84a.77.77 0 0 0-.114-.394l-.02-.032a.82.82 0 0 0-.084-.102l-.014-.012a.984.984 0 0 0-.086-.072l-.036-.022-.08-.044-.042-.018a.768.768 0 0 0-.096-.03h-.032a.646.646 0 0 0-.138-.014H9.674a.746.746 0 0 0-.678.742v9.574a.518.518 0 0 0 .11.34.742.742 0 0 0 .638.364h13.4a.748.748 0 0 0 .744-.738ZM9.8 17.896v-1.448h1.178v1.448H9.8Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448H19.74Zm1.988 0v-1.448h1.178v1.448h-1.178Zm-12.2 7.022v-6.63h13.846v6.63H9.528Zm.27 1.838v-1.448h1.178v1.448H9.798Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448H17.75Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Z",
71
+ fill: "#A140FF"
72
+ }
73
+ ),
74
+ /* @__PURE__ */ h.jsx(
75
+ "path",
76
+ {
77
+ d: "m18.044 21.112-1.914-1.106a.652.652 0 0 0-.976.564v2.212a.653.653 0 0 0 .976.564l1.914-1.106a.652.652 0 0 0 0-1.128Z",
78
+ fill: "#A140FF"
79
+ }
80
+ )
81
+ ] }),
82
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h40v48H0z" }) }) })
83
+ ] }), c = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
84
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
85
+ /* @__PURE__ */ h.jsx(
86
+ "path",
87
+ {
88
+ opacity: ".3",
89
+ d: "M27.933 9.85a4.128 4.128 0 0 1-4.124-4.124V0H5.382A5.382 5.382 0 0 0 0 5.382v32.442a5.382 5.382 0 0 0 5.382 5.374h22.12a5.381 5.381 0 0 0 5.383-5.374V9.85h-4.952Z",
90
+ fill: "#FF3E4C"
91
+ }
92
+ ),
93
+ /* @__PURE__ */ h.jsx(
94
+ "path",
95
+ {
96
+ d: "M32.885 9.85h-4.952a4.128 4.128 0 0 1-4.124-4.124V0l9.076 9.85Zm-6.766 20.317H5.472a.75.75 0 1 1 0-1.498h20.647a.748.748 0 1 1 0 1.498Zm0-8.447H5.472a.75.75 0 1 1 0-1.499h20.647a.748.748 0 1 1 0 1.498Zm0 4.223H5.472a.75.75 0 1 1 0-1.498h20.647a.748.748 0 1 1 0 1.498Zm-8.144-8.448H5.472a.75.75 0 0 1 0-1.498h12.503a.75.75 0 0 1 0 1.498Zm0-4.224H5.472a.75.75 0 0 1 0-1.498h12.503a.75.75 0 0 1 .528 1.279.75.75 0 0 1-.528.22ZM36.786 34.12H11.78a3.212 3.212 0 0 0-3.211 3.213v7.455A3.212 3.212 0 0 0 11.78 48h25.006a3.212 3.212 0 0 0 3.212-3.212v-7.455a3.212 3.212 0 0 0-3.212-3.212Z",
97
+ fill: "#FF3E4C"
98
+ }
99
+ ),
100
+ /* @__PURE__ */ h.jsx(
101
+ "path",
102
+ {
103
+ d: "M16.771 42.674v1.454h-1.504v-1.454h1.504Zm2.212-.656v2.11H17.53v-6.014h2.356c.714 0 1.26.178 1.634.533a1.878 1.878 0 0 1 .56 1.433c.007.35-.079.695-.25 1a1.754 1.754 0 0 1-.744.69 2.62 2.62 0 0 1-1.2.25l-.902-.002ZM20.6 40.08c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.006.876-.25.876-.766Zm7.225 2.598c-.25.455-.629.826-1.088 1.068a3.487 3.487 0 0 1-1.672.382h-2.27v-6.014h2.27a3.544 3.544 0 0 1 1.676.374 2.6 2.6 0 0 1 1.084 1.056c.26.48.391 1.019.38 1.564.01.548-.12 1.088-.38 1.57Zm-1.564-.302a1.674 1.674 0 0 0 .472-1.268 1.668 1.668 0 0 0-.472-1.266 1.834 1.834 0 0 0-1.322-.452h-.69v3.436h.69c.483.03.957-.132 1.322-.45Zm6.689-4.262v1.159h-2.465v1.317h1.904v1.106h-1.904v2.432h-1.456v-6.014h3.922Z",
104
+ fill: "#fff"
105
+ }
106
+ ),
107
+ /* @__PURE__ */ h.jsx(
108
+ "path",
109
+ {
110
+ d: "M25.753 11.773h-3.536c-.616 0-1.116.5-1.116 1.116v3.536c0 .617.5 1.116 1.116 1.116h3.536c.616 0 1.116-.5 1.116-1.116V12.89c0-.616-.5-1.116-1.116-1.116Z",
111
+ fill: "#FF3E4C"
112
+ }
113
+ )
114
+ ] }),
115
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h39.998v48H0z" }) }) })
116
+ ] }), d = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
117
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#clip0_11823_127803)", children: [
118
+ /* @__PURE__ */ h.jsx("g", { opacity: "0.3", children: /* @__PURE__ */ h.jsx(
119
+ "path",
120
+ {
121
+ opacity: "0.3",
122
+ d: "M27.9364 9.848C26.843 9.84694 25.7947 9.41211 25.0215 8.63894C24.2483 7.86577 23.8135 6.81743 23.8124 5.724V0H5.38444C3.95704 0 2.58812 0.567034 1.5788 1.57635C0.569476 2.58568 0.00244141 3.9546 0.00244141 5.38199V37.826C0.00456108 39.252 0.572525 40.6189 1.58162 41.6265C2.59071 42.6341 3.95843 43.2 5.38444 43.2H27.5064C28.9328 43.2 30.3008 42.6338 31.31 41.6258C32.3191 40.6177 32.8869 39.2504 32.8884 37.824V9.848H27.9364Z",
123
+ fill: "#005FAD"
124
+ }
125
+ ) }),
126
+ /* @__PURE__ */ h.jsx(
127
+ "path",
128
+ {
129
+ d: "M32.8885 9.848H27.9365C26.8431 9.84694 25.7947 9.41211 25.0216 8.63894C24.2484 7.86577 23.8136 6.81743 23.8125 5.724V0L32.8885 9.848Z",
130
+ fill: "#005FAD"
131
+ }
132
+ ),
133
+ /* @__PURE__ */ h.jsx(
134
+ "path",
135
+ {
136
+ d: "M36.7906 34.1201H11.7826C10.0086 34.1201 8.57056 35.5582 8.57056 37.3321V44.7881C8.57056 46.562 10.0086 48.0001 11.7826 48.0001H36.7906C38.5645 48.0001 40.0026 46.562 40.0026 44.7881V37.3321C40.0026 35.5582 38.5645 34.1201 36.7906 34.1201Z",
137
+ fill: "#005FAD"
138
+ }
139
+ ),
140
+ /* @__PURE__ */ h.jsx("path", { d: "M15.8144 42.6741V44.1281H14.3083V42.6741H15.8144Z", fill: "white" }),
141
+ /* @__PURE__ */ h.jsx(
142
+ "path",
143
+ {
144
+ d: "M18.0263 42.02V44.128H16.5703V38.114H18.9263C19.6423 38.114 20.187 38.2913 20.5603 38.646C20.7498 38.8319 20.8979 39.0557 20.9947 39.3029C21.0916 39.55 21.1351 39.8149 21.1223 40.08C21.1286 40.4298 21.0416 40.775 20.8703 41.08C20.6966 41.3785 20.4375 41.6182 20.1263 41.768C19.7521 41.9465 19.3407 42.0329 18.9263 42.02H18.0263ZM19.6423 40.08C19.6423 39.5467 19.3503 39.28 18.7663 39.28H18.0263V40.846H18.7663C19.3503 40.8513 19.6423 40.596 19.6423 40.08Z",
145
+ fill: "white"
146
+ }
147
+ ),
148
+ /* @__PURE__ */ h.jsx(
149
+ "path",
150
+ {
151
+ d: "M27.1785 44.128H25.7245L23.2885 40.436V44.128H21.8345V38.114H23.2885L25.7225 41.84V38.114H27.1765L27.1785 44.128Z",
152
+ fill: "white"
153
+ }
154
+ ),
155
+ /* @__PURE__ */ h.jsx(
156
+ "path",
157
+ {
158
+ d: "M32.8604 38.6C33.3457 38.9632 33.6718 39.5 33.7704 40.098H32.2304C32.1294 39.8838 31.9673 39.7043 31.7644 39.582C31.5353 39.4462 31.2728 39.3769 31.0064 39.382C30.7995 39.3735 30.5932 39.4104 30.4021 39.4902C30.211 39.5701 30.0398 39.6908 29.9004 39.844C29.6082 40.1952 29.4596 40.6439 29.4844 41.1C29.4844 41.672 29.6304 42.1114 29.9224 42.4181C30.0865 42.5774 30.2822 42.7006 30.4968 42.7798C30.7114 42.8591 30.9401 42.8925 31.1684 42.8781C31.4947 42.8837 31.814 42.7833 32.0784 42.5921C32.3477 42.3904 32.542 42.1047 32.6304 41.7801H30.7944V40.734H33.8484V42.2C33.7301 42.5577 33.5448 42.8897 33.3024 43.1781C33.0406 43.4885 32.7144 43.7383 32.3464 43.91C31.9292 44.1027 31.4739 44.1984 31.0144 44.1901C30.4562 44.2042 29.9042 44.0703 29.4144 43.8021C28.9663 43.5508 28.6013 43.174 28.3644 42.7181C28.1109 42.227 27.9838 41.6806 27.9944 41.1281C27.9824 40.5722 28.1096 40.0222 28.3644 39.5281C28.601 39.0732 28.9643 38.6967 29.4104 38.444C29.8931 38.1782 30.4376 38.045 30.9884 38.058C31.6554 38.0253 32.3141 38.2161 32.8604 38.6Z",
159
+ fill: "white"
160
+ }
161
+ ),
162
+ /* @__PURE__ */ h.jsx("path", { d: "M10.9424 13.344H8.19238V16.094H10.9424V13.344Z", fill: "#005FAD" }),
163
+ /* @__PURE__ */ h.jsx("path", { d: "M13.6943 16.094H10.9443V18.844H13.6943V16.094Z", fill: "#005FAD" }),
164
+ /* @__PURE__ */ h.jsx("path", { d: "M16.4443 13.344H13.6943V16.094H16.4443V13.344Z", fill: "#005FAD" }),
165
+ /* @__PURE__ */ h.jsx("path", { d: "M19.1943 16.094H16.4443V18.844H19.1943V16.094Z", fill: "#005FAD" }),
166
+ /* @__PURE__ */ h.jsx("path", { d: "M21.9485 13.344H19.1985V16.094H21.9485V13.344Z", fill: "#005FAD" }),
167
+ /* @__PURE__ */ h.jsx("path", { d: "M24.6985 16.094H21.9485V18.844H24.6985V16.094Z", fill: "#005FAD" }),
168
+ /* @__PURE__ */ h.jsx("path", { d: "M10.9424 18.8401H8.19238V21.5901H10.9424V18.8401Z", fill: "#005FAD" }),
169
+ /* @__PURE__ */ h.jsx("path", { d: "M13.6943 21.5901H10.9443V24.3401H13.6943V21.5901Z", fill: "#005FAD" }),
170
+ /* @__PURE__ */ h.jsx("path", { d: "M16.4443 18.8401H13.6943V21.5901H16.4443V18.8401Z", fill: "#005FAD" }),
171
+ /* @__PURE__ */ h.jsx("path", { d: "M19.1943 21.5901H16.4443V24.3401H19.1943V21.5901Z", fill: "#005FAD" }),
172
+ /* @__PURE__ */ h.jsx("path", { d: "M21.9485 18.8401H19.1985V21.5901H21.9485V18.8401Z", fill: "#005FAD" }),
173
+ /* @__PURE__ */ h.jsx("path", { d: "M24.6985 21.5901H21.9485V24.3401H24.6985V21.5901Z", fill: "#005FAD" }),
174
+ /* @__PURE__ */ h.jsx("path", { d: "M10.9424 24.3621H8.19238V27.1121H10.9424V24.3621Z", fill: "#005FAD" }),
175
+ /* @__PURE__ */ h.jsx("path", { d: "M13.6943 27.1121H10.9443V29.8621H13.6943V27.1121Z", fill: "#005FAD" }),
176
+ /* @__PURE__ */ h.jsx("path", { d: "M16.4443 24.3621H13.6943V27.1121H16.4443V24.3621Z", fill: "#005FAD" }),
177
+ /* @__PURE__ */ h.jsx("path", { d: "M19.1943 27.1121H16.4443V29.8621H19.1943V27.1121Z", fill: "#005FAD" }),
178
+ /* @__PURE__ */ h.jsx("path", { d: "M21.9485 24.3621H19.1985V27.1121H21.9485V24.3621Z", fill: "#005FAD" }),
179
+ /* @__PURE__ */ h.jsx("path", { d: "M24.6985 27.1121H21.9485V29.8621H24.6985V27.1121Z", fill: "#005FAD" })
180
+ ] }),
181
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "clip0_11823_127803", children: /* @__PURE__ */ h.jsx("rect", { width: "40", height: "48", fill: "white", transform: "translate(0.00244141)" }) }) })
182
+ ] }), p = () => /* @__PURE__ */ h.jsxs("svg", { width: "41", height: "48", viewBox: "0 0 41 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
183
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", children: [
184
+ /* @__PURE__ */ h.jsx(
185
+ "path",
186
+ {
187
+ opacity: ".3",
188
+ d: "M27.934 9.848a4.128 4.128 0 0 1-4.123-4.124V0H5.384A5.384 5.384 0 0 0 0 5.384v32.442a5.384 5.384 0 0 0 5.385 5.384h22.12a5.383 5.383 0 0 0 5.381-5.384V9.85l-4.952-.002Z",
189
+ fill: "#FF9908"
190
+ }
191
+ ),
192
+ /* @__PURE__ */ h.jsx(
193
+ "path",
194
+ {
195
+ d: "M32.886 9.848h-4.951a4.128 4.128 0 0 1-4.124-4.124V0l9.075 9.848ZM36.79 34.12H11.784a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.783 48H36.79a3.212 3.212 0 0 0 3.212-3.212v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
196
+ fill: "#FF9908"
197
+ }
198
+ ),
199
+ /* @__PURE__ */ h.jsx(
200
+ "path",
201
+ {
202
+ d: "M16 42.674v1.456h-1.506v-1.456H16Zm4.836.638a1.7 1.7 0 0 1-.714.638c-.358.168-.75.25-1.146.238a2.696 2.696 0 0 1-1.666-.492 1.779 1.779 0 0 1-.714-1.378h1.548a.814.814 0 0 0 .242.536.746.746 0 0 0 .532.2.62.62 0 0 0 .442-.152.534.534 0 0 0 .162-.4.528.528 0 0 0-.15-.384 1.128 1.128 0 0 0-.37-.25 8.647 8.647 0 0 0-.612-.234 7.533 7.533 0 0 1-.932-.378 1.71 1.71 0 0 1-.62-.546 1.566 1.566 0 0 1-.26-.94c-.008-.33.087-.654.272-.926.19-.268.451-.476.754-.6.35-.141.724-.21 1.1-.2a2.468 2.468 0 0 1 1.6.476 1.822 1.822 0 0 1 .668 1.28h-1.574a.8.8 0 0 0-.218-.472.635.635 0 0 0-.472-.174.6.6 0 0 0-.412.136.5.5 0 0 0-.158.4.5.5 0 0 0 .142.36c.1.104.22.187.352.244.142.062.346.142.612.238.325.104.64.233.944.386.251.134.467.325.63.558a1.6 1.6 0 0 1 .264.952c.003.312-.082.618-.246.884Zm2.174-5.196 1.47 4.524 1.472-4.524h1.558l-2.094 6.014h-1.88l-2.084-6.014h1.558Zm9.738.484c.485.364.812.9.913 1.498h-1.54a1.174 1.174 0 0 0-.469-.514 1.429 1.429 0 0 0-.758-.2 1.416 1.416 0 0 0-1.105.464 1.8 1.8 0 0 0-.417 1.254c0 .572.146 1.011.439 1.318a1.642 1.642 0 0 0 1.245.46c.327.006.646-.094.91-.286.27-.202.465-.487.554-.812h-1.838v-1.046h3.055v1.438c-.118.358-.303.69-.544.978-.264.31-.59.56-.959.732a3.04 3.04 0 0 1-1.33.28 3.166 3.166 0 0 1-1.6-.386 2.642 2.642 0 0 1-1.05-1.086 3.342 3.342 0 0 1-.37-1.6 3.342 3.342 0 0 1 .37-1.59c.237-.455.6-.833 1.046-1.086a3.119 3.119 0 0 1 1.578-.386 3 3 0 0 1 1.87.57Z",
203
+ fill: "#fff"
204
+ }
205
+ ),
206
+ /* @__PURE__ */ h.jsx(
207
+ "path",
208
+ {
209
+ d: "M24.607 25.546h-.498a7.623 7.623 0 0 0-7.614-7.612 7.62 7.62 0 0 0-7.612 7.612h-.5a8.12 8.12 0 0 1 8.112-8.11 8.12 8.12 0 0 1 8.112 8.11Z",
210
+ fill: "#FF9908"
211
+ }
212
+ ),
213
+ /* @__PURE__ */ h.jsx(
214
+ "path",
215
+ {
216
+ d: "M28.02 17.436H4.97v.498h23.05v-.498ZM9.428 24.75H7.834v1.594h1.594V24.75Zm15.725 0h-1.594v1.594h1.594V24.75Z",
217
+ fill: "#FF9908"
218
+ }
219
+ ),
220
+ /* @__PURE__ */ h.jsx(
221
+ "path",
222
+ {
223
+ d: "M17.29 16.862h-1.593v1.594h1.594v-1.594ZM4.943 18.458a.798.798 0 1 0 0-1.596.798.798 0 0 0 0 1.596Zm23.002 0a.798.798 0 1 0 0-1.596.798.798 0 0 0 0 1.596Z",
224
+ fill: "#FF9908"
225
+ }
226
+ )
227
+ ] }),
228
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M0 0h40.002v48H0z" }) }) })
229
+ ] }), i = () => /* @__PURE__ */ h.jsxs("svg", { width: "40", height: "48", viewBox: "0 0 40 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
230
+ /* @__PURE__ */ h.jsxs("g", { "clip-path": "url(#a)", fill: "#6366F1", children: [
231
+ /* @__PURE__ */ h.jsx(
232
+ "path",
233
+ {
234
+ opacity: ".3",
235
+ d: "M30.915 12.402a3.942 3.942 0 0 1-3.939-3.937V3H9.39a5.137 5.137 0 0 0-5.14 5.137v30.968a5.137 5.137 0 0 0 5.138 5.137h21.113a5.137 5.137 0 0 0 5.137-5.137V12.402h-4.724Z"
236
+ }
237
+ ),
238
+ /* @__PURE__ */ h.jsx("path", { d: "M35.64 12.402h-4.725a3.942 3.942 0 0 1-3.939-3.937V3l8.663 9.402Zm-6.457 6.582H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.271H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.27H9.473a.716.716 0 0 1 0-1.43h19.71a.715.715 0 0 1 0 1.43Zm0 4.269H9.473a.714.714 0 1 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Z" })
239
+ ] }),
240
+ /* @__PURE__ */ h.jsx("defs", { children: /* @__PURE__ */ h.jsx("clipPath", { id: "a", children: /* @__PURE__ */ h.jsx("path", { fill: "#fff", d: "M4.25 3h31.5v42H4.25z" }) }) })
241
+ ] }), f = {
242
+ jpeg: a,
243
+ jpg: a,
244
+ mp4: v,
245
+ pdf: c,
246
+ png: d,
247
+ svg: p
248
+ }, x = ({ extension: l }) => {
249
+ const s = l ? f[l.toLowerCase()] ?? i : i;
250
+ return /* @__PURE__ */ h.jsx(
251
+ t,
15
252
  {
16
253
  sx: {
17
254
  alignItems: "center",
18
255
  display: "inline-flex",
19
256
  flex: "0 0 auto",
20
- // Don't grow or shrink, maintain fixed size
21
257
  justifyContent: "center",
22
258
  width: "36px",
23
- // Standard icon container size
24
- height: "36px"
259
+ height: "36px",
260
+ "& svg": {
261
+ height: "100%",
262
+ width: "auto"
263
+ }
25
264
  },
26
- children: /* @__PURE__ */ t.jsx(i, { alt: "File", component: "img", src: s, sx: { height: "100%", width: "auto" } })
265
+ children: /* @__PURE__ */ h.jsx(s, {})
27
266
  }
28
267
  );
29
268
  };
30
- n.displayName = "SFileIcon";
269
+ x.displayName = "SFileIcon";
31
270
  export {
32
- n as SFileIcon,
33
- n as default
271
+ x as SFileIcon,
272
+ x as default
34
273
  };
package/dist/s-language-switcher/s-language-switcher.d.ts CHANGED
@@ -3,7 +3,8 @@ import { SxProps, Theme } from '@mui/material/styles';
3
3
  export interface SLanguageOption {
4
4
  code: string;
5
5
  label: string;
6
- icon: string;
6
+ /** ISO 3166-1 alpha-2 country code for the flag (e.g., 'US', 'GB', 'VN') */
7
+ countryCode: string;
7
8
  }
8
9
  export declare const defaultLanguageOptions: SLanguageOption[];
9
10
  export interface SLanguagePopoverProps {
package/dist/s-language-switcher/s-language-switcher.js CHANGED
@@ -1,39 +1,38 @@
1
- import { j as n } from "../jsx-runtime-tc70JA_2.js";
2
- import * as I from "react";
3
- import x from "react";
4
- import { useTranslation as b } from "react-i18next";
5
- import { usePopover as O } from "../hooks/use-popover.js";
6
- import { SIconButton as w } from "../s-icon-button/s-icon-button.js";
7
- import v from "../s-lazy-image/s-lazy-image.js";
8
- import { L as C, M as R } from "../Menu-_ZW9WiF2.js";
9
- import { g as T, M as k } from "../MenuItem-DTapLhin.js";
10
- import { P as s } from "../createTheme-CIXJrNxb.js";
11
- import { c as M } from "../clsx-OuTLNxxd.js";
12
- import { u as N, c as P, m as E } from "../DefaultPropsProvider-2MEHB2yv.js";
13
- import { s as _ } from "../styled-BR6UL29H.js";
14
- import { T as z } from "../Typography-Cum5_Ehu.js";
15
- const D = (t) => {
1
+ import { j as c } from "../jsx-runtime-tc70JA_2.js";
2
+ import * as y from "react";
3
+ import x, { createElement as C } from "react";
4
+ import { useTranslation as L } from "react-i18next";
5
+ import { usePopover as w } from "../hooks/use-popover.js";
6
+ import { SIconButton as R } from "../s-icon-button/s-icon-button.js";
7
+ import { L as T, M as U } from "../Menu-_ZW9WiF2.js";
8
+ import { g as F, M as E } from "../MenuItem-DTapLhin.js";
9
+ import { P as a } from "../createTheme-CIXJrNxb.js";
10
+ import { c as N } from "../clsx-OuTLNxxd.js";
11
+ import { u as P, c as _, m as k } from "../DefaultPropsProvider-2MEHB2yv.js";
12
+ import { s as D } from "../styled-BR6UL29H.js";
13
+ import { T as M } from "../Typography-Cum5_Ehu.js";
14
+ const A = (e) => {
16
15
  const {
17
- alignItems: e,
18
- classes: r
19
- } = t;
20
- return P({
21
- root: ["root", e === "flex-start" && "alignItemsFlexStart"]
22
- }, T, r);
23
- }, F = _("div", {
16
+ alignItems: t,
17
+ classes: o
18
+ } = e;
19
+ return _({
20
+ root: ["root", t === "flex-start" && "alignItemsFlexStart"]
21
+ }, F, o);
22
+ }, V = D("div", {
24
23
  name: "MuiListItemIcon",
25
24
  slot: "Root",
26
- overridesResolver: (t, e) => {
25
+ overridesResolver: (e, t) => {
27
26
  const {
28
- ownerState: r
29
- } = t;
30
- return [e.root, r.alignItems === "flex-start" && e.alignItemsFlexStart];
27
+ ownerState: o
28
+ } = e;
29
+ return [t.root, o.alignItems === "flex-start" && t.alignItemsFlexStart];
31
30
  }
32
- })(E(({
33
- theme: t
31
+ })(k(({
32
+ theme: e
34
33
  }) => ({
35
34
  minWidth: 56,
36
- color: (t.vars || t).palette.action.active,
35
+ color: (e.vars || e).palette.action.active,
37
36
  flexShrink: 0,
38
37
  display: "inline-flex",
39
38
  variants: [{
@@ -44,22 +43,22 @@ const D = (t) => {
44
43
  marginTop: 8
45
44
  }
46
45
  }]
47
- }))), j = /* @__PURE__ */ I.forwardRef(function(e, r) {
48
- const a = N({
49
- props: e,
46
+ }))), j = /* @__PURE__ */ y.forwardRef(function(t, o) {
47
+ const n = P({
48
+ props: t,
50
49
  name: "MuiListItemIcon"
51
50
  }), {
52
- className: c,
53
- ...p
54
- } = a, m = I.useContext(C), i = {
55
- ...a,
56
- alignItems: m.alignItems
57
- }, f = D(i);
58
- return /* @__PURE__ */ n.jsx(F, {
59
- className: M(f.root, c),
60
- ownerState: i,
61
- ref: r,
62
- ...p
51
+ className: r,
52
+ ...i
53
+ } = n, p = y.useContext(T), l = {
54
+ ...n,
55
+ alignItems: p.alignItems
56
+ }, m = A(l);
57
+ return /* @__PURE__ */ c.jsx(V, {
58
+ className: N(m.root, r),
59
+ ownerState: l,
60
+ ref: o,
61
+ ...i
63
62
  });
64
63
  });
65
64
  process.env.NODE_ENV !== "production" && (j.propTypes = {
@@ -71,126 +70,181 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
71
70
  * The content of the component, normally `Icon`, `SvgIcon`,
72
71
  * or a `@mui/icons-material` SVG icon element.
73
72
  */
74
- children: s.node,
73
+ children: a.node,
75
74
  /**
76
75
  * Override or extend the styles applied to the component.
77
76
  */
78
- classes: s.object,
77
+ classes: a.object,
79
78
  /**
80
79
  * @ignore
81
80
  */
82
- className: s.string,
81
+ className: a.string,
83
82
  /**
84
83
  * The system prop that allows defining system overrides as well as additional CSS styles.
85
84
  */
86
- sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object])
85
+ sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
87
86
  });
88
- const y = [
89
- { code: "en", label: "English", icon: "/assets/flag-uk.svg" },
90
- { code: "vi", label: "Vietnamese", icon: "/assets/flag-vi.svg" }
91
- ], U = ({
92
- anchorEl: t,
93
- onClose: e,
94
- open: r = !1,
95
- onLanguageChange: a,
96
- languages: c = y,
97
- currentLanguage: p,
98
- menuWidth: m = "220px",
99
- flagSize: i = 28
87
+ function v() {
88
+ return v = Object.assign ? Object.assign.bind() : function(e) {
89
+ for (var t = 1; t < arguments.length; t++) {
90
+ var o = arguments[t];
91
+ for (var n in o)
92
+ Object.prototype.hasOwnProperty.call(o, n) && (e[n] = o[n]);
93
+ }
94
+ return e;
95
+ }, v.apply(this, arguments);
96
+ }
97
+ function $(e, t) {
98
+ if (e == null) return {};
99
+ var o = {}, n = Object.keys(e), r, i;
100
+ for (i = 0; i < n.length; i++)
101
+ r = n[i], !(t.indexOf(r) >= 0) && (o[r] = e[r]);
102
+ return o;
103
+ }
104
+ var z = ["cdnSuffix", "cdnUrl", "countryCode", "style", "svg"], B = "https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/", W = "svg", G = 127397, b = function(t) {
105
+ var o = t.cdnSuffix, n = o === void 0 ? W : o, r = t.cdnUrl, i = r === void 0 ? B : r, p = t.countryCode, l = t.style, m = t.svg, s = m === void 0 ? !1 : m, d = $(t, z);
106
+ if (typeof p != "string")
107
+ return null;
108
+ if (s) {
109
+ var u = "" + i + p.toLowerCase() + "." + n;
110
+ return C("img", Object.assign({}, d, {
111
+ src: u,
112
+ style: v({
113
+ display: "inline-block",
114
+ width: "1em",
115
+ height: "1em",
116
+ verticalAlign: "middle"
117
+ }, l)
118
+ }));
119
+ }
120
+ var f = p.toUpperCase().replace(/./g, function(g) {
121
+ return String.fromCodePoint(g.charCodeAt(0) + G);
122
+ });
123
+ return C("span", Object.assign({
124
+ role: "img"
125
+ }, d, {
126
+ style: v({
127
+ display: "inline-block",
128
+ fontSize: "1em",
129
+ lineHeight: "1em",
130
+ verticalAlign: "middle"
131
+ }, l)
132
+ }), f);
133
+ };
134
+ const I = [
135
+ { code: "en", label: "English", countryCode: "GB" },
136
+ { code: "vi", label: "Vietnamese", countryCode: "VN" }
137
+ ], H = ({
138
+ anchorEl: e,
139
+ onClose: t,
140
+ open: o = !1,
141
+ onLanguageChange: n,
142
+ languages: r = I,
143
+ currentLanguage: i,
144
+ menuWidth: p = "220px",
145
+ flagSize: l = 28
100
146
  }) => {
101
- const f = x.useCallback(
102
- (o) => {
103
- a?.(o), e?.();
147
+ const m = x.useCallback(
148
+ (s) => {
149
+ n?.(s), t?.();
104
150
  },
105
- [a, e]
151
+ [n, t]
106
152
  );
107
- return /* @__PURE__ */ n.jsx(
108
- R,
153
+ return /* @__PURE__ */ c.jsx(
154
+ U,
109
155
  {
110
- anchorEl: t,
156
+ anchorEl: e,
111
157
  anchorOrigin: { horizontal: "right", vertical: "bottom" },
112
- onClose: e,
113
- open: r,
114
- slotProps: { paper: { sx: { width: m } } },
158
+ onClose: t,
159
+ open: o,
160
+ slotProps: { paper: { sx: { width: p } } },
115
161
  transformOrigin: { horizontal: "right", vertical: "top" },
116
- children: c.map((o) => {
117
- const l = p === o.code;
118
- return /* @__PURE__ */ n.jsxs(
119
- k,
162
+ children: r.map((s) => {
163
+ const d = i === s.code;
164
+ return /* @__PURE__ */ c.jsxs(
165
+ E,
120
166
  {
121
167
  onClick: () => {
122
- f(o.code);
168
+ m(s.code);
123
169
  },
124
- selected: l,
170
+ selected: d,
125
171
  sx: { gap: 1 },
126
172
  children: [
127
- /* @__PURE__ */ n.jsx(j, { children: /* @__PURE__ */ n.jsx(v, { alt: o.label, src: o.icon, height: i, width: i }) }),
128
- /* @__PURE__ */ n.jsx(z, { variant: "subtitle2", children: o.label })
173
+ /* @__PURE__ */ c.jsx(j, { children: /* @__PURE__ */ c.jsx(
174
+ b,
175
+ {
176
+ countryCode: s.countryCode,
177
+ svg: !0,
178
+ style: { width: l, height: l },
179
+ title: s.label
180
+ }
181
+ ) }),
182
+ /* @__PURE__ */ c.jsx(M, { variant: "subtitle2", children: s.label })
129
183
  ]
130
184
  },
131
- o.code
185
+ s.code
132
186
  );
133
187
  })
134
188
  }
135
189
  );
136
- }, V = ({
137
- languages: t = y,
138
- onLanguageChange: e,
139
- currentLanguage: r,
140
- tooltipText: a,
141
- buttonFlagSize: c = 24,
142
- menuFlagSize: p = 28,
143
- menuWidth: m = "220px",
144
- sx: i,
145
- useI18n: f = !0
190
+ }, K = ({
191
+ languages: e = I,
192
+ onLanguageChange: t,
193
+ currentLanguage: o,
194
+ tooltipText: n,
195
+ buttonFlagSize: r = 24,
196
+ menuFlagSize: i = 28,
197
+ menuWidth: p = "220px",
198
+ sx: l,
199
+ useI18n: m = !0
146
200
  }) => {
147
- const { t: o, i18n: l } = f ? b() : { t: null, i18n: null }, d = O(), u = r || (l?.language ?? t[0]?.code ?? "en"), g = t.find((h) => h.code === u) || t[0], L = x.useCallback(
201
+ const { t: s, i18n: d } = m ? L() : { t: null, i18n: null }, u = w(), f = o || (d?.language ?? e[0]?.code ?? "en"), g = e.find((h) => h.code === f) || e[0], S = x.useCallback(
148
202
  (h) => {
149
- e ? e(h) : l && l.changeLanguage(h);
203
+ t ? t(h) : d && d.changeLanguage(h);
150
204
  },
151
- [e, l]
152
- ), S = a || (o ? o("header:language.tooltip") : "Change language");
153
- return /* @__PURE__ */ n.jsxs(x.Fragment, { children: [
154
- /* @__PURE__ */ n.jsx(
155
- w,
205
+ [t, d]
206
+ ), O = n || (s ? s("header:language.tooltip") : "Change language");
207
+ return /* @__PURE__ */ c.jsxs(x.Fragment, { children: [
208
+ /* @__PURE__ */ c.jsx(
209
+ R,
156
210
  {
157
- onClick: d.handleOpen,
158
- ref: d.anchorRef,
159
- sx: { display: { xs: "none", lg: "inline-flex" }, ...i },
211
+ onClick: u.handleOpen,
212
+ ref: u.anchorRef,
213
+ sx: { display: { xs: "none", lg: "inline-flex" }, ...l },
160
214
  tooltipOptions: {
161
- title: S,
215
+ title: O,
162
216
  placement: "top"
163
217
  },
164
- children: /* @__PURE__ */ n.jsx(
165
- v,
218
+ children: /* @__PURE__ */ c.jsx(
219
+ b,
166
220
  {
167
- alt: g?.label || u,
168
- src: g?.icon || "",
169
- height: c,
170
- width: c
221
+ countryCode: g?.countryCode || "US",
222
+ svg: !0,
223
+ style: { width: r, height: r },
224
+ title: g?.label || f
171
225
  }
172
226
  )
173
227
  }
174
228
  ),
175
- /* @__PURE__ */ n.jsx(
176
- U,
229
+ /* @__PURE__ */ c.jsx(
230
+ H,
177
231
  {
178
- anchorEl: d.anchorRef.current,
179
- onClose: d.handleClose,
180
- open: d.open,
181
- onLanguageChange: L,
182
- languages: t,
183
- currentLanguage: u,
184
- menuWidth: m,
185
- flagSize: p
232
+ anchorEl: u.anchorRef.current,
233
+ onClose: u.handleClose,
234
+ open: u.open,
235
+ onLanguageChange: S,
236
+ languages: e,
237
+ currentLanguage: f,
238
+ menuWidth: p,
239
+ flagSize: i
186
240
  }
187
241
  )
188
242
  ] });
189
243
  };
190
- V.displayName = "SLanguageSwitcher";
244
+ K.displayName = "SLanguageSwitcher";
191
245
  export {
192
- U as SLanguagePopover,
193
- V as SLanguageSwitcher,
194
- V as default,
195
- y as defaultLanguageOptions
246
+ H as SLanguagePopover,
247
+ K as SLanguageSwitcher,
248
+ K as default,
249
+ I as defaultLanguageOptions
196
250
  };
package/dist/s-tabs/s-tabs.js CHANGED
@@ -1,40 +1,30 @@
1
- import { j as s } from "../jsx-runtime-tc70JA_2.js";
2
- import l, { forwardRef as u } from "react";
3
- import { Tabs as c, Tab as h, Box as j } from "@mui/material";
4
- const g = u(
5
- ({ tabs: t, activeTab: e = 0, onTabChange: p, children: d, tabPanelProps: f, ...a }, m) => {
6
- const [i, n] = l.useState(e);
7
- l.useEffect(() => {
8
- e !== !1 && n(e);
9
- }, [e]);
10
- const x = (o, r) => {
11
- e === !1 && n(r), p?.(o, r);
1
+ import { j as r } from "../jsx-runtime-tc70JA_2.js";
2
+ import a, { forwardRef as c } from "react";
3
+ import { Tabs as x, Tab as h, Box as j } from "@mui/material";
4
+ const g = c(
5
+ ({ tabs: d, activeTab: s = 0, onTabChange: p, children: l, tabPanelProps: f, ...t }, m) => {
6
+ const [n, i] = a.useState(s);
7
+ a.useEffect(() => {
8
+ s !== !1 && i(s);
9
+ }, [s]);
10
+ const u = (e, o) => {
11
+ s === !1 && i(o), p?.(e, o);
12
12
  };
13
- return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
14
- /* @__PURE__ */ s.jsx(
15
- c,
13
+ return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
14
+ /* @__PURE__ */ r.jsx(x, { ref: m, value: n, onChange: u, ...t, children: d.map((e, o) => /* @__PURE__ */ r.jsx(
15
+ h,
16
16
  {
17
- ref: m,
18
- value: i,
19
- onChange: x,
20
- sx: { width: "100%", borderBottom: "5px", borderStyle: "solid", borderColor: "divider", ...a.sx },
21
- ...a,
22
- children: t.map((o, r) => /* @__PURE__ */ s.jsx(
23
- h,
24
- {
25
- label: o.label,
26
- value: o.value ?? r,
27
- disabled: o.disabled,
28
- icon: o.icon,
29
- iconPosition: o.iconPosition,
30
- wrapped: o.wrapped,
31
- ...o.tabProps
32
- },
33
- r
34
- ))
35
- }
36
- ),
37
- d && /* @__PURE__ */ s.jsx(j, { role: "tabpanel", padding: 2, ...f, children: l.Children.toArray(d)[i] })
17
+ label: e.label,
18
+ value: e.value ?? o,
19
+ disabled: e.disabled,
20
+ icon: e.icon,
21
+ iconPosition: e.iconPosition,
22
+ wrapped: e.wrapped,
23
+ ...e.tabProps
24
+ },
25
+ o
26
+ )) }),
27
+ l && /* @__PURE__ */ r.jsx(j, { role: "tabpanel", padding: 2, ...f, children: a.Children.toArray(l)[n] })
38
28
  ] });
39
29
  }
40
30
  );
package/dist/theme/components/icon-button.d.ts CHANGED
@@ -11,6 +11,9 @@ export declare const MuiIconButton: {
11
11
  theme: Theme;
12
12
  }) => {
13
13
  transition: "all 0.2s ease-in-out";
14
+ flexShrink: number;
15
+ width: string;
16
+ color: "inherit";
14
17
  variants: ({
15
18
  props: {
16
19
  size: "small";
package/dist/theme/components/icon-button.js CHANGED
@@ -1,13 +1,13 @@
1
- import { alpha as l } from "@mui/material";
2
- import { brand as t, lightBrand as i, purple as n, lightPurple as p, green as a, lightGreen as c, red as y, lightRed as u, blue as g, lightBlue as d, orange as f, lightOrange as m } from "../theme-primitives.js";
1
+ import { alpha as t } from "@mui/material";
2
+ import { brand as l, lightBrand as i, purple as n, lightPurple as p, green as c, lightGreen as a, red as y, lightRed as u, blue as g, lightBlue as d, orange as f, lightOrange as m } from "../theme-primitives.js";
3
3
  const r = (o, e, s) => ({
4
4
  color: e[500],
5
5
  "&:hover": {
6
- backgroundColor: l(e[500], 0.12),
6
+ backgroundColor: t(e[500], 0.12),
7
7
  color: e[600]
8
8
  },
9
9
  "&:active": {
10
- backgroundColor: l(e[500], 0.2)
10
+ backgroundColor: t(e[500], 0.2)
11
11
  },
12
12
  "&.Mui-disabled": {
13
13
  color: e[300],
@@ -16,22 +16,25 @@ const r = (o, e, s) => ({
16
16
  ...o.applyStyles("dark", {
17
17
  color: s[400],
18
18
  "&:hover": {
19
- backgroundColor: l(s[400], 0.12),
19
+ backgroundColor: t(s[400], 0.12),
20
20
  color: s[300]
21
21
  },
22
22
  "&:active": {
23
- backgroundColor: l(s[400], 0.2)
23
+ backgroundColor: t(s[400], 0.2)
24
24
  },
25
25
  "&.Mui-disabled": {
26
26
  color: s[700],
27
27
  opacity: 0.5
28
28
  }
29
29
  })
30
- }), b = {
30
+ }), S = {
31
31
  styleOverrides: {
32
32
  root: ({ theme: o }) => ({
33
33
  // borderRadius: (theme.vars || theme).shape.borderRadius,
34
34
  transition: "all 0.2s ease-in-out",
35
+ flexShrink: 0,
36
+ width: "fit-content",
37
+ color: "inherit",
35
38
  variants: [
36
39
  {
37
40
  props: {
@@ -77,7 +80,7 @@ const r = (o, e, s) => ({
77
80
  color: "primary"
78
81
  },
79
82
  style: {
80
- ...r(o, i, t)
83
+ ...r(o, i, l)
81
84
  }
82
85
  },
83
86
  {
@@ -93,7 +96,7 @@ const r = (o, e, s) => ({
93
96
  color: "success"
94
97
  },
95
98
  style: {
96
- ...r(o, c, a)
99
+ ...r(o, a, c)
97
100
  }
98
101
  },
99
102
  {
@@ -125,5 +128,5 @@ const r = (o, e, s) => ({
125
128
  }
126
129
  };
127
130
  export {
128
- b as MuiIconButton
131
+ S as MuiIconButton
129
132
  };
package/dist/theme/customizations/navigation.js CHANGED
@@ -1,10 +1,10 @@
1
- import { j as t } from "../../jsx-runtime-tc70JA_2.js";
1
+ import { j as a } from "../../jsx-runtime-tc70JA_2.js";
2
2
  import * as i from "react";
3
3
  import { c as s } from "../../createSvgIcon-DTNHY3_v.js";
4
4
  import { gray as o, brand as l } from "../theme-primitives.js";
5
- import { t as a } from "../../tabClasses-DFvXsFrN.js";
5
+ import { t } from "../../tabClasses-DFvXsFrN.js";
6
6
  import { a as d } from "../../createTheme-CIXJrNxb.js";
7
- const n = s(/* @__PURE__ */ t.jsx("path", {
7
+ const n = s(/* @__PURE__ */ a.jsx("path", {
8
8
  d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
9
9
  }), "UnfoldMoreRounded"), y = {
10
10
  MuiAppBar: {
@@ -49,7 +49,7 @@ const n = s(/* @__PURE__ */ t.jsx("path", {
49
49
  },
50
50
  MuiSelect: {
51
51
  defaultProps: {
52
- IconComponent: i.forwardRef((r, e) => /* @__PURE__ */ t.jsx(n, { fontSize: "small", ...r, ref: e }))
52
+ IconComponent: i.forwardRef((r, e) => /* @__PURE__ */ a.jsx(n, { fontSize: "small", ...r, ref: e }))
53
53
  }
54
54
  },
55
55
  MuiLink: {
@@ -109,7 +109,13 @@ const n = s(/* @__PURE__ */ t.jsx("path", {
109
109
  },
110
110
  MuiTabs: {
111
111
  styleOverrides: {
112
- root: { minHeight: "fit-content" },
112
+ root: ({ theme: r }) => ({
113
+ width: "100%",
114
+ minHeight: "fit-content",
115
+ border: 0,
116
+ borderBottom: "1px solid",
117
+ borderColor: (r.vars || r).palette.divider
118
+ }),
113
119
  indicator: ({ theme: r }) => ({
114
120
  backgroundColor: (r.vars || r).palette.grey[800],
115
121
  ...r.applyStyles("dark", {
@@ -127,22 +133,18 @@ const n = s(/* @__PURE__ */ t.jsx("path", {
127
133
  color: (r.vars || r).palette.text.secondary,
128
134
  borderTopLeftRadius: (r.vars || r).shape.borderRadius,
129
135
  borderTopRightRadius: (r.vars || r).shape.borderRadius,
130
- border: "1px solid",
131
- borderColor: (r.vars || r).palette.divider,
132
- borderTop: "none",
133
- borderLeft: "none",
134
- borderRight: "none",
136
+ border: 0,
135
137
  ":hover": {
136
138
  color: (r.vars || r).palette.text.primary
137
139
  },
138
- [`&.${a.selected}`]: {
140
+ [`&.${t.selected}`]: {
139
141
  color: (r.vars || r).palette.text.primary
140
142
  },
141
143
  ...r.applyStyles("dark", {
142
144
  ":hover": {
143
145
  color: (r.vars || r).palette.text.primary
144
146
  },
145
- [`&.${a.selected}`]: {
147
+ [`&.${t.selected}`]: {
146
148
  color: (r.vars || r).palette.text.primary
147
149
  }
148
150
  })
package/dist/theme/theme-primitives.d.ts CHANGED
@@ -121,6 +121,7 @@ export declare const colorSchemes: {
121
121
  secondary: string;
122
122
  };
123
123
  action: {
124
+ active: string;
124
125
  hover: string;
125
126
  selected: string;
126
127
  };
@@ -190,6 +191,7 @@ export declare const colorSchemes: {
190
191
  secondary: string;
191
192
  };
192
193
  action: {
194
+ active: string;
193
195
  hover: string;
194
196
  selected: string;
195
197
  };
package/dist/theme/theme-primitives.js CHANGED
@@ -256,6 +256,7 @@ const r = {
256
256
  secondary: t[400]
257
257
  },
258
258
  action: {
259
+ active: t[50],
259
260
  hover: e(t[600], 0.2),
260
261
  selected: e(t[600], 0.3)
261
262
  },
@@ -324,6 +325,7 @@ const r = {
324
325
  secondary: a[600]
325
326
  },
326
327
  action: {
328
+ active: a[900],
327
329
  hover: e(a[300], 0.2),
328
330
  selected: e(a[300], 0.3)
329
331
  },
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.184",
6
+ "version": "1.0.186",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "type": "module",
9
9
  "main": "dist/main.js",
@@ -146,6 +146,7 @@
146
146
  "i18next-http-backend": "^3.0.2",
147
147
  "overlayscrollbars-react": "^0.5.6",
148
148
  "react": "^19.2.3",
149
+ "react-country-flag": "^3.1.0",
149
150
  "react-dom": "^19.2.3",
150
151
  "react-dropzone": "^14.3.8",
151
152
  "react-i18next": "^16.5.3",
@@ -203,6 +204,7 @@
203
204
  "overlayscrollbars-react": "^0.5.6",
204
205
  "prettier": "^3.8.1",
205
206
  "react": "^19.2.3",
207
+ "react-country-flag": "^3.1.0",
206
208
  "react-dom": "^19.2.3",
207
209
  "react-dropzone": "^14.3.8",
208
210
  "react-i18next": "^16.5.3",