@hai-dev/ui-kit 1.1.9 → 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-DnhJBaR4.js → Dialog-Cf0d7zi7.js} +18 -45
  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 {
@@ -178,15 +169,6 @@ function bt() {
178
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, {
@@ -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)}}