@hai-dev/ui-kit 1.1.8 → 1.1.10

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 (33) hide show
  1. package/dist/{Box-CykjCaXY.js → Box-TrgOqpYk.js} +2 -2
  2. package/dist/{Button-CcvrOEKV.js → Button-BN3fv8kr.js} +7 -7
  3. package/dist/{ButtonBase-DPLf5-lz.js → ButtonBase-CSWuFxUv.js} +3 -3
  4. package/dist/{CircularProgress-CrHaMZDC.js → CircularProgress-sPARyPfh.js} +7 -7
  5. package/dist/{Dialog-DqFOpJyx.js → Dialog-Cf0d7zi7.js} +20 -47
  6. package/dist/{DialogTitle-CeM_Z851.js → DialogTitle-BtvmXSZP.js} +10 -10
  7. package/dist/{Typography-DDVoglvI.js → Typography-Bjd6ZHeX.js} +6 -6
  8. package/dist/assets/upload-dialog.css +1 -1
  9. package/dist/chainPropTypes-DiJb1lGa.js +568 -0
  10. package/dist/components/button/button-content.js +1 -1
  11. package/dist/components/button/button.js +2 -2
  12. package/dist/components/button/utils/get-button-classnames.js +1 -1
  13. package/dist/components/circular-progress-loader/circular-progress-loader.js +4 -4
  14. package/dist/components/code-input/code-input.js +8 -8
  15. package/dist/components/index.js +10 -10
  16. package/dist/components/photo-crop-uploader/components/error-upload-dialog/error-upload-dialog.js +9 -9
  17. package/dist/components/photo-crop-uploader/components/index.js +4 -4
  18. package/dist/components/photo-crop-uploader/components/photo-list/photo-list.js +2 -2
  19. package/dist/components/photo-crop-uploader/components/upload-button/upload-button.js +2 -2
  20. package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog-errors.js +3 -3
  21. package/dist/components/photo-crop-uploader/components/upload-dialog/upload-dialog.js +11 -11
  22. package/dist/components/photo-crop-uploader/photo-crop-uploader.js +1 -1
  23. package/dist/{createTheme-RRQUOQoF.js → createTheme-D8R2Cz2N.js} +265 -310
  24. package/dist/{extendSxProp-VC2-7DJw.js → extendSxProp-Cw_ym9sl.js} +6 -6
  25. package/dist/{index-BMkXyDFs.js → index-CL3JU48X.js} +5 -5
  26. package/dist/{index-B2JRaoNz.js → index-YnD2EP-S.js} +0 -5
  27. package/dist/index.js +8 -8
  28. package/dist/{memoTheme-5A7c_y33.js → memoTheme-D5VCpQCz.js} +1 -1
  29. package/dist/refType-CUEs_vK5.js +61 -0
  30. package/dist/{upload-dialog-errors-Bxun25O-.js → upload-dialog-errors-Cyz6_7n4.js} +5 -5
  31. package/package.json +67 -40
  32. package/dist/chainPropTypes-C04Ex8aP.js +0 -413
  33. package/dist/refType-CCKoQjVR.js +0 -61
@@ -1,7 +1,7 @@
1
- import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-RRQUOQoF.js";
1
+ import { s as i, d as p, c as h, a as T, C as y, T as B, e as N, P as e } from "./createTheme-D8R2Cz2N.js";
2
2
  import * as C from "react";
3
3
  import { jsx as b } from "react/jsx-runtime";
