@hai-dev/ui-kit 1.0.12 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/{Box-D8oKffw9.js → Box-CykjCaXY.js} +21 -22
  2. package/dist/{Button-BBF8hp7e.js → Button-CcvrOEKV.js} +6 -5
  3. package/dist/{ButtonBase-T2KH9jsD.js → ButtonBase-DPLf5-lz.js} +226 -279
  4. package/dist/{CircularProgress-BQQkuSse.js → CircularProgress-CrHaMZDC.js} +4 -3
  5. package/dist/{Dialog-B97c7WYP.js → Dialog-DqFOpJyx.js} +118 -125
  6. package/dist/{DialogTitle-Du4tqTs0.js → DialogTitle-CeM_Z851.js} +4 -4
  7. package/dist/{Typography-r_TXEM1e.js → Typography-DDVoglvI.js} +38 -40
  8. package/dist/assets/centered-decorator.css +1 -0
  9. package/dist/assets/code-input.css +1 -0
  10. package/dist/assets/dark-decorator.css +1 -0
  11. package/dist/assets/upload-dialog-errors.css +1 -1
  12. package/dist/chainPropTypes-C04Ex8aP.js +413 -0
  13. package/dist/components/button/button.js +1 -1
  14. package/dist/components/circular-progress-loader/circular-progress-loader.js +3 -3
  15. package/dist/components/code-input/code-input.d.ts +3 -0
  16. package/dist/components/code-input/code-input.js +934 -0
  17. package/dist/components/code-input/code-input.stories.d.ts +7 -0
  18. package/dist/components/code-input/constants.d.ts +8 -0
  19. package/dist/components/code-input/constants.js +11 -0
  20. package/dist/components/code-input/index.d.ts +2 -0
  21. package/dist/components/code-input/index.js +4 -0
  22. package/dist/components/code-input/types.d.ts +11 -0
  23. package/dist/components/code-input/utils/get-code-input-label.d.ts +2 -0
  24. package/dist/components/code-input/utils/get-code-input-label.js +5 -0
  25. package/dist/components/code-input/utils/index.d.ts +2 -0
  26. package/dist/components/code-input/utils/index.js +6 -0
  27. package/dist/components/code-input/utils/slide-down-animate.d.ts +1 -0
  28. package/dist/components/code-input/utils/slide-down-animate.js +10 -0
  29. package/dist/components/index.d.ts +1 -0
  30. package/dist/components/index.js +4 -2
  31. package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js +6 -6
  32. package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js +1 -1
  33. package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js +1 -1
  34. package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js +2 -2
  35. package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog.js +12 -10
  36. package/dist/components/photo-crop-uploader/photo-crop-uploader.d.ts +2 -2
  37. package/dist/components/photo-crop-uploader/photo-crop-uploader.js +183 -168
  38. package/dist/components/photo-crop-uploader/types.d.ts +8 -7
  39. package/dist/components/photo-crop-uploader/utils/draw-cropped-image.js +28 -29
  40. package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.d.ts +4 -2
  41. package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.js +34 -32
  42. package/dist/createSimplePaletteValueFilter-B7--0ryQ.js +17 -0
  43. package/dist/{createTheme-RvzX1VSA.js → createTheme-RRQUOQoF.js} +182 -178
  44. package/dist/decorators/centered-decorator/centered-decorator.js +7 -0
  45. package/dist/decorators/centered-decorator/index.d.ts +2 -0
  46. package/dist/decorators/centered-decorator/index.js +4 -0
  47. package/dist/decorators/centered-decorator/types.js +1 -0
  48. package/dist/decorators/dark-decorator/dark-decorator.d.ts +3 -0
  49. package/dist/decorators/dark-decorator/dark-decorator.js +7 -0
  50. package/dist/decorators/dark-decorator/index.d.ts +2 -0
  51. package/dist/decorators/dark-decorator/index.js +4 -0
  52. package/dist/decorators/dark-decorator/types.d.ts +4 -0
  53. package/dist/decorators/dark-decorator/types.js +1 -0
  54. package/dist/decorators/index.d.ts +2 -1
  55. package/dist/decorators/index.js +4 -2
  56. package/dist/extendSxProp-VC2-7DJw.js +49 -0
  57. package/dist/index-BMkXyDFs.js +91 -0
  58. package/dist/index.d.ts +2 -1
  59. package/dist/index.js +19 -17
  60. package/dist/isHostComponent-Dm_U9uOy.js +14 -0
  61. package/dist/memoTheme-5A7c_y33.js +15 -0
  62. package/dist/refType-CCKoQjVR.js +61 -0
  63. package/dist/{upload-dialog-errors-ku54UrUb.js → upload-dialog-errors-Bxun25O-.js} +41 -41
  64. package/package.json +1 -1
  65. package/dist/chainPropTypes-KIxDwPzf.js +0 -387
  66. package/dist/createSimplePaletteValueFilter-nb0wSOzC.js +0 -30
  67. package/dist/decorators/centered-decorator.js +0 -16
  68. package/dist/extendSxProp-BW9e6LtL.js +0 -36
  69. package/dist/useTheme-CsjkCBFJ.js +0 -16
  70. /package/dist/{decorators → components/code-input}/types.js +0 -0
  71. /package/dist/decorators/{centered-decorator.d.ts → centered-decorator/centered-decorator.d.ts} +0 -0
  72. /package/dist/decorators/{types.d.ts → centered-decorator/types.d.ts} +0 -0
