@solostylist/ui-kit 1.0.159 → 1.0.161

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 (4) hide show
  1. package/dist/s-image-comparison/s-image-comparison.d.ts +2 -2
  2. package/dist/s-image-comparison/s-image-comparison.js +106 -58
  3. package/dist/s-item-not-found/s-item-not-found.js +257 -6
  4. package/package.json +1 -1
package/dist/s-image-comparison/s-image-comparison.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { BoxProps } from '@mui/material';
2
2
  import * as React from 'react';
3
3
  export interface SImageComparisonProps extends BoxProps {
4
- leftImage: string;
4
+ leftImage: string | string[];
5
5
  rightImage: string;
6
- altLeft?: string;
6
+ altLeft?: string | string[];
7
7
  altRight?: string;
8
8
  initialPosition?: number;
9
9
  }
package/dist/s-image-comparison/s-image-comparison.js CHANGED
@@ -1,32 +1,41 @@
1
- import { j as t } from "../jsx-runtime-OVHDjVDe.js";
2
- import * as n from "react";
3
- import { C as I } from "../ChevronLeft-zg9wurzn.js";
4
- import { C as L } from "../ChevronRight-BKIP5v8z.js";
5
- import { Box as s, IconButton as C } from "@mui/material";
6
- import v from "../s-lazy-image/s-lazy-image.js";
7
- const R = n.forwardRef(
8
- ({ sx: x, leftImage: g, rightImage: b, altLeft: w = "Left image", altRight: j = "Right image", initialPosition: y = 50, ...E }, r) => {
9
- const [i, S] = n.useState(y), [o, d] = n.useState(!1), l = n.useRef(null), u = (e) => {
10
- if (!l.current) return;
11
- const f = l.current.getBoundingClientRect();
12
- let c = (e - f.left) / f.width * 100;
13
- c = Math.max(0, Math.min(100, c)), S(c);
14
- }, m = (e) => {
15
- o && u(e.clientX);
16
- }, h = (e) => {
17
- o && u(e.touches[0].clientX);
18
- }, p = () => {
19
- d(!0);
20
- }, a = () => {
21
- d(!1);
1
+ import { j as e } from "../jsx-runtime-OVHDjVDe.js";
2
+ import * as r from "react";
3
+ import { C as k } from "../ChevronLeft-zg9wurzn.js";
4
+ import { C as F } from "../ChevronRight-BKIP5v8z.js";
5
+ import { c as S } from "../createSvgIcon-Dq42_0tn.js";
6
+ import { Box as n, IconButton as p } from "@mui/material";
7
+ import I from "../s-lazy-image/s-lazy-image.js";
8
+ const K = S(/* @__PURE__ */ e.jsx("path", {
9
+ d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
10
+ }), "KeyboardArrowDown"), N = S(/* @__PURE__ */ e.jsx("path", {
11
+ d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
12
+ }), "KeyboardArrowUp"), B = r.forwardRef(
13
+ ({ sx: L, leftImage: d, rightImage: E, altLeft: u = "Left image", altRight: z = "Right image", initialPosition: C = 50, ...A }, a) => {
14
+ const s = Array.isArray(d) ? d : [d], f = Array.isArray(u) ? u : [u], [h, g] = r.useState(0), [l, M] = r.useState(C), [i, v] = r.useState(!1), m = r.useRef(null), P = s.length > 1, b = (t) => {
15
+ if (!m.current) return;
16
+ const o = m.current.getBoundingClientRect();
17
+ let x = (t - o.left) / o.width * 100;
18
+ x = Math.max(0, Math.min(100, x)), M(x);
19
+ }, w = (t) => {
20
+ i && b(t.clientX);
21
+ }, y = (t) => {
22
+ i && b(t.touches[0].clientX);
23
+ }, j = () => {
24
+ v(!0);
25
+ }, c = () => {
26
+ v(!1);
27
+ }, R = (t) => {
28
+ t.stopPropagation(), g((o) => o > 0 ? o - 1 : s.length - 1);
29
+ }, D = (t) => {
30
+ t.stopPropagation(), g((o) => o < s.length - 1 ? o + 1 : 0);
22
31
  };
23
- return n.useEffect(() => (o ? (document.addEventListener("mousemove", m), document.addEventListener("touchmove", h), document.addEventListener("mouseup", a), document.addEventListener("touchend", a), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
24
- document.removeEventListener("mousemove", m), document.removeEventListener("touchmove", h), document.removeEventListener("mouseup", a), document.removeEventListener("touchend", a), document.body.style.cursor = "";
25
- }), [o]), /* @__PURE__ */ t.jsxs(
26
- s,
32
+ return r.useEffect(() => (i ? (document.addEventListener("mousemove", w), document.addEventListener("touchmove", y), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
33
+ document.removeEventListener("mousemove", w), document.removeEventListener("touchmove", y), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
34
+ }), [i]), /* @__PURE__ */ e.jsxs(
35
+ n,
27
36
  {
28
- ref: (e) => {
29
- l.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
37
+ ref: (t) => {
38
+ m.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
30
39
  },
31
40
  sx: {
32
41
  position: "relative",
@@ -37,17 +46,17 @@ const R = n.forwardRef(
37
46
  "&:hover .slider-handle": {
38
47
  transform: "translate(-50%, -50%) scale(1.05)"
39
48
  },
40
- ...x
49
+ ...L
41
50
  },
42
- onMouseDown: p,
43
- onTouchStart: p,
44
- ...E,
51
+ onMouseDown: j,
52
+ onTouchStart: j,
53
+ ...A,
45
54
  children: [
46
- /* @__PURE__ */ t.jsx(
47
- v,
55
+ /* @__PURE__ */ e.jsx(
56
+ I,
48
57
  {
49
- src: b,
50
- alt: j,
58
+ src: E,
59
+ alt: z,
51
60
  style: {
52
61
  position: "absolute",
53
62
  inset: 0,
@@ -59,8 +68,8 @@ const R = n.forwardRef(
59
68
  draggable: !1
60
69
  }
61
70
  ),
62
- /* @__PURE__ */ t.jsx(
63
- s,
71
+ /* @__PURE__ */ e.jsx(
72
+ n,
64
73
  {
65
74
  sx: {
66
75
  position: "absolute",
@@ -69,13 +78,13 @@ const R = n.forwardRef(
69
78
  height: "100%",
70
79
  overflow: "hidden",
71
80
  pointerEvents: "none",
72
- clipPath: `polygon(0 0, ${i}% 0, ${i}% 100%, 0 100%)`
81
+ clipPath: `polygon(0 0, ${l}% 0, ${l}% 100%, 0 100%)`
73
82
  },
74
- children: /* @__PURE__ */ t.jsx(
75
- v,
83
+ children: /* @__PURE__ */ e.jsx(
84
+ I,
76
85
  {
77
- src: g,
78
- alt: w,
86
+ src: s[h],
87
+ alt: f[h] || f[0],
79
88
  style: {
80
89
  width: "100%",
81
90
  height: "100%",
@@ -86,8 +95,47 @@ const R = n.forwardRef(
86
95
  )
87
96
  }
88
97
  ),
89
- /* @__PURE__ */ t.jsxs(
90
- s,
98
+ P && /* @__PURE__ */ e.jsxs(
99
+ n,
100
+ {
101
+ sx: {
102
+ position: "absolute",
103
+ left: 16,
104
+ top: "50%",
105
+ transform: "translateY(-50%)",
106
+ display: "flex",
107
+ flexDirection: "column",
108
+ gap: 1,
109
+ zIndex: 1
110
+ },
111
+ children: [
112
+ /* @__PURE__ */ e.jsx(p, { onClick: R, "aria-label": "Previous left image", children: /* @__PURE__ */ e.jsx(N, { sx: { fontSize: 20 } }) }),
113
+ /* @__PURE__ */ e.jsx(p, { onClick: D, "aria-label": "Next left image", children: /* @__PURE__ */ e.jsx(K, { sx: { fontSize: 20 } }) }),
114
+ /* @__PURE__ */ e.jsxs(
115
+ n,
116
+ {
117
+ sx: {
118
+ backdropFilter: "blur(10px)",
119
+ boxShadow: 2,
120
+ borderRadius: 1,
121
+ p: 1,
122
+ fontSize: "0.75rem",
123
+ fontWeight: "bold",
124
+ textAlign: "center",
125
+ minWidth: 36
126
+ },
127
+ children: [
128
+ h + 1,
129
+ "/",
130
+ s.length
131
+ ]
132
+ }
133
+ )
134
+ ]
135
+ }
136
+ ),
137
+ /* @__PURE__ */ e.jsxs(
138
+ n,
91
139
  {
92
140
  sx: {
93
141
  position: "absolute",
@@ -95,11 +143,11 @@ const R = n.forwardRef(
95
143
  height: "100%",
96
144
  width: "4px",
97
145
  cursor: "ew-resize",
98
- left: `calc(${i}% - 2px)`
146
+ left: `calc(${l}% - 2px)`
99
147
  },
100
148
  children: [
101
- /* @__PURE__ */ t.jsx(
102
- s,
149
+ /* @__PURE__ */ e.jsx(
150
+ n,
103
151
  {
104
152
  sx: {
105
153
  position: "absolute",
@@ -110,8 +158,8 @@ const R = n.forwardRef(
110
158
  }
111
159
  }
112
160
  ),
113
- /* @__PURE__ */ t.jsx(
114
- C,
161
+ /* @__PURE__ */ e.jsx(
162
+ p,
115
163
  {
116
164
  className: "slider-handle",
117
165
  sx: {
@@ -124,23 +172,23 @@ const R = n.forwardRef(
124
172
  backdropFilter: "blur(10px)",
125
173
  boxShadow: 3,
126
174
  transition: "all 0.3s ease-in-out",
127
- ...o && {
175
+ ...i && {
128
176
  transform: "translate(-50%, -50%) scale(1.05)",
129
177
  boxShadow: 6
130
178
  }
131
179
  },
132
180
  role: "slider",
133
- "aria-valuenow": i,
181
+ "aria-valuenow": l,
134
182
  "aria-valuemin": 0,
135
183
  "aria-valuemax": 100,
136
184
  "aria-orientation": "horizontal",
137
185
  "aria-label": "Image comparison slider",
138
- onClick: (e) => {
139
- e.preventDefault(), e.stopPropagation();
186
+ onClick: (t) => {
187
+ t.preventDefault(), t.stopPropagation();
140
188
  },
141
- children: /* @__PURE__ */ t.jsxs(s, { sx: { display: "flex", alignItems: "center" }, children: [
142
- /* @__PURE__ */ t.jsx(I, { sx: { fontSize: 20 } }),
143
- /* @__PURE__ */ t.jsx(L, { sx: { fontSize: 20 } })
189
+ children: /* @__PURE__ */ e.jsxs(n, { sx: { display: "flex", alignItems: "center" }, children: [
190
+ /* @__PURE__ */ e.jsx(k, { sx: { fontSize: 20 } }),
191
+ /* @__PURE__ */ e.jsx(F, { sx: { fontSize: 20 } })
144
192
  ] })
145
193
  }
146
194
  )
@@ -152,7 +200,7 @@ const R = n.forwardRef(
152
200
  );
153
201
  }
154
202
  );
155
- R.displayName = "SImageComparison";
203
+ B.displayName = "SImageComparison";
156
204
  export {
157
- R as default
205
+ B as default
158
206
  };
package/dist/s-item-not-found/s-item-not-found.js CHANGED
@@ -1,10 +1,261 @@
1
1
  import { j as t } from "../jsx-runtime-OVHDjVDe.js";
2
- import { Box as n, Typography as i } from "@mui/material";
3
- import a from "../s-lazy-image/s-lazy-image.js";
4
- const c = ({ message: e, image: o = "/assets/not-found.svg", boxProps: r, lazyImageProps: s }) => /* @__PURE__ */ t.jsxs(n, { display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column", ...r, children: [
5
- /* @__PURE__ */ t.jsx(a, { src: o, width: 220, height: 220, ...s }),
6
- /* @__PURE__ */ t.jsx(i, { variant: "h6", color: "text.disabled", children: e })
7
- ] });
2
+ import { useColorScheme as l, Box as d, Typography as k, SvgIcon as i } from "@mui/material";
3
+ import n from "../s-lazy-image/s-lazy-image.js";
4
+ const x = () => /* @__PURE__ */ t.jsx(i, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
5
+ /* @__PURE__ */ t.jsxs("g", { clipPath: "url(#clip0_1173_4088)", children: [
6
+ /* @__PURE__ */ t.jsx(
7
+ "path",
8
+ {
9
+ d: "M307.714 68.6692V298.735H41.1392C37.0244 298.735 32.9499 297.924 29.1487 296.349C25.3474 294.773 21.894 292.464 18.9858 289.553C16.0775 286.642 13.7715 283.187 12.1995 279.384C10.6275 275.582 9.82036 271.507 9.82423 267.392V47.165C9.82423 42.4773 11.6865 37.9817 15.0012 34.667C18.316 31.3524 22.8118 29.4902 27.4996 29.4902H129.605C130.877 29.4941 132.137 29.7486 133.311 30.2392C134.486 30.7299 135.552 31.447 136.449 32.3497C137.347 33.2524 138.057 34.3229 138.541 35.5003C139.024 36.6776 139.271 37.9386 139.267 39.2113V57.0628H296.284C297.8 57.0626 299.301 57.364 300.699 57.9494C302.098 58.5349 303.366 59.3926 304.429 60.4727C305.493 61.5529 306.331 62.8338 306.895 64.241C307.459 65.6482 307.737 67.1535 307.714 68.6692Z",
10
+ fill: "#D1D8E1",
11
+ stroke: "#B4C1D7",
12
+ strokeWidth: "3",
13
+ strokeMiterlimit: "10"
14
+ }
15
+ ),
16
+ /* @__PURE__ */ t.jsx(
17
+ "path",
18
+ {
19
+ d: "M121.591 105.904H62.8207C57.8489 105.904 53.0803 107.877 49.562 111.389C46.0436 114.902 44.0631 119.667 44.0553 124.639V272.901C43.8785 279.882 42.6118 293.521 35.63 296.172C35.2716 296.272 34.9076 296.351 34.54 296.408C37.691 296.954 40.8877 297.191 44.0848 297.115H65.2363V296.938H121.591V105.904Z",
20
+ fill: "#B4BED0"
21
+ }
22
+ ),
23
+ /* @__PURE__ */ t.jsx(
24
+ "path",
25
+ {
26
+ d: "M51.0674 298.588C51.0674 298.588 66.2093 298.235 71.1879 275.375C73.0438 267.009 72.0717 255.697 72.1306 240.232L73.1027 110.234C73.1027 97.5674 80.5853 87.0215 92.0449 87.0215H350.459C361.919 87.0215 371.081 97.3023 371.081 109.969V275.935C371.081 281.943 368.694 287.705 364.446 291.953C360.197 296.201 354.435 298.588 348.427 298.588H51.0674Z",
27
+ fill: "#D1D8E1",
28
+ stroke: "#B4C1D7",
29
+ strokeWidth: "3",
30
+ strokeMiterlimit: "10"
31
+ }
32
+ ),
33
+ /* @__PURE__ */ t.jsx(
34
+ "path",
35
+ {
36
+ d: "M32.2725 44.5137H117.38",
37
+ stroke: "#B4C1D7",
38
+ strokeWidth: "3",
39
+ strokeMiterlimit: "10",
40
+ strokeLinecap: "round"
41
+ }
42
+ ),
43
+ /* @__PURE__ */ t.jsx(
44
+ "path",
45
+ {
46
+ d: "M332.071 206.653L319.552 219.171L345.903 245.521L358.422 233.002L332.071 206.653Z",
47
+ fill: "#B4BED0",
48
+ stroke: "#B4C1D7",
49
+ strokeWidth: "3",
50
+ strokeMiterlimit: "10"
51
+ }
52
+ ),
53
+ /* @__PURE__ */ t.jsx(
54
+ "path",
55
+ {
56
+ d: "M351.528 230.72L343.591 238.656C336.056 246.191 336.056 258.408 343.591 265.943L390.481 312.831C398.017 320.367 410.234 320.367 417.769 312.831L425.706 304.895C433.241 297.36 433.241 285.143 425.706 277.608L378.816 230.72C371.281 223.185 359.063 223.185 351.528 230.72Z",
57
+ fill: "#D1D8E1",
58
+ stroke: "#B4C1D7",
59
+ strokeWidth: "3",
60
+ strokeMiterlimit: "10"
61
+ }
62
+ ),
63
+ /* @__PURE__ */ t.jsx(
64
+ "path",
65
+ {
66
+ d: "M355.467 236.726C355.467 236.726 364.098 226.74 371.787 233.456L379.446 240.173",
67
+ stroke: "#B4C1D7",
68
+ strokeWidth: "3",
69
+ strokeMiterlimit: "10"
70
+ }
71
+ ),
72
+ /* @__PURE__ */ t.jsx(
73
+ "path",
74
+ {
75
+ d: "M254.157 84.547C240.135 84.5188 226.323 87.9628 213.956 94.5717C201.589 101.181 191.051 110.749 183.282 122.422C175.513 134.095 170.755 147.51 169.434 161.469C168.112 175.429 170.268 189.498 175.708 202.422C181.148 215.346 189.703 226.721 200.61 235.534C211.517 244.346 224.437 250.32 238.215 252.924C251.994 255.528 266.203 254.68 279.574 250.455C292.945 246.231 305.061 238.761 314.843 228.714C326.496 216.763 334.367 201.643 337.474 185.243C340.58 168.844 338.783 151.892 332.307 136.508C325.831 121.124 314.964 107.99 301.064 98.7484C287.165 89.5066 270.849 84.567 254.157 84.547ZM262.995 224.502C250.105 224.507 237.504 220.691 226.784 213.534C216.064 206.378 207.707 196.203 202.771 184.297C197.834 172.391 196.539 159.288 199.05 146.646C201.561 134.005 207.765 122.391 216.877 113.275C225.989 104.16 237.6 97.9506 250.242 95.434C262.883 92.9174 275.987 94.206 287.895 99.137C299.804 104.068 309.983 112.42 317.145 123.136C324.306 133.852 328.129 146.452 328.129 159.341C328.129 176.617 321.267 193.187 309.053 205.406C296.839 217.625 280.272 224.494 262.995 224.502Z",
76
+ fill: "#B2BBCA"
77
+ }
78
+ ),
79
+ /* @__PURE__ */ t.jsx(
80
+ "path",
81
+ {
82
+ d: "M269.034 69.8472C255.323 69.8457 241.807 73.1005 229.6 79.3438C217.392 85.587 206.843 94.6402 198.818 105.758C190.794 116.876 185.526 129.74 183.446 143.292C181.366 156.844 182.535 170.697 186.856 183.709C191.177 196.721 198.527 208.521 208.301 218.137C218.074 227.753 229.992 234.91 243.073 239.02C256.154 243.13 270.024 244.074 283.541 241.775C297.058 239.476 309.836 234 320.823 225.797C335.396 214.917 346.172 199.724 351.624 182.374C357.075 165.024 356.924 146.398 351.192 129.139C345.461 111.88 334.44 96.8634 319.692 86.2207C304.945 75.5779 287.221 69.8492 269.034 69.8472ZM269.034 221.585C256.145 221.591 243.543 217.774 232.823 210.618C222.103 203.461 213.746 193.286 208.81 181.38C203.873 169.474 202.579 156.372 205.09 143.73C207.601 131.088 213.804 119.475 222.917 110.359C232.029 101.243 243.64 95.0339 256.281 92.5173C268.922 90.0006 282.026 91.2893 293.935 96.2203C305.843 101.151 316.022 109.503 323.184 120.219C330.345 130.936 334.168 143.535 334.168 156.424C334.168 173.701 327.306 190.27 315.092 202.489C302.878 214.708 286.311 221.577 269.034 221.585Z",
83
+ fill: "#D1D8E1",
84
+ stroke: "#B4C1D7",
85
+ strokeWidth: "3",
86
+ strokeMiterlimit: "10"
87
+ }
88
+ ),
89
+ /* @__PURE__ */ t.jsx(
90
+ "path",
91
+ {
92
+ d: "M258.066 164.276L259.316 160.815C260.711 156.952 263.668 153.711 268.187 151.09C272.706 148.47 275.265 146.331 275.863 144.676C276.352 143.322 276.313 142.174 275.746 141.232C275.247 140.258 274.321 139.526 272.966 139.037C271.261 138.421 269.64 138.828 268.102 140.257C266.893 141.408 265.899 143.062 265.119 145.219L255.087 139.554C256.772 134.889 259.632 131.839 263.666 130.404C267.768 128.937 272.252 129.082 277.118 130.84C281.281 132.343 284.448 134.565 286.619 137.504C289.133 140.906 289.683 144.564 288.27 148.477C287.472 150.684 286.196 152.491 284.44 153.898C283.476 154.684 281.712 155.72 279.15 157.006C276.655 158.26 274.84 159.362 273.702 160.312C271.842 161.852 270.495 163.775 269.662 166.083L268.901 168.189L258.066 164.276ZM250.272 182.556L255.001 169.464L268.093 174.192L263.365 187.284L250.272 182.556Z",
93
+ fill: "#ABC1E7"
94
+ }
95
+ ),
96
+ /* @__PURE__ */ t.jsx(
97
+ "path",
98
+ {
99
+ d: "M320 51.9339L321.267 19",
100
+ stroke: "#B4C1D7",
101
+ strokeWidth: "8",
102
+ strokeMiterlimit: "10",
103
+ strokeLinecap: "round"
104
+ }
105
+ ),
106
+ /* @__PURE__ */ t.jsx(
107
+ "path",
108
+ {
109
+ d: "M355 68.4839L386.845 60",
110
+ stroke: "#B4C1D7",
111
+ strokeWidth: "8",
112
+ strokeMiterlimit: "10",
113
+ strokeLinecap: "round"
114
+ }
115
+ ),
116
+ /* @__PURE__ */ t.jsx(
117
+ "path",
118
+ {
119
+ d: "M341 58.7199L358.793 31",
120
+ stroke: "#B4C1D7",
121
+ strokeWidth: "8",
122
+ strokeMiterlimit: "10",
123
+ strokeLinecap: "round"
124
+ }
125
+ )
126
+ ] }),
127
+ /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_1173_4088", children: /* @__PURE__ */ t.jsx("rect", { width: "439", height: "326", fill: "white" }) }) })
128
+ ] }) }), a = () => /* @__PURE__ */ t.jsx(i, { sx: { height: "fit-content", width: "fit-content", maxWidth: 220, maxHeight: 220 }, children: /* @__PURE__ */ t.jsxs("svg", { width: "439", height: "326", viewBox: "0 0 439 326", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
129
+ /* @__PURE__ */ t.jsxs("g", { clipPath: "url(#clip0_595_6559)", children: [
130
+ /* @__PURE__ */ t.jsx(
131
+ "path",
132
+ {
133
+ d: "M307.714 68.669V298.735H41.1392C37.0244 298.735 32.9499 297.924 29.1487 296.349C25.3474 294.773 21.894 292.464 18.9858 289.553C16.0775 286.642 13.7715 283.187 12.1995 279.384C10.6275 275.582 9.82036 271.507 9.82423 267.392V47.1647C9.82423 42.4771 11.6865 37.9815 15.0012 34.6668C18.316 31.3521 22.8118 29.49 27.4996 29.49H129.605C130.877 29.4939 132.137 29.7484 133.311 30.239C134.486 30.7296 135.552 31.4467 136.449 32.3494C137.347 33.2521 138.057 34.3227 138.541 35.5C139.024 36.6773 139.271 37.9384 139.267 39.2111V57.0626H296.284C297.8 57.0624 299.301 57.3638 300.699 57.9492C302.098 58.5346 303.366 59.3924 304.429 60.4725C305.493 61.5526 306.331 62.8336 306.895 64.2407C307.459 65.6479 307.737 67.1532 307.714 68.669Z",
134
+ fill: "#17181A",
135
+ stroke: "#292929",
136
+ strokeWidth: "3",
137
+ strokeMiterlimit: "10"
138
+ }
139
+ ),
140
+ /* @__PURE__ */ t.jsx(
141
+ "path",
142
+ {
143
+ d: "M121.591 105.904H62.8207C57.8489 105.904 53.0803 107.877 49.562 111.389C46.0436 114.902 44.0631 119.667 44.0553 124.639V272.9C43.8785 279.882 42.6118 293.521 35.63 296.172C35.2716 296.272 34.9076 296.351 34.54 296.408C37.691 296.954 40.8877 297.191 44.0848 297.115H65.2363V296.938H121.591V105.904Z",
144
+ fill: "#0F1012"
145
+ }
146
+ ),
147
+ /* @__PURE__ */ t.jsx(
148
+ "path",
149
+ {
150
+ d: "M51.0674 298.588C51.0674 298.588 66.2093 298.234 71.1879 275.375C73.0438 267.009 72.0717 255.697 72.1306 240.232L73.1027 110.234C73.1027 97.5672 80.5853 87.0212 92.0449 87.0212H350.459C361.919 87.0212 371.081 97.302 371.081 109.969V275.935C371.081 281.943 368.694 287.705 364.446 291.953C360.197 296.201 354.435 298.588 348.427 298.588H51.0674Z",
151
+ fill: "#17181A",
152
+ stroke: "#292929",
153
+ strokeWidth: "3",
154
+ strokeMiterlimit: "10"
155
+ }
156
+ ),
157
+ /* @__PURE__ */ t.jsx(
158
+ "path",
159
+ {
160
+ d: "M32.2725 44.5134H117.38",
161
+ stroke: "#292929",
162
+ strokeWidth: "3",
163
+ strokeMiterlimit: "10",
164
+ strokeLinecap: "round"
165
+ }
166
+ ),
167
+ /* @__PURE__ */ t.jsx(
168
+ "path",
169
+ {
170
+ d: "M332.071 206.652L319.552 219.171L345.903 245.521L358.422 233.002L332.071 206.652Z",
171
+ fill: "#17181A",
172
+ stroke: "#292929",
173
+ strokeWidth: "3",
174
+ strokeMiterlimit: "10"
175
+ }
176
+ ),
177
+ /* @__PURE__ */ t.jsx(
178
+ "path",
179
+ {
180
+ d: "M351.528 230.72L343.591 238.656C336.056 246.192 336.056 258.408 343.591 265.944L390.481 312.832C398.017 320.367 410.234 320.367 417.769 312.832L425.706 304.895C433.241 297.36 433.241 285.143 425.706 277.608L378.816 230.72C371.281 223.185 359.063 223.185 351.528 230.72Z",
181
+ fill: "#17181A",
182
+ stroke: "#292929",
183
+ strokeWidth: "3",
184
+ strokeMiterlimit: "10"
185
+ }
186
+ ),
187
+ /* @__PURE__ */ t.jsx(
188
+ "path",
189
+ {
190
+ d: "M355.467 236.726C355.467 236.726 364.098 226.74 371.787 233.456L379.446 240.173",
191
+ stroke: "#292929",
192
+ strokeWidth: "3",
193
+ strokeMiterlimit: "10"
194
+ }
195
+ ),
196
+ /* @__PURE__ */ t.jsx(
197
+ "path",
198
+ {
199
+ d: "M254.157 84.5468C240.135 84.5186 226.323 87.9626 213.956 94.5715C201.589 101.18 191.051 110.748 183.282 122.422C175.513 134.095 170.755 147.51 169.434 161.469C168.112 175.429 170.268 189.498 175.708 202.422C181.148 215.345 189.703 226.721 200.61 235.533C211.517 244.346 224.437 250.32 238.215 252.924C251.994 255.528 266.203 254.679 279.574 250.455C292.945 246.23 305.061 238.761 314.843 228.714C326.496 216.763 334.367 201.643 337.474 185.243C340.58 168.843 338.783 151.892 332.307 136.508C325.831 121.124 314.964 107.99 301.064 98.7481C287.165 89.5063 270.849 84.5667 254.157 84.5468ZM262.995 224.501C250.105 224.507 237.504 220.69 226.784 213.534C216.064 206.378 207.707 196.203 202.771 184.297C197.834 172.391 196.539 159.288 199.05 146.646C201.561 134.004 207.765 122.391 216.877 113.275C225.989 104.159 237.6 97.9504 250.242 95.4338C262.883 92.9171 275.987 94.2058 287.895 99.1368C299.804 104.068 309.983 112.42 317.145 123.136C324.306 133.852 328.129 146.452 328.129 159.34C328.129 176.617 321.267 193.187 309.053 205.406C296.839 217.625 280.272 224.493 262.995 224.501Z",
200
+ fill: "#0F1012"
201
+ }
202
+ ),
203
+ /* @__PURE__ */ t.jsx(
204
+ "path",
205
+ {
206
+ d: "M269.034 69.8473C255.323 69.8458 241.807 73.1006 229.6 79.3439C217.392 85.5872 206.843 94.6403 198.818 105.758C190.794 116.876 185.526 129.74 183.446 143.292C181.366 156.845 182.535 170.697 186.856 183.709C191.177 196.721 198.527 208.521 208.301 218.137C218.074 227.753 229.992 234.91 243.073 239.02C256.154 243.13 270.024 244.074 283.541 241.775C297.058 239.476 309.836 234 320.823 225.797C335.396 214.917 346.172 199.724 351.624 182.374C357.075 165.024 356.924 146.399 351.192 129.139C345.461 111.88 334.44 96.8636 319.692 86.2208C304.945 75.578 287.221 69.8493 269.034 69.8473ZM269.034 221.585C256.145 221.591 243.543 217.774 232.823 210.618C222.103 203.461 213.746 193.287 208.81 181.38C203.873 169.474 202.579 156.372 205.09 143.73C207.601 131.088 213.804 119.475 222.917 110.359C232.029 101.243 243.64 95.034 256.281 92.5174C268.922 90.0008 282.026 91.2894 293.935 96.2204C305.843 101.151 316.022 109.503 323.184 120.22C330.345 130.936 334.168 143.535 334.168 156.424C334.168 173.701 327.306 190.27 315.092 202.489C302.878 214.708 286.311 221.577 269.034 221.585Z",
207
+ fill: "#17181A",
208
+ stroke: "#292929",
209
+ strokeWidth: "3",
210
+ strokeMiterlimit: "10"
211
+ }
212
+ ),
213
+ /* @__PURE__ */ t.jsx(
214
+ "path",
215
+ {
216
+ d: "M258.066 164.276L259.316 160.815C260.711 156.952 263.668 153.711 268.187 151.09C272.706 148.469 275.265 146.331 275.863 144.676C276.352 143.322 276.313 142.174 275.746 141.232C275.247 140.258 274.321 139.526 272.966 139.037C271.261 138.421 269.64 138.828 268.102 140.257C266.893 141.408 265.899 143.062 265.119 145.219L255.087 139.554C256.772 134.889 259.632 131.839 263.666 130.404C267.768 128.937 272.252 129.082 277.118 130.84C281.281 132.343 284.448 134.565 286.619 137.504C289.133 140.906 289.683 144.564 288.27 148.477C287.472 150.684 286.196 152.491 284.44 153.898C283.476 154.684 281.712 155.72 279.15 157.006C276.655 158.26 274.84 159.362 273.702 160.312C271.842 161.852 270.495 163.775 269.662 166.083L268.901 168.189L258.066 164.276ZM250.272 182.556L255.001 169.463L268.093 174.192L263.365 187.284L250.272 182.556Z",
217
+ fill: "#292929"
218
+ }
219
+ ),
220
+ /* @__PURE__ */ t.jsx(
221
+ "path",
222
+ {
223
+ d: "M320 51.9339L321.267 19",
224
+ stroke: "#292929",
225
+ strokeWidth: "8",
226
+ strokeMiterlimit: "10",
227
+ strokeLinecap: "round"
228
+ }
229
+ ),
230
+ /* @__PURE__ */ t.jsx(
231
+ "path",
232
+ {
233
+ d: "M355 68.4839L386.845 60",
234
+ stroke: "#292929",
235
+ strokeWidth: "8",
236
+ strokeMiterlimit: "10",
237
+ strokeLinecap: "round"
238
+ }
239
+ ),
240
+ /* @__PURE__ */ t.jsx(
241
+ "path",
242
+ {
243
+ d: "M341 58.7199L358.793 31",
244
+ stroke: "#292929",
245
+ strokeWidth: "8",
246
+ strokeMiterlimit: "10",
247
+ strokeLinecap: "round"
248
+ }
249
+ )
250
+ ] }),
251
+ /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx("clipPath", { id: "clip0_595_6559", children: /* @__PURE__ */ t.jsx("rect", { width: "439", height: "326", fill: "white" }) }) })
252
+ ] }) }), c = ({ message: e, image: C, boxProps: s, lazyImageProps: r }) => {
253
+ const { mode: o } = l(), h = o === "light" ? /* @__PURE__ */ t.jsx(x, {}) : /* @__PURE__ */ t.jsx(a, {});
254
+ return /* @__PURE__ */ t.jsxs(d, { display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column", ...s, children: [
255
+ C ? /* @__PURE__ */ t.jsx(n, { src: C, width: 220, height: 220, ...r }) : h,
256
+ /* @__PURE__ */ t.jsx(k, { variant: "h6", color: "text.disabled", children: e })
257
+ ] });
258
+ };
8
259
  export {
9
260
  c as default
10
261
  };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "registry": "https://registry.npmjs.org"
5
5
  },
6
- "version": "1.0.159",
6
+ "version": "1.0.161",
7
7
  "description": "advanced ui kit for solostylist",
8
8
  "private": false,
9
9
  "type": "module",