@cfx-dev/ui-components 3.0.2 → 3.0.3

package/dist/components/InputDropzone/InputDropzone.js

@@ -1,12 +1,12 @@
-import { jsxs as we, jsx as Y } from "react/jsx-runtime";
-import ce, { useMemo as L, useRef as ie, useReducer as Dr, useEffect as Oe, useCallback as A, forwardRef as Ar, useImperativeHandle as wr, Fragment as Or } from "react";
+import { jsxs as _e, jsx as Y } from "react/jsx-runtime";
+import ce, { useMemo as L, useRef as ie, useReducer as Dr, useEffect as we, useCallback as A, forwardRef as Ar, useImperativeHandle as _r, Fragment as wr } from "react";
 import { P as l } from "../../index-DQMInta3.js";
 import { a as M, b as $, c as We, d as Be } from "../../tslib.es6-CBKHJX9H.js";
-import { IconBig as Fr } from "../IconBig/IconBig.js";
+import { IconBig as Or } from "../IconBig/IconBig.js";
 import { Text as Ue } from "../Text/Text.js";
-import { clsx as Er } from "../../utils/clsx.js";
+import { clsx as Fr } from "../../utils/clsx.js";
 import Ye from "./ItemPreview.js";
-var _r = /* @__PURE__ */ new Map([
+var xr = /* @__PURE__ */ new Map([
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
   ["aac", "audio/aac"],
   ["abw", "application/x-abiword"],
@@ -91,7 +91,7 @@ var _r = /* @__PURE__ */ new Map([
   ["msg", "application/vnd.ms-outlook"]
 ]);
 function q(e, r) {
-  var t = xr(e);
+  var t = Er(e);
   if (typeof t.path != "string") {
     var n = e.webkitRelativePath;
     Object.defineProperty(t, "path", {
@@ -103,10 +103,10 @@ function q(e, r) {
   }
   return t;
 }
-function xr(e) {
+function Er(e) {
   var r = e.name, t = r && r.lastIndexOf(".") !== -1;
   if (t && !e.type) {
-    var n = r.split(".").pop().toLowerCase(), i = _r.get(n);
+    var n = r.split(".").pop().toLowerCase(), i = xr.get(n);
     i && Object.defineProperty(e, "type", {
       value: i,
       writable: !1,
@@ -141,7 +141,7 @@ function ue(e) {
   return typeof e == "object" && e !== null;
 }
 function Tr(e) {
-  return Ee(e.target.files).map(function(r) {
+  return Fe(e.target.files).map(function(r) {
     return q(r);
   });
 }
@@ -168,13 +168,13 @@ function Sr(e, r) {
     return $(this, function(i) {
       switch (i.label) {
         case 0:
-          return e.items ? (t = Ee(e.items).filter(function(a) {
+          return e.items ? (t = Fe(e.items).filter(function(a) {
             return a.kind === "file";
-          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(kr))]) : [3, 2];
+          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(zr))]) : [3, 2];
         case 1:
           return n = i.sent(), [2, Ge(nr(n))];
         case 2:
-          return [2, Ge(Ee(e.files).map(function(a) {
+          return [2, Ge(Fe(e.files).map(function(a) {
             return q(a);
           }))];
       }
@@ -186,7 +186,7 @@ function Ge(e) {
     return jr.indexOf(r.name) === -1;
   });
 }
-function Ee(e) {
+function Fe(e) {
   if (e === null)
     return [];
   for (var r = [], t = 0; t < e.length; t++) {
@@ -195,7 +195,7 @@ function Ee(e) {
   }
   return r;
 }
-function kr(e) {
+function zr(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return qe(e);
   var r = e.webkitGetAsEntry();
@@ -213,7 +213,7 @@ function qe(e) {
   var t = q(r);
   return Promise.resolve(t);
 }
-function zr(e) {
+function kr(e) {
   return M(this, void 0, void 0, function() {
     return $(this, function(r) {
       return [2, e.isDirectory ? or(e) : Lr(e)];
@@ -228,7 +228,7 @@ function or(e) {
       var s = this;
       r.readEntries(function(u) {
         return M(s, void 0, void 0, function() {
-          var p, w, O;
+          var p, _, w;
           return $(this, function(g) {
             switch (g.label) {
               case 0:
@@ -239,11 +239,11 @@ function or(e) {
               case 2:
                 return p = g.sent(), t(p), [3, 4];
               case 3:
-                return w = g.sent(), n(w), [3, 4];
+                return _ = g.sent(), n(_), [3, 4];
               case 4:
                 return [3, 6];
               case 5:
-                O = Promise.all(u.map(zr)), i.push(O), a(), g.label = 6;
+                w = Promise.all(u.map(kr)), i.push(w), a(), g.label = 6;
               case 6:
                 return [
                   2
@@ -294,7 +294,7 @@ function Kr(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
 function Nr(e) {
-  if (Array.isArray(e)) return _e(e);
+  if (Array.isArray(e)) return xe(e);
 }
 function Ve(e, r) {
   var t = Object.keys(e);
@@ -329,13 +329,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 function ar(e, r) {
   if (e) {
-    if (typeof e == "string") return _e(e, r);
+    if (typeof e == "string") return xe(e, r);
     var t = Object.prototype.toString.call(e).slice(8, -1);
     if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set") return Array.from(e);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return _e(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return xe(e, r);
   }
 }
-function _e(e, r) {
+function xe(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, n = new Array(r); t < r; t++)
     n[t] = e[t];
@@ -405,7 +405,7 @@ function T(e) {
 function Qr(e) {
   var r = e.files, t = e.accept, n = e.minSize, i = e.maxSize, a = e.multiple, s = e.maxFiles, u = e.validator;
   return !a && r.length > 1 || a && s >= 1 && r.length > s ? !1 : r.every(function(p) {
-    var w = cr(p, t), O = G(w, 1), g = O[0], _ = ur(p, n, i), x = G(_, 1), j = x[0], P = u ? u(p) : null;
+    var _ = cr(p, t), w = G(_, 1), g = w[0], x = ur(p, n, i), E = G(x, 1), j = E[0], P = u ? u(p) : null;
     return g && j && !P;
   });
 }
@@ -430,7 +430,7 @@ function et() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.navigator.userAgent;
   return Xr(e) || Zr(e);
 }
-function F() {
+function O() {
   for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
     r[t] = arguments[t];
   return function(n) {
@@ -494,9 +494,9 @@ function pt(e) {
   if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
 function dt(e) {
-  if (Array.isArray(e)) return xe(e);
+  if (Array.isArray(e)) return Ee(e);
 }
-function Fe(e, r) {
+function Oe(e, r) {
   return vt(e) || gt(e, r) || fr(e, r) || mt();
 }
 function mt() {
@@ -505,13 +505,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 function fr(e, r) {
   if (e) {
-    if (typeof e == "string") return xe(e, r);
+    if (typeof e == "string") return Ee(e, r);
     var t = Object.prototype.toString.call(e).slice(8, -1);
     if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set") return Array.from(e);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return xe(e, r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Ee(e, r);
   }
 }
-function xe(e, r) {
+function Ee(e, r) {
   (r == null || r > e.length) && (r = e.length);
   for (var t = 0, n = new Array(r); t < r; t++)
     n[t] = e[t];
@@ -582,11 +582,11 @@ function yt(e, r) {
 }
 var Ie = /* @__PURE__ */ Ar(function(e, r) {
   var t = e.children, n = le(e, at), i = dr(n), a = i.open, s = le(i, ct);
-  return wr(r, function() {
+  return _r(r, function() {
     return {
       open: a
     };
-  }, [a]), /* @__PURE__ */ ce.createElement(Or, null, t(f(f({}, s), {}, {
+  }, [a]), /* @__PURE__ */ ce.createElement(wr, null, t(f(f({}, s), {}, {
     open: a
   })));
 });
@@ -786,7 +786,7 @@ var Pe = {
   fileRejections: []
 };
 function dr() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = f(f({}, pr), e), t = r.accept, n = r.disabled, i = r.getFilesFromEvent, a = r.maxSize, s = r.minSize, u = r.multiple, p = r.maxFiles, w = r.onDragEnter, O = r.onDragLeave, g = r.onDragOver, _ = r.onDrop, x = r.onDropAccepted, j = r.onDropRejected, P = r.onFileDialogCancel, K = r.onFileDialogOpen, J = r.useFsAccessApi, V = r.autoFocus, N = r.preventDropOnDocument, Q = r.noClick, H = r.noKeyboard, h = r.noDrag, I = r.noDragEventsBubbling, fe = r.onError, W = r.validator, B = L(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = f(f({}, pr), e), t = r.accept, n = r.disabled, i = r.getFilesFromEvent, a = r.maxSize, s = r.minSize, u = r.multiple, p = r.maxFiles, _ = r.onDragEnter, w = r.onDragLeave, g = r.onDragOver, x = r.onDrop, E = r.onDropAccepted, j = r.onDropRejected, P = r.onFileDialogCancel, K = r.onFileDialogOpen, J = r.useFsAccessApi, V = r.autoFocus, N = r.preventDropOnDocument, Q = r.noClick, H = r.noKeyboard, h = r.noDrag, I = r.noDragEventsBubbling, fe = r.onError, W = r.validator, B = L(function() {
     return nt(t);
   }, [t]), Ce = L(function() {
     return tt(t);
@@ -794,7 +794,7 @@ function dr() {
     return typeof K == "function" ? K : tr;
   }, [K]), X = L(function() {
     return typeof P == "function" ? P : tr;
-  }, [P]), v = ie(null), D = ie(null), mr = Dr(bt, Pe), Te = Fe(mr, 2), de = Te[0], y = Te[1], gr = de.isFocused, Re = de.isFileDialogActive, Z = ie(typeof window < "u" && window.isSecureContext && J && rt()), Se = function() {
+  }, [P]), v = ie(null), D = ie(null), mr = Dr(bt, Pe), Te = Oe(mr, 2), de = Te[0], y = Te[1], gr = de.isFocused, Re = de.isFileDialogActive, Z = ie(typeof window < "u" && window.isSecureContext && J && rt()), Se = function() {
     !Z.current && Re && setTimeout(function() {
       if (D.current) {
         var c = D.current.files;
@@ -804,25 +804,25 @@ function dr() {
       }
     }, 300);
   };
-  Oe(function() {
+  we(function() {
     return window.addEventListener("focus", Se, !1), function() {
       window.removeEventListener("focus", Se, !1);
     };
   }, [D, Re, X, Z]);
-  var R = ie([]), ke = function(c) {
+  var R = ie([]), ze = function(c) {
     v.current && v.current.contains(c.target) || (c.preventDefault(), R.current = []);
   };
-  Oe(function() {
-    return N && (document.addEventListener("dragover", er, !1), document.addEventListener("drop", ke, !1)), function() {
-      N && (document.removeEventListener("dragover", er), document.removeEventListener("drop", ke));
+  we(function() {
+    return N && (document.addEventListener("dragover", er, !1), document.addEventListener("drop", ze, !1)), function() {
+      N && (document.removeEventListener("dragover", er), document.removeEventListener("drop", ze));
     };
-  }, [v, N]), Oe(function() {
+  }, [v, N]), we(function() {
     return !n && V && v.current && v.current.focus(), function() {
     };
   }, [v, V, n]);
   var C = A(function(o) {
     fe ? fe(o) : console.error(o);
-  }, [fe]), ze = A(function(o) {
+  }, [fe]), ke = A(function(o) {
     o.preventDefault(), o.persist(), ne(o), R.current = [].concat(lt(R.current), [o.target]), ae(o) && Promise.resolve(i(o)).then(function(c) {
       if (!(se(o) && !I)) {
         var d = c.length, m = d > 0 && Qr({
@@ -839,12 +839,12 @@ function dr() {
           isDragReject: b,
           isDragActive: !0,
           type: "setDraggedFiles"
-        }), w && w(o);
+        }), _ && _(o);
       }
     }).catch(function(c) {
       return C(c);
     });
-  }, [i, w, C, I, B, s, a, u, p, W]), Le = A(function(o) {
+  }, [i, _, C, I, B, s, a, u, p, W]), Le = A(function(o) {
     o.preventDefault(), o.persist(), ne(o);
     var c = ae(o);
     if (c && o.dataTransfer)
@@ -863,11 +863,11 @@ function dr() {
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
-    }), ae(o) && O && O(o));
-  }, [v, O, I]), ee = A(function(o, c) {
+    }), ae(o) && w && w(o));
+  }, [v, w, I]), ee = A(function(o, c) {
     var d = [], m = [];
     o.forEach(function(b) {
-      var U = cr(b, B), z = Fe(U, 2), ge = z[0], ve = z[1], ye = ur(b, s, a), oe = Fe(ye, 2), be = oe[0], he = oe[1], De = W ? W(b) : null;
+      var U = cr(b, B), k = Oe(U, 2), ge = k[0], ve = k[1], ye = ur(b, s, a), oe = Oe(ye, 2), be = oe[0], he = oe[1], De = W ? W(b) : null;
       if (ge && be && !De)
         d.push(b);
       else {
@@ -888,8 +888,8 @@ function dr() {
       acceptedFiles: d,
       fileRejections: m,
       type: "setFiles"
-    }), _ && _(d, m, c), m.length > 0 && j && j(m, c), d.length > 0 && x && x(d, c);
-  }, [y, u, B, s, a, p, _, x, j, W]), re = A(function(o) {
+    }), x && x(d, m, c), m.length > 0 && j && j(m, c), d.length > 0 && E && E(d, c);
+  }, [y, u, B, s, a, p, x, E, j, W]), re = A(function(o) {
     o.preventDefault(), o.persist(), ne(o), R.current = [], ae(o) && Promise.resolve(i(o)).then(function(c) {
       se(o) && !I || ee(c, o);
     }).catch(function(c) {
@@ -934,47 +934,47 @@ function dr() {
     });
   }, []), He = A(function() {
     Q || (et() ? setTimeout(S, 0) : S());
-  }, [Q, S]), k = function(c) {
+  }, [Q, S]), z = function(c) {
     return n ? null : c;
   }, me = function(c) {
-    return H ? null : k(c);
+    return H ? null : z(c);
   }, te = function(c) {
-    return h ? null : k(c);
+    return h ? null : z(c);
   }, ne = function(c) {
     I && c.stopPropagation();
   }, vr = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, U = o.onFocus, z = o.onBlur, ge = o.onClick, ve = o.onDragEnter, ye = o.onDragOver, oe = o.onDragLeave, be = o.onDrop, he = le(o, ut);
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, U = o.onFocus, k = o.onBlur, ge = o.onClick, ve = o.onDragEnter, ye = o.onDragOver, oe = o.onDragLeave, be = o.onDrop, he = le(o, ut);
       return f(f(je({
-        onKeyDown: me(F(b, $e)),
-        onFocus: me(F(U, Ke)),
-        onBlur: me(F(z, Ne)),
-        onClick: k(F(ge, He)),
-        onDragEnter: te(F(ve, ze)),
-        onDragOver: te(F(ye, Le)),
-        onDragLeave: te(F(oe, Me)),
-        onDrop: te(F(be, re)),
+        onKeyDown: me(O(b, $e)),
+        onFocus: me(O(U, Ke)),
+        onBlur: me(O(k, Ne)),
+        onClick: z(O(ge, He)),
+        onDragEnter: te(O(ve, ke)),
+        onDragOver: te(O(ye, Le)),
+        onDragLeave: te(O(oe, Me)),
+        onDrop: te(O(be, re)),
         role: typeof m == "string" && m !== "" ? m : "presentation"
       }, d, v), !n && !H ? {
         tabIndex: 0
       } : {}), he);
     };
-  }, [v, $e, Ke, Ne, He, ze, Le, Me, re, H, h, n]), yr = A(function(o) {
+  }, [v, $e, Ke, Ne, He, ke, Le, Me, re, H, h, n]), yr = A(function(o) {
     o.stopPropagation();
   }, []), br = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, U = le(o, st), z = je({
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, U = le(o, st), k = je({
         accept: B,
         multiple: u,
         type: "file",
         style: {
           display: "none"
         },
-        onChange: k(F(m, re)),
-        onClick: k(F(b, yr)),
+        onChange: z(O(m, re)),
+        onClick: z(O(b, yr)),
         tabIndex: -1
       }, d, D);
-      return f(f({}, z), U);
+      return f(f({}, k), U);
     };
   }, [D, t, u, re, n]);
   return f(f({}, de), {}, {
@@ -983,7 +983,7 @@ function dr() {
     getInputProps: br,
     rootRef: v,
     inputRef: D,
-    open: k(S)
+    open: z(S)
   });
 }
 function bt(e, r) {
@@ -1023,14 +1023,14 @@ function bt(e, r) {
 }
 function tr() {
 }
-const ht = "_dropzone_1kj2k_1", Dt = "_text_1kj2k_18", At = "_disabled_1kj2k_24", wt = "_focused_1kj2k_38", Ot = "_dragActive_1kj2k_38", E = {
+const ht = "cfxui__InputDropzone__dropzone__bde8d", Dt = "cfxui__InputDropzone__text__47997", At = "cfxui__InputDropzone__disabled__168e8", _t = "cfxui__InputDropzone__focused__0bbd6", wt = "cfxui__InputDropzone__dragActive__096b2", F = {
   dropzone: ht,
   text: Dt,
   disabled: At,
-  focused: wt,
-  dragActive: Ot
+  focused: _t,
+  dragActive: wt
 };
-function Ft(e) {
+function Ot(e) {
   const {
     value: r = [],
     rejections: t = [],
@@ -1040,12 +1040,12 @@ function Ft(e) {
     rootAriaLabel: s = "",
     onRemoveFile: u,
     onRemoveRejection: p,
-    dropzoneItemClassName: w,
-    dropzoneClassName: O,
+    dropzoneItemClassName: _,
+    dropzoneClassName: w,
     ...g
   } = e, {
-    isFocused: _,
-    isDragActive: x,
+    isFocused: x,
+    isDragActive: E,
     isDragAccept: j,
     isDragReject: P,
     isFileDialogActive: K,
@@ -1055,16 +1055,16 @@ function Ft(e) {
     u && u(h);
   }, [u]), Q = ce.useCallback((h) => {
     p && p(h);
-  }, [p]), H = Er(E.dropzone, O, {
-    [E.disabled]: g.disabled,
-    [E.focused]: _,
-    [E.dragActive]: x,
-    [E.dragAccept]: j,
-    [E.dragReject]: P,
-    [E.fileDialogActive]: K
+  }, [p]), H = Fr(F.dropzone, w, {
+    [F.disabled]: g.disabled,
+    [F.focused]: x,
+    [F.dragActive]: E,
+    [F.dragAccept]: j,
+    [F.dragReject]: P,
+    [F.fileDialogActive]: K
   });
-  return /* @__PURE__ */ we("section", { children: [
-    /* @__PURE__ */ we(
+  return /* @__PURE__ */ _e("section", { children: [
+    /* @__PURE__ */ _e(
       "div",
       {
         className: H,
@@ -1073,8 +1073,8 @@ function Ft(e) {
         }),
         children: [
           /* @__PURE__ */ Y("input", { ...V() }),
-          /* @__PURE__ */ Y(Fr, { name: "Upload" }),
-          /* @__PURE__ */ we(Ue, { className: E.text, children: [
+          /* @__PURE__ */ Y(Or, { name: "Upload" }),
+          /* @__PURE__ */ _e(Ue, { className: F.text, children: [
             i ? `${n} ` : n,
             !!i && /* @__PURE__ */ Y(
               Ue,
@@ -1095,7 +1095,7 @@ function Ft(e) {
         removeAriaLabel: a,
         file: h,
         onRemoveFile: N,
-        className: w
+        className: _
       },
       h.path
     )),
@@ -1108,13 +1108,13 @@ function Ft(e) {
         removeAriaLabel: a,
         file: h,
         onRemoveFile: Q,
-        className: w
+        className: _
       },
       h.path
     ))
   ] });
 }
-const Rt = ce.memo(Ft);
+const Rt = ce.memo(Ot);
 export {
   Rt as default
 };

package/dist/components/InputDropzone/ItemPreview.js

@@ -1,29 +1,29 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import e from "react";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import a from "react";
 import f from "../IconButton/IconButton.js";
-import { Text as d } from "../Text/Text.js";
-import { clsx as _ } from "../../utils/clsx.js";
-const h = "_root_1v0i1_1", p = "_failed_1v0i1_12", u = "_filePath_1v0i1_15", a = {
-  root: h,
-  failed: p,
-  filePath: u
+import { Text as n } from "../Text/Text.js";
+import { clsx as d } from "../../utils/clsx.js";
+const u = "cfxui__ItemPreview__root__bb9bc", h = "cfxui__ItemPreview__failed__98fb7", p = "cfxui__ItemPreview__filePath__54877", o = {
+  root: u,
+  failed: h,
+  filePath: p
 };
 function P({
   file: t,
   onRemoveFile: r,
-  removeAriaLabel: o = "",
+  removeAriaLabel: e = "",
   className: i,
-  theme: c = "default"
+  theme: s = "default"
 }) {
-  const l = e.useCallback(() => {
+  const m = a.useCallback(() => {
     r(t);
-  }, [t, r]), m = e.useMemo(() => `${o}${o ? ", " : ""}${t.path}`, [o, t.path]);
-  return /* @__PURE__ */ n("div", { className: _(a.root, a[c], i), children: [
-    /* @__PURE__ */ s(d, { family: "secondary", className: a.filePath, children: t.path }),
-    /* @__PURE__ */ s(f, { areaSize: "large", ariaLabel: m, name: "Close", onClick: l })
+  }, [t, r]), _ = a.useMemo(() => `${e}${e ? ", " : ""}${t.path}`, [e, t.path]);
+  return /* @__PURE__ */ l("div", { className: d(o.root, o[s], i), children: [
+    /* @__PURE__ */ c(n, { family: "secondary", className: o.filePath, children: t.path }),
+    /* @__PURE__ */ c(f, { areaSize: "large", ariaLabel: _, name: "Close", onClick: m })
   ] });
 }
-const I = e.memo(P);
+const $ = a.memo(P);
 export {
-  I as default
+  $ as default
 };

package/dist/components/Interactive/Interactive.js

@@ -1,19 +1,19 @@
 import { jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { clsx as m } from "../../utils/clsx.js";
-const f = "_root_1o2df_1", l = {
+const f = "cfxui__Interactive__root__83e14", l = {
   root: f
-}, h = i.forwardRef(function(o, t) {
+}, v = i.forwardRef(function(o, t) {
   const {
     showPointer: r = !0,
     className: e,
-    as: s = "div",
-    ...n
+    as: n = "div",
+    ...s
   } = o, c = m(e, {
     [l.root]: r
   });
-  return /* @__PURE__ */ a(s, { ref: t, className: c, ...n, children: o.children });
+  return /* @__PURE__ */ a(n, { ref: t, className: c, ...s, children: o.children });
 });
 export {
-  h as Interactive
+  v as Interactive
 };

package/dist/components/Island/Island.js

@@ -1,34 +1,34 @@
-import { jsx as c } from "react/jsx-runtime";
-import b from "react";
+import { jsx as b } from "react/jsx-runtime";
+import g from "react";
 import { ui as p } from "../ui.js";
 import { clsx as h } from "../../utils/clsx.js";
-const w = "_root_mdgcu_1", R = "_grow_mdgcu_15", t = {
-  root: w,
-  grow: R,
-  "no-round-border-top-left": "_no-round-border-top-left_mdgcu_19",
-  "no-round-border-top-right": "_no-round-border-top-right_mdgcu_22",
-  "no-round-border-bottom-left": "_no-round-border-bottom-left_mdgcu_25",
-  "no-round-border-bottom-right": "_no-round-border-bottom-right_mdgcu_28"
+const n = "cfxui__Island__root__24fd9", s = "cfxui__Island__grow__c1786", t = {
+  root: n,
+  grow: s,
+  "no-round-border-top-left": "cfxui__Island__no-round-border-top-left__599e3",
+  "no-round-border-top-right": "cfxui__Island__no-round-border-top-right__83fe5",
+  "no-round-border-bottom-left": "cfxui__Island__no-round-border-bottom-left__8d1c9",
+  "no-round-border-bottom-right": "cfxui__Island__no-round-border-bottom-right__f8472"
 };
-var B = /* @__PURE__ */ ((o) => (o[o.TopLeft = 1] = "TopLeft", o[o.TopRight = 2] = "TopRight", o[o.BottomLeft = 4] = "BottomLeft", o[o.BottomRight = 8] = "BottomRight", o[o.Top = 3] = "Top", o[o.Left = 5] = "Left", o[o.Right = 10] = "Right", o[o.Bottom = 12] = "Bottom", o[o.All = 15] = "All", o))(B || {});
-const l = b.forwardRef(function(i, u) {
+var l = /* @__PURE__ */ ((o) => (o[o.TopLeft = 1] = "TopLeft", o[o.TopRight = 2] = "TopRight", o[o.BottomLeft = 4] = "BottomLeft", o[o.BottomRight = 8] = "BottomRight", o[o.Top = 3] = "Top", o[o.Left = 5] = "Left", o[o.Right = 10] = "Right", o[o.Bottom = 12] = "Bottom", o[o.All = 15] = "All", o))(l || {});
+const L = g.forwardRef(function(i, d) {
   const {
-    grow: f = !1,
-    widthQ: m = 0,
+    grow: m = !1,
+    widthQ: _ = 0,
     straightCorner: r = 0,
-    children: d,
+    children: u,
     className: e
-  } = i, _ = h(t.root, e, {
-    [t.grow]: f,
+  } = i, c = h(t.root, e, {
+    [t.grow]: m,
     [t["no-round-border-top-left"]]: r & 1,
     [t["no-round-border-top-right"]]: r & 2,
     [t["no-round-border-bottom-left"]]: r & 4,
     [t["no-round-border-bottom-right"]]: r & 8
     /* BottomRight */
-  }), g = {};
-  return m > 0 && (g.width = p.q(m)), /* @__PURE__ */ c("div", { className: _, style: g, ref: u, children: d });
+  }), f = {};
+  return _ > 0 && (f.width = p.q(_)), /* @__PURE__ */ b("div", { className: c, style: f, ref: d, children: u });
 });
 export {
-  l as Island,
-  B as IslandCorner
+  L as Island,
+  l as IslandCorner
 };