@@ -1,387 +0,0 @@
1
- import { r as U, k as Z, l as k, E as z, m as ee, n as q, o as O, e as te, p as re, s as ne, f as J, i as se, b as oe, c as ie, P as F, j as ae, h as ue } from "./createTheme-RvzX1VSA.js";
2
- import * as D from "react";
3
- import "react/jsx-runtime";
4
- var V, X;
5
- function ce() {
6
- if (X) return V;
7
- X = 1;
8
- var e = U(), t = {
9
- childContextTypes: !0,
10
- contextType: !0,
11
- contextTypes: !0,
12
- defaultProps: !0,
13
- displayName: !0,
14
- getDefaultProps: !0,
15
- getDerivedStateFromError: !0,
16
- getDerivedStateFromProps: !0,
17
- mixins: !0,
18
- propTypes: !0,
19
- type: !0
20
- }, r = {
21
- name: !0,
22
- length: !0,
23
- prototype: !0,
24
- caller: !0,
25
- callee: !0,
26
- arguments: !0,
27
- arity: !0
28
- }, n = {
29
- $$typeof: !0,
30
- render: !0,
31
- defaultProps: !0,
32
- displayName: !0,
33
- propTypes: !0
34
- }, o = {
35
- $$typeof: !0,
36
- compare: !0,
37
- defaultProps: !0,
38
- displayName: !0,
39
- propTypes: !0,
40
- type: !0
41
- }, s = {};
42
- s[e.ForwardRef] = n, s[e.Memo] = o;
43
- function i(p) {
44
- return e.isMemo(p) ? o : s[p.$$typeof] || t;
45
- }
46
- var a = Object.defineProperty, d = Object.getOwnPropertyNames, u = Object.getOwnPropertySymbols, f = Object.getOwnPropertyDescriptor, b = Object.getPrototypeOf, _ = Object.prototype;
47
- function E(p, m, N) {
48
- if (typeof m != "string") {
49
- if (_) {
50
- var R = b(m);
51
- R && R !== _ && E(p, R, N);
52
- }
53
- var v = d(m);
54
- u && (v = v.concat(u(m)));
55
- for (var g = i(p), x = i(m), T = 0; T < v.length; ++T) {
56
- var c = v[T];
57
- if (!r[c] && !(N && N[c]) && !(x && x[c]) && !(g && g[c])) {
58
- var l = f(m, c);
59
- try {
60
- a(p, c, l);
61
- } catch {
62
- }
63
- }
64
- }
65
- }
66
- return p;
67
- }
68
- return V = E, V;
69
- }
70
- ce();
71
- var C = function(t, r) {
72
- var n = arguments;
73
- if (r == null || !k.call(r, "css"))
74
- return D.createElement.apply(void 0, n);
75
- var o = n.length, s = new Array(o);
76
- s[0] = z, s[1] = ee(t, r);
77
- for (var i = 2; i < o; i++)
78
- s[i] = n[i];
79
- return D.createElement.apply(null, s);
80
- };
81
- (function(e) {
82
- var t;
83
- t || (t = e.JSX || (e.JSX = {}));
84
- })(C || (C = {}));
85
- function le() {
86
- for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
87
- t[r] = arguments[r];
88
- return Z(t);
89
- }
90
- function xe() {
91
- var e = le.apply(void 0, arguments), t = "animation-" + e.name;
92
- return {
93
- name: t,
94
- styles: "@keyframes " + t + "{" + e.styles + "}",
95
- anim: 1,
96
- toString: function() {
97
- return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
98
- }
99
- };
100
- }
101
- function B(e, t = "") {
102
- return e.displayName || e.name || t;
103
- }
104
- function K(e, t, r) {
105
- const n = B(t);
106
- return e.displayName || (n !== "" ? `${r}(${n})` : r);
107
- }
108
- function fe(e) {
109
- if (e != null) {
110
- if (typeof e == "string")
111
- return e;
112
- if (typeof e == "function")
113
- return B(e, "Component");
114
- if (typeof e == "object")
115
- switch (e.$$typeof) {
116
- case q.ForwardRef:
117
- return K(e, e.render, "ForwardRef");
118
- case q.Memo:
119
- return K(e, e.type, "memo");
120
- default:
121
- return;
122
- }
123
- }
124
- }
125
- function ye(e) {
126
- const {
127
- variants: t,
128
- ...r
129
- } = e, n = {
130
- variants: t,
131
- style: O(r),
132
- isProcessed: !0
133
- };
134
- return n.style === r || t && t.forEach((o) => {
135
- typeof o.style != "function" && (o.style = O(o.style));
136
- }), n;
137
- }
138
- const de = te();
139
- function L(e) {
140
- return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
141
- }
142
- function w(e, t) {
143
- return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
144
- }
145
- function me(e) {
146
- return e ? (t, r) => r[e] : null;
147
- }
148
- function he(e, t, r) {
149
- e.theme = Pe(e.theme) ? r : e.theme[t] || e.theme;
150
- }
151
- function $(e, t, r) {
152
- const n = typeof t == "function" ? t(e) : t;
153
- if (Array.isArray(n))
154
- return n.flatMap((o) => $(e, o, r));
155
- if (Array.isArray(n?.variants)) {
156
- let o;
157
- if (n.isProcessed)
158
- o = r ? w(n.style, r) : n.style;
159
- else {
160
- const {
161
- variants: s,
162
- ...i
163
- } = n;
164
- o = r ? w(O(i), r) : i;
165
- }
166
- return Y(e, n.variants, [o], r);
167
- }
168
- return n?.isProcessed ? r ? w(O(n.style), r) : n.style : r ? w(O(n), r) : n;
169
- }
170
- function Y(e, t, r = [], n = void 0) {
171
- let o;
172
- e: for (let s = 0; s < t.length; s += 1) {
173
- const i = t[s];
174
- if (typeof i.props == "function") {
175
- if (o ??= {
176
- ...e,
177
- ...e.ownerState,
178
- ownerState: e.ownerState
179
- }, !i.props(o))
180
- continue;
181
- } else
182
- for (const a in i.props)
183
- if (e[a] !== i.props[a] && e.ownerState?.[a] !== i.props[a])
184
- continue e;
185
- typeof i.style == "function" ? (o ??= {
186
- ...e,
187
- ...e.ownerState,
188
- ownerState: e.ownerState
189
- }, r.push(n ? w(O(i.style(o)), n) : i.style(o))) : r.push(n ? w(O(i.style), n) : i.style);
190
- }
191
- return r;
192
- }
193
- function pe(e = {}) {
194
- const {
195
- themeId: t,
196
- defaultTheme: r = de,
197
- rootShouldForwardProp: n = L,
198
- slotShouldForwardProp: o = L
199
- } = e;
200
- function s(a) {
201
- he(a, t, r);
202
- }
203
- return (a, d = {}) => {
204
- re(a, (c) => c.filter((l) => l !== J));
205
- const {
206
- name: u,
207
- slot: f,
208
- skipVariantsResolver: b,
209
- skipSx: _,
210
- // TODO v6: remove `lowercaseFirstLetter()` in the next major release
211
- // For more details: https://github.com/mui/material-ui/pull/37908
212
- overridesResolver: E = me(G(f)),
213
- ...p
214
- } = d, m = u && u.startsWith("Mui") || f ? "components" : "custom", N = b !== void 0 ? b : (
215
- // TODO v6: remove `Root` in the next major release
216
- // For more details: https://github.com/mui/material-ui/pull/37908
217
- f && f !== "Root" && f !== "root" || !1
218
- ), R = _ || !1;
219
- let v = L;
220
- f === "Root" || f === "root" ? v = n : f ? v = o : we(a) && (v = void 0);
221
- const g = ne(a, {
222
- shouldForwardProp: v,
223
- label: Se(u, f),
224
- ...p
225
- }), x = (c) => {
226
- if (c.__emotion_real === c)
227
- return c;
228
- if (typeof c == "function")
229
- return function(P) {
230
- return $(P, c, P.theme.modularCssLayers ? m : void 0);
231
- };
232
- if (se(c)) {
233
- const l = ye(c);
234
- return function(S) {
235
- return l.variants ? $(S, l, S.theme.modularCssLayers ? m : void 0) : S.theme.modularCssLayers ? w(l.style, m) : l.style;
236
- };
237
- }
238
- return c;
239
- }, T = (...c) => {
240
- const l = [], P = c.map(x), S = [];
241
- if (l.push(s), u && E && S.push(function(y) {
242
- const h = y.theme.components?.[u]?.styleOverrides;
243
- if (!h)
244
- return null;
245
- const H = {};
246
- for (const W in h)
247
- H[W] = $(y, h[W], y.theme.modularCssLayers ? "theme" : void 0);
248
- return E(y, H);
249
- }), u && !N && S.push(function(y) {
250
- const h = y.theme?.components?.[u]?.variants;
251
- return h ? Y(y, h, [], y.theme.modularCssLayers ? "theme" : void 0) : null;
252
- }), R || S.push(J), Array.isArray(P[0])) {
253
- const A = P.shift(), y = new Array(l.length).fill(""), j = new Array(S.length).fill("");
254
- let h;
255
- h = [...y, ...A, ...j], h.raw = [...y, ...A.raw, ...j], l.unshift(h);
256
- }
257
- const Q = [...l, ...P, ...S], I = g(...Q);
258
- return a.muiName && (I.muiName = a.muiName), process.env.NODE_ENV !== "production" && (I.displayName = ve(u, f, a)), I;
259
- };
260
- return g.withConfig && (T.withConfig = g.withConfig), T;
261
- };
262
- }
263
- function ve(e, t, r) {
264
- return e ? `${e}${oe(t || "")}` : `Styled(${fe(r)})`;
265
- }
266
- function Se(e, t) {
267
- let r;
268
- return process.env.NODE_ENV !== "production" && e && (r = `${e}-${G(t || "Root")}`), r;
269
- }
270
- function Pe(e) {
271
- for (const t in e)
272
- return !1;
273
- return !0;
274
- }
275
- function we(e) {
276
- return typeof e == "string" && // 96 is one less than the char code
277
- // for "a" so this is checking that
278
- // it's a lowercase character
279
- e.charCodeAt(0) > 96;
280
- }
281
- function G(e) {
282
- return e && e.charAt(0).toLowerCase() + e.slice(1);
283
- }
284
- function M(e, t, r = !1) {
285
- const n = {
286
- ...t
287
- };
288
- for (const o in e)
289
- if (Object.prototype.hasOwnProperty.call(e, o)) {
290
- const s = o;
291
- if (s === "components" || s === "slots")
292
- n[s] = {
293
- ...e[s],
294
- ...n[s]
295
- };
296
- else if (s === "componentsProps" || s === "slotProps") {
297
- const i = e[s], a = t[s];
298
- if (!a)
299
- n[s] = i || {};
300
- else if (!i)
301
- n[s] = a;
302
- else {
303
- n[s] = {
304
- ...a
305
- };
306
- for (const d in i)
307
- if (Object.prototype.hasOwnProperty.call(i, d)) {
308
- const u = d;
309
- n[s][u] = M(i[u], a[u], r);
310
- }
311
- }
312
- } else s === "className" && r && t.className ? n.className = ie(e?.className, t?.className) : s === "style" && r && t.style ? n.style = {
313
- ...e?.style,
314
- ...t?.style
315
- } : n[s] === void 0 && (n[s] = e[s]);
316
- }
317
- return n;
318
- }
319
- const Oe = /* @__PURE__ */ D.createContext(void 0);
320
- process.env.NODE_ENV !== "production" && (F.node, F.object);
321
- function ge(e) {
322
- const {
323
- theme: t,
324
- name: r,
325
- props: n
326
- } = e;
327
- if (!t || !t.components || !t.components[r])
328
- return n;
329
- const o = t.components[r];
330
- return o.defaultProps ? M(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? M(o, n, t.components.mergeClassNameAndStyle) : n;
331
- }
332
- function Te({
333
- props: e,
334
- name: t
335
- }) {
336
- const r = D.useContext(Oe);
337
- return ge({
338
- props: e,
339
- name: t,
340
- theme: {
341
- components: r
342
- }
343
- });
344
- }
345
- function Ae(e, t, r = void 0) {
346
- const n = {};
347
- for (const o in e) {
348
- const s = e[o];
349
- let i = "", a = !0;
350
- for (let d = 0; d < s.length; d += 1) {
351
- const u = s[d];
352
- u && (i += (a === !0 ? "" : " ") + t(u), a = !1, r && r[u] && (i += " " + r[u]));
353
- }
354
- n[o] = i;
355
- }
356
- return n;
357
- }
358
- const Ee = ae();
359
- function Ne(e) {
360
- return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
361
- }
362
- const Re = (e) => Ne(e) && e !== "classes", je = pe({
363
- themeId: ue,
364
- defaultTheme: Ee,
365
- rootShouldForwardProp: Re
366
- });
367
- process.env.NODE_ENV !== "production" && (F.node, F.object.isRequired);
368
- function $e(e) {
369
- return Te(e);
370
- }
371
- function Fe(e, t) {
372
- return process.env.NODE_ENV === "production" ? () => null : function(...n) {
373
- return e(...n) || t(...n);
374
- };
375
- }
376
- export {
377
- le as a,
378
- Fe as b,
379
- Ae as c,
380
- M as d,
381
- Ee as e,
382
- xe as k,
383
- ye as p,
384
- Re as r,
385
- je as s,
386
- $e as u
387
- };
@@ -1,30 +0,0 @@
1
- import { p as o } from "./chainPropTypes-KIxDwPzf.js";
2
- const l = {
3
- theme: void 0
4
- };
5
- function u(e) {
6
- let t, r;
7
- return function(a) {
8
- let n = t;
9
- return (n === void 0 || a.theme !== r) && (l.theme = a.theme, n = o(e(l)), t = n, r = a.theme), n;
10
- };
11
- }
12
- const c = u;
13
- function i(e) {
14
- return typeof e.main == "string";
15
- }
16
- function m(e, t = []) {
17
- if (!i(e))
18
- return !1;
19
- for (const r of t)
20
- if (!e.hasOwnProperty(r) || typeof e[r] != "string")
21
- return !1;
22
- return !0;
23
- }
24
- function h(e = []) {
25
- return ([, t]) => t && m(t, e);
26
- }
27
- export {
28
- h as c,
29
- c as m
30
- };
@@ -1,16 +0,0 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- const n = ({ children: e }) => /* @__PURE__ */ t(
3
- "div",
4
- {
5
- style: {
6
- width: "100%",
7
- display: "flex",
8
- alignItems: "center",
9
- justifyContent: "center"
10
- },
11
- children: e
12
- }
13
- );
14
- export {
15
- n as CenteredDecorator
16
- };
@@ -1,36 +0,0 @@
1
- import { i as c, d as l } from "./createTheme-RvzX1VSA.js";
2
- const a = (t) => {
3
- const s = {
4
- systemProps: {},
5
- otherProps: {}
6
- }, n = t?.theme?.unstable_sxConfig ?? l;
7
- return Object.keys(t).forEach((e) => {
8
- n[e] ? s.systemProps[e] = t[e] : s.otherProps[e] = t[e];
9
- }), s;
10
- };
11
- function x(t) {
12
- const {
13
- sx: s,
14
- ...n
15
- } = t, {
16
- systemProps: e,
17
- otherProps: i
18
- } = a(n);
19
- let r;
20
- return Array.isArray(s) ? r = [e, ...s] : typeof s == "function" ? r = (...f) => {
21
- const o = s(...f);
22
- return c(o) ? {
23
- ...e,
24
- ...o
25
- } : e;
26
- } : r = {
27
- ...e,
28
- ...s
29
- }, {
30
- ...i,
31
- sx: r
32
- };
33
- }
34
- export {
35
- x as e
36
- };
@@ -1,16 +0,0 @@
1
- import { T as n, e as o } from "./createTheme-RvzX1VSA.js";
2
- import * as s from "react";
3
- function m(e) {
4
- return Object.keys(e).length === 0;
5
- }
6
- function r(e = null) {
7
- const t = s.useContext(n);
8
- return !t || m(t) ? e : t;
9
- }
10
- const u = o();
11
- function a(e = u) {
12
- return r(e);
13
- }
14
- export {
15
- a as u
16
- };