4
- import { u as g, e as v } from "./extendSxProp-VC2-7DJw.js";
4
+ import { u as g, e as v } from "./extendSxProp-Cw_ym9sl.js";
5
5
  function E(n = {}) {
6
6
  const {
7
7
  themeId: t,
@@ -1,16 +1,16 @@
1
1
  import * as y from "react";
2
- import { a as H, g as A, c as R, b as r, P as t } from "./createTheme-RRQUOQoF.js";
3
- import { d as q, u as J, s as f, c as K, r as Q } from "./chainPropTypes-C04Ex8aP.js";
4
- import { m as X } from "./memoTheme-5A7c_y33.js";
2
+ import { g as H, a as A, c as R, b as r, P as t } from "./createTheme-D8R2Cz2N.js";
3
+ import { e as q, u as J, c as K, s as f, r as Q } from "./chainPropTypes-DiJb1lGa.js";
4
+ import { m as X } from "./memoTheme-D5VCpQCz.js";
5
5
  import { c as Y } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
6
6
  import { jsxs as Z, jsx as d } from "react/jsx-runtime";
7
7
  import { u as oo } from "./useId-CK6Kn3Tn.js";
8
- import { B as to } from "./ButtonBase-DPLf5-lz.js";
9
- import { C as no } from "./CircularProgress-CrHaMZDC.js";
8
+ import { B as to } from "./ButtonBase-CSWuFxUv.js";
9
+ import { C as no } from "./CircularProgress-sPARyPfh.js";
10
10
  function ao(o) {
11
- return A("MuiButton", o);
11
+ return H("MuiButton", o);
12
12
  }
13
- const p = H("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), W = /* @__PURE__ */ y.createContext({});
13
+ const p = A("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), W = /* @__PURE__ */ y.createContext({});
14
14
  process.env.NODE_ENV !== "production" && (W.displayName = "ButtonGroupContext");
15
15
  const O = /* @__PURE__ */ y.createContext(void 0);
16
16
  process.env.NODE_ENV !== "production" && (O.displayName = "ButtonGroupButtonContext");
@@ -1,9 +1,9 @@
1
1
  import * as f from "react";
2
2
  import X, { isValidElement as H, cloneElement as G, Children as Ie } from "react";
3
- import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-RRQUOQoF.js";
3
+ import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-D8R2Cz2N.js";
4
4
  import { jsx as U, jsxs as je } from "react/jsx-runtime";
5
- import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-C04Ex8aP.js";
6
- import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-CCKoQjVR.js";
5
+ import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-DiJb1lGa.js";
6
+ import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-CUEs_vK5.js";
7
7
  function _e(e, t) {
8
8
  if (e == null) return {};
9
9
  var o = {};
@@ -1,14 +1,14 @@
1
1
  import * as O from "react";
2
- import { g as N, a as j, c as R, b as l, P as e } from "./createTheme-RRQUOQoF.js";
3
- import { m as g } from "./memoTheme-5A7c_y33.js";
2
+ import { g as N, a as j, c as R, b as l, P as e } from "./createTheme-D8R2Cz2N.js";
3
+ import { m as g } from "./memoTheme-D5VCpQCz.js";
4
4
  import { c as U } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
5
5
  import { jsx as y, jsxs as E } from "react/jsx-runtime";
6
- import { u as I, s as p, c as z, a as w, k as T, b as F } from "./chainPropTypes-C04Ex8aP.js";
6
+ import { u as I, c as z, s as p, k as w, a as T, b as F } from "./chainPropTypes-DiJb1lGa.js";
7
7
  function V(r) {
8
8
  return N("MuiCircularProgress", r);
9
9
  }
10
10
  j("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
11
- const a = 44, k = T`
11
+ const a = 44, k = w`
12
12
  0% {
13
13
  transform: rotate(0deg);
14
14
  }
@@ -16,7 +16,7 @@ const a = 44, k = T`
16
16
  100% {
17
17
  transform: rotate(360deg);
18
18
  }
19
- `, v = T`
19
+ `, v = w`
20
20
  0% {
21
21
  stroke-dasharray: 1px, 200px;
22
22
  stroke-dashoffset: 0;
@@ -31,9 +31,9 @@ const a = 44, k = T`
31
31
  stroke-dasharray: 1px, 200px;
32
32
  stroke-dashoffset: -126px;
33
33
  }
34
- `, A = typeof k != "string" ? w`
34
+ `, A = typeof k != "string" ? T`
35
35
  animation: ${k} 1.4s linear infinite;
36
- ` : null, K = typeof v != "string" ? w`
36
+ ` : null, K = typeof v != "string" ? T`
37
37
  animation: ${v} 1.4s ease-in-out infinite;
38
38
  ` : null, W = (r) => {
39
39
  const {
@@ -1,15 +1,15 @@
1
1
  import * as h from "react";
2
2
  import Y from "react";
3
- import { T as lt, P as e, g as ge, a as he, v as Le, c as B, x as Fe, b as X } from "./createTheme-RRQUOQoF.js";
4
- import { c as ct } from "./DialogTitle-CeM_Z851.js";
5
- import { e as ut, u as be, s as H, c as ve, b as we } from "./chainPropTypes-C04Ex8aP.js";
6
- import { u as dt } from "./extendSxProp-VC2-7DJw.js";
3
+ import { T as lt, P as e, g as ge, a as he, t as Le, c as B, v as Fe, b as X } from "./createTheme-D8R2Cz2N.js";
4
+ import { c as ct } from "./DialogTitle-BtvmXSZP.js";
5
+ import { d as ut, u as be, c as ve, s as H, b as we } from "./chainPropTypes-DiJb1lGa.js";
6
+ import { u as dt } from "./extendSxProp-Cw_ym9sl.js";
7
7
  import { jsx as M, jsxs as Ze } from "react/jsx-runtime";
8
- import { m as _e } from "./memoTheme-5A7c_y33.js";
9
- import { u as ie, b as je, a as $e } from "./refType-CCKoQjVR.js";
8
+ import { m as _e } from "./memoTheme-D5VCpQCz.js";
9
+ import { u as ie, b as je, a as $e } from "./refType-CUEs_vK5.js";
10
10
  import { i as pt, o as pe, a as Z } from "./isHostComponent-Dm_U9uOy.js";
11
- import { _ as ft, a as mt, T as Je } from "./ButtonBase-DPLf5-lz.js";
12
- import { g as yt } from "./index-B2JRaoNz.js";
11
+ import { _ as ft, a as mt, T as Je } from "./ButtonBase-CSWuFxUv.js";
12
+ import { g as yt } from "./index-YnD2EP-S.js";
13
13
  import { u as gt } from "./useId-CK6Kn3Tn.js";
14
14
  const ht = "exact-prop: ​";
15
15
  function Qe(t) {
@@ -35,15 +35,6 @@ function He(t, n) {
35
35
  typeof t == "function" ? t(n) : t && (t.current = n);
36
36
  }
37
37
  var ce = { exports: {} }, k = {};
38
- /**
39
- * @license React
40
- * react-dom.production.js
41
- *
42
- * Copyright (c) Meta Platforms, Inc. and affiliates.
43
- *
44
- * This source code is licensed under the MIT license found in the
45
- * LICENSE file in the root directory of this source tree.
46
- */
47
38
  var We;
48
39
  function bt() {
49
40
  if (We) return k;
@@ -76,7 +67,7 @@ function bt() {
76
67
  },
77
68
  p: 0,
78
69
  findDOMNode: null
79
- }, a = Symbol.for("react.portal");
70
+ }, a = /* @__PURE__ */ Symbol.for("react.portal");
80
71
  function s(u, l, m) {
81
72
  var c = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
82
73
  return {
@@ -175,18 +166,9 @@ function bt() {
175
166
  return d.H.useFormState(u, l, m);
176
167
  }, k.useFormStatus = function() {
177
168
  return d.H.useHostTransitionStatus();
178
- }, k.version = "19.1.1", k;
169
+ }, k.version = "19.2.3", k;
179
170
  }
180
171
  var w = {};
181
- /**
182
- * @license React
183
- * react-dom.development.js
184
- *
185
- * Copyright (c) Meta Platforms, Inc. and affiliates.
186
- *
187
- * This source code is licensed under the MIT license found in the
188
- * LICENSE file in the root directory of this source tree.
189
- */
190
172
  var Ue;
191
173
  function vt() {
192
174
  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -254,7 +236,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
254
236
  },
255
237
  p: 0,
256
238
  findDOMNode: null
257
- }, l = Symbol.for("react.portal"), m = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
239
+ }, l = /* @__PURE__ */ Symbol.for("react.portal"), m = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
258
240
  typeof Map == "function" && Map.prototype != null && typeof Map.prototype.forEach == "function" && typeof Set == "function" && Set.prototype != null && typeof Set.prototype.clear == "function" && typeof Set.prototype.forEach == "function" || console.error(
259
241
  "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
260
242
  ), w.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = u, w.createPortal = function(c, o) {
@@ -329,23 +311,14 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
329
311
  }
330
312
  }, w.preinitModule = function(c, o) {
331
313
  var f = "";
332
- if (typeof c == "string" && c || (f += " The `href` argument encountered was " + a(c) + "."), o !== void 0 && typeof o != "object" ? f += " The `options` argument encountered was " + a(o) + "." : o && "as" in o && o.as !== "script" && (f += " The `as` option encountered was " + s(o.as) + "."), f)
333
- console.error(
334
- "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
335
- f
336
- );
337
- else
338
- switch (f = o && typeof o.as == "string" ? o.as : "script", f) {
339
- case "script":
340
- break;
341
- default:
342
- f = s(f), console.error(
343
- 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
344
- f,
345
- c
346
- );
347
- }
348
- typeof c == "string" && (typeof o == "object" && o !== null ? (o.as == null || o.as === "script") && (f = r(
314
+ typeof c == "string" && c || (f += " The `href` argument encountered was " + a(c) + "."), o !== void 0 && typeof o != "object" ? f += " The `options` argument encountered was " + a(o) + "." : o && "as" in o && o.as !== "script" && (f += " The `as` option encountered was " + s(o.as) + "."), f ? console.error(
315
+ "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
316
+ f
317
+ ) : (f = o && typeof o.as == "string" ? o.as : "script", f) === "script" || (f = s(f), console.error(
318
+ 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
319
+ f,
320
+ c
321
+ )), typeof c == "string" && (typeof o == "object" && o !== null ? (o.as == null || o.as === "script") && (f = r(
349
322
  o.as,
350
323
  o.crossOrigin
351
324
  ), u.d.M(c, {
@@ -397,7 +370,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
397
370
  return d().useFormState(c, o, f);
398
371
  }, w.useFormStatus = function() {
399
372
  return d().useHostTransitionStatus();
400
- }, w.version = "19.1.1", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
373
+ }, w.version = "19.2.3", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
401
374
  })()), w;
402
375
  }
403
376
  var Ve;
@@ -1,9 +1,9 @@
1
1
  import * as p from "react";
2
- import { g as d, a as g, c as u, P as o } from "./createTheme-RRQUOQoF.js";
2
+ import { g as d, a as g, c as u, P as o } from "./createTheme-D8R2Cz2N.js";
3
3
  import { jsx as f } from "react/jsx-runtime";
4
- import { u as m, s as D, c as v } from "./chainPropTypes-C04Ex8aP.js";
5
- import { m as b } from "./memoTheme-5A7c_y33.js";
6
- import { T as x } from "./Typography-DDVoglvI.js";
4
+ import { u as m, c as D, s as v } from "./chainPropTypes-DiJb1lGa.js";
5
+ import { m as b } from "./memoTheme-D5VCpQCz.js";
6
+ import { T as x } from "./Typography-Bjd6ZHeX.js";
7
7
  const y = /* @__PURE__ */ p.createContext({});
8
8
  process.env.NODE_ENV !== "production" && (y.displayName = "DialogContext");
9
9
  function C(t) {
@@ -15,10 +15,10 @@ const N = (t) => {
15
15
  classes: s,
16
16
  disableSpacing: e
17
17
  } = t;
18
- return v({
18
+ return D({
19
19
  root: ["root", !e && "spacing"]
20
20
  }, C, s);
21
- }, O = D("div", {
21
+ }, O = v("div", {
22
22
  name: "MuiDialogActions",
23
23
  slot: "Root",
24
24
  overridesResolver: (t, s) => {
@@ -101,10 +101,10 @@ const R = g("MuiDialogTitle", ["root"]), j = (t) => {
101
101
  classes: s,
102
102
  dividers: e
103
103
  } = t;
104
- return v({
104
+ return D({
105
105
  root: ["root", e && "dividers"]
106
106
  }, w, s);
107
- }, h = D("div", {
107
+ }, h = v("div", {
108
108
  name: "MuiDialogContent",
109
109
  slot: "Root",
110
110
  overridesResolver: (t, s) => {
@@ -190,10 +190,10 @@ const E = (t) => {
190
190
  const {
191
191
  classes: s
192
192
  } = t;
193
- return v({
193
+ return D({
194
194
  root: ["root"]
195
195
  }, M, s);
196
- }, U = D(x, {
196
+ }, U = v(x, {
197
197
  name: "MuiDialogTitle",
198
198
  slot: "Root"
199
199
  })({
@@ -1,10 +1,10 @@
1
1
  import * as O from "react";
2
- import { g as j, a as B, c as S, b as c, P as r } from "./createTheme-RRQUOQoF.js";
3
- import { i as w } from "./index-BMkXyDFs.js";
4
- import { m as C } from "./memoTheme-5A7c_y33.js";
2
+ import { g as j, a as B, c as S, b as c, P as r } from "./createTheme-D8R2Cz2N.js";
3
+ import { i as w } from "./index-CL3JU48X.js";
4
+ import { m as C } from "./memoTheme-D5VCpQCz.js";
5
5
  import { c as P } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
6
6
  import { jsx as W } from "react/jsx-runtime";
7
- import { u as M, s as R, c as N } from "./chainPropTypes-C04Ex8aP.js";
7
+ import { u as M, c as R, s as N } from "./chainPropTypes-DiJb1lGa.js";
8
8
  function D(o) {
9
9
  return j("MuiTypography", o);
10
10
  }
@@ -30,8 +30,8 @@ const U = {
30
30
  } = o, n = {
31
31
  root: ["root", s, o.align !== "inherit" && `align${c(t)}`, e && "gutterBottom", a && "noWrap", p && "paragraph"]
32
32
  };
33
- return N(n, D, i);
34
- }, V = R("span", {
33
+ return R(n, D, i);
34
+ }, V = N("span", {
35
35
  name: "MuiTypography",
36
36
  slot: "Root",
37
37
  overridesResolver: (o, t) => {
@@ -1 +1 @@
1
- @keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}
1
+ @keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}