mada-design-system 0.1.1 → 0.2.0

package/index.es119.js

@@ -1,13 +1,312 @@
-import C from "./index.es172.js";
-const e = C("Search", [
-  [
-    "path",
-    {
-      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
-      key: "1ac8z8"
-    }
-  ]
-]);
+import { a as se } from "./index.es178.js";
+import * as V from "@radix-ui/react-dialog";
+import * as t from "react";
+var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {
+  let n = t.useRef(null), u = I(() => {
+    var e, a, i;
+    return { search: "", value: (i = (a = r.value) != null ? a : (e = r.defaultValue) == null ? void 0 : e.toLowerCase()) != null ? i : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), c = I(() => /* @__PURE__ */ new Set()), d = I(() => /* @__PURE__ */ new Map()), s = I(() => /* @__PURE__ */ new Map()), v = I(() => /* @__PURE__ */ new Set()), f = ie(r), { label: b, children: p, value: E, onValueChange: A, filter: L, shouldFilter: k, vimBindings: D = !0, ...C } = r, U = t.useId(), J = t.useId(), X = t.useId(), y = Re();
+  M(() => {
+    if (E !== void 0) {
+      let e = E.trim().toLowerCase();
+      u.current.value = e, y(6, Z), m.emit();
+    }
+  }, [E]);
+  let m = t.useMemo(() => ({ subscribe: (e) => (v.current.add(e), () => v.current.delete(e)), snapshot: () => u.current, setState: (e, a, i) => {
+    var l, g, h;
+    if (!Object.is(u.current[e], a)) {
+      if (u.current[e] = a, e === "search")
+        z(), O(), y(1, j);
+      else if (e === "value")
+        if (((l = f.current) == null ? void 0 : l.value) !== void 0) {
+          let S = a ?? "";
+          (h = (g = f.current).onValueChange) == null || h.call(g, S);
+          return;
+        } else
+          i || y(5, Z);
+      m.emit();
+    }
+  }, emit: () => {
+    v.current.forEach((e) => e());
+  } }), []), x = t.useMemo(() => ({ value: (e, a) => {
+    a !== s.current.get(e) && (s.current.set(e, a), u.current.filtered.items.set(e, Y(a)), y(2, () => {
+      O(), m.emit();
+    }));
+  }, item: (e, a) => (c.current.add(e), a && (d.current.has(a) ? d.current.get(a).add(e) : d.current.set(a, /* @__PURE__ */ new Set([e]))), y(3, () => {
+    z(), O(), u.current.value || j(), m.emit();
+  }), () => {
+    s.current.delete(e), c.current.delete(e), u.current.filtered.items.delete(e);
+    let i = $();
+    y(4, () => {
+      z(), (i == null ? void 0 : i.getAttribute("id")) === e && j(), m.emit();
+    });
+  }), group: (e) => (d.current.has(e) || d.current.set(e, /* @__PURE__ */ new Set()), () => {
+    s.current.delete(e), d.current.delete(e);
+  }), filter: () => f.current.shouldFilter, label: b || r["aria-label"], commandRef: n, listId: U, inputId: X, labelId: J }), []);
+  function Y(e) {
+    var a, i;
+    let l = (i = (a = f.current) == null ? void 0 : a.filter) != null ? i : ve;
+    return e ? l(e, u.current.search) : 0;
+  }
+  function O() {
+    if (!n.current || !u.current.search || f.current.shouldFilter === !1)
+      return;
+    let e = u.current.filtered.items, a = [];
+    u.current.filtered.groups.forEach((l) => {
+      let g = d.current.get(l), h = 0;
+      g.forEach((S) => {
+        let T = e.get(S);
+        h = Math.max(T, h);
+      }), a.push([l, h]);
+    });
+    let i = n.current.querySelector(fe);
+    F().sort((l, g) => {
+      var h, S;
+      let T = l.getAttribute(w), de = g.getAttribute(w);
+      return ((h = e.get(de)) != null ? h : 0) - ((S = e.get(T)) != null ? S : 0);
+    }).forEach((l) => {
+      let g = l.closest(H);
+      g ? g.appendChild(l.parentElement === g ? l : l.closest(`${H} > *`)) : i.appendChild(l.parentElement === i ? l : l.closest(`${H} > *`));
+    }), a.sort((l, g) => g[1] - l[1]).forEach((l) => {
+      let g = n.current.querySelector(`${K}[${w}="${l[0]}"]`);
+      g == null || g.parentElement.appendChild(g);
+    });
+  }
+  function j() {
+    let e = F().find((i) => !i.ariaDisabled), a = e == null ? void 0 : e.getAttribute(w);
+    m.setState("value", a || void 0);
+  }
+  function z() {
+    if (!u.current.search || f.current.shouldFilter === !1) {
+      u.current.filtered.count = c.current.size;
+      return;
+    }
+    u.current.filtered.groups = /* @__PURE__ */ new Set();
+    let e = 0;
+    for (let a of c.current) {
+      let i = s.current.get(a), l = Y(i);
+      u.current.filtered.items.set(a, l), l > 0 && e++;
+    }
+    for (let [a, i] of d.current)
+      for (let l of i)
+        if (u.current.filtered.items.get(l) > 0) {
+          u.current.filtered.groups.add(a);
+          break;
+        }
+    u.current.filtered.count = e;
+  }
+  function Z() {
+    var e, a, i;
+    let l = $();
+    l && (((e = l.parentElement) == null ? void 0 : e.firstChild) === l && ((i = (a = l.closest(K)) == null ? void 0 : a.querySelector(me)) == null || i.scrollIntoView({ block: "nearest" })), l.scrollIntoView({ block: "nearest" }));
+  }
+  function $() {
+    var e;
+    return (e = n.current) == null ? void 0 : e.querySelector(`${B}[aria-selected="true"]`);
+  }
+  function F() {
+    return Array.from(n.current.querySelectorAll(ne));
+  }
+  function N(e) {
+    let a = F()[e];
+    a && m.setState("value", a.getAttribute(w));
+  }
+  function G(e) {
+    var a;
+    let i = $(), l = F(), g = l.findIndex((S) => S === i), h = l[g + e];
+    (a = f.current) != null && a.loop && (h = g + e < 0 ? l[l.length - 1] : g + e === l.length ? l[0] : l[g + e]), h && m.setState("value", h.getAttribute(w));
+  }
+  function _(e) {
+    let a = $(), i = a == null ? void 0 : a.closest(K), l;
+    for (; i && !l; )
+      i = e > 0 ? Se(i, K) : ke(i, K), l = i == null ? void 0 : i.querySelector(ne);
+    l ? m.setState("value", l.getAttribute(w)) : G(e);
+  }
+  let ee = () => N(F().length - 1), te = (e) => {
+    e.preventDefault(), e.metaKey ? ee() : e.altKey ? _(1) : G(1);
+  }, re = (e) => {
+    e.preventDefault(), e.metaKey ? N(0) : e.altKey ? _(-1) : G(-1);
+  };
+  return t.createElement("div", { ref: q([n, o]), ...C, "cmdk-root": "", onKeyDown: (e) => {
+    var a;
+    if ((a = C.onKeyDown) == null || a.call(C, e), !e.defaultPrevented)
+      switch (e.key) {
+        case "n":
+        case "j": {
+          D && e.ctrlKey && te(e);
+          break;
+        }
+        case "ArrowDown": {
+          te(e);
+          break;
+        }
+        case "p":
+        case "k": {
+          D && e.ctrlKey && re(e);
+          break;
+        }
+        case "ArrowUp": {
+          re(e);
+          break;
+        }
+        case "Home": {
+          e.preventDefault(), N(0);
+          break;
+        }
+        case "End": {
+          e.preventDefault(), ee();
+          break;
+        }
+        case "Enter":
+          if (!e.nativeEvent.isComposing) {
+            e.preventDefault();
+            let i = $();
+            if (i) {
+              let l = new Event(W);
+              i.dispatchEvent(l);
+            }
+          }
+      }
+  } }, t.createElement("label", { "cmdk-label": "", htmlFor: x.inputId, id: x.labelId, style: xe }, b), t.createElement(ae.Provider, { value: m }, t.createElement(le.Provider, { value: x }, p)));
+}), pe = t.forwardRef((r, o) => {
+  var n, u;
+  let c = t.useId(), d = t.useRef(null), s = t.useContext(ue), v = P(), f = ie(r), b = (u = (n = f.current) == null ? void 0 : n.forceMount) != null ? u : s == null ? void 0 : s.forceMount;
+  M(() => v.item(c, s == null ? void 0 : s.id), []);
+  let p = ce(c, d, [r.value, r.children, d]), E = Q(), A = R((m) => m.value && m.value === p.current), L = R((m) => b || v.filter() === !1 ? !0 : m.search ? m.filtered.items.get(c) > 0 : !0);
+  t.useEffect(() => {
+    let m = d.current;
+    if (!(!m || r.disabled))
+      return m.addEventListener(W, k), () => m.removeEventListener(W, k);
+  }, [L, r.onSelect, r.disabled]);
+  function k() {
+    var m, x;
+    D(), (x = (m = f.current).onSelect) == null || x.call(m, p.current);
+  }
+  function D() {
+    E.setState("value", p.current, !0);
+  }
+  if (!L)
+    return null;
+  let { disabled: C, value: U, onSelect: J, forceMount: X, ...y } = r;
+  return t.createElement("div", { ref: q([d, o]), ...y, id: c, "cmdk-item": "", role: "option", "aria-disabled": C || void 0, "aria-selected": A || void 0, "data-disabled": C || void 0, "data-selected": A || void 0, onPointerMove: C ? void 0 : D, onClick: C ? void 0 : k }, r.children);
+}), ge = t.forwardRef((r, o) => {
+  let { heading: n, children: u, forceMount: c, ...d } = r, s = t.useId(), v = t.useRef(null), f = t.useRef(null), b = t.useId(), p = P(), E = R((k) => c || p.filter() === !1 ? !0 : k.search ? k.filtered.groups.has(s) : !0);
+  M(() => p.group(s), []), ce(s, v, [r.value, r.heading, f]);
+  let A = t.useMemo(() => ({ id: s, forceMount: c }), [c]), L = t.createElement(ue.Provider, { value: A }, u);
+  return t.createElement("div", { ref: q([v, o]), ...d, "cmdk-group": "", role: "presentation", hidden: E ? void 0 : !0 }, n && t.createElement("div", { ref: f, "cmdk-group-heading": "", "aria-hidden": !0, id: b }, n), t.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? b : void 0 }, L));
+}), he = t.forwardRef((r, o) => {
+  let { alwaysRender: n, ...u } = r, c = t.useRef(null), d = R((s) => !s.search);
+  return !n && !d ? null : t.createElement("div", { ref: q([c, o]), ...u, "cmdk-separator": "", role: "separator" });
+}), be = t.forwardRef((r, o) => {
+  let { onValueChange: n, ...u } = r, c = r.value != null, d = Q(), s = R((p) => p.search), v = R((p) => p.value), f = P(), b = t.useMemo(() => {
+    var p;
+    let E = (p = f.commandRef.current) == null ? void 0 : p.querySelector(`${B}[${w}="${v}"]`);
+    return E == null ? void 0 : E.getAttribute("id");
+  }, [v, f.commandRef]);
+  return t.useEffect(() => {
+    r.value != null && d.setState("search", r.value);
+  }, [r.value]), t.createElement("input", { ref: o, ...u, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": f.listId, "aria-labelledby": f.labelId, "aria-activedescendant": b, id: f.inputId, type: "text", value: c ? r.value : s, onChange: (p) => {
+    c || d.setState("search", p.target.value), n == null || n(p.target.value);
+  } });
+}), Ee = t.forwardRef((r, o) => {
+  let { children: n, ...u } = r, c = t.useRef(null), d = t.useRef(null), s = P();
+  return t.useEffect(() => {
+    if (d.current && c.current) {
+      let v = d.current, f = c.current, b, p = new ResizeObserver(() => {
+        b = requestAnimationFrame(() => {
+          let E = v.offsetHeight;
+          f.style.setProperty("--cmdk-list-height", E.toFixed(1) + "px");
+        });
+      });
+      return p.observe(v), () => {
+        cancelAnimationFrame(b), p.unobserve(v);
+      };
+    }
+  }, []), t.createElement("div", { ref: q([c, o]), ...u, "cmdk-list": "", role: "listbox", "aria-label": "Suggestions", id: s.listId, "aria-labelledby": s.inputId }, t.createElement("div", { ref: d, "cmdk-list-sizer": "" }, n));
+}), we = t.forwardRef((r, o) => {
+  let { open: n, onOpenChange: u, overlayClassName: c, contentClassName: d, container: s, ...v } = r;
+  return t.createElement(V.Root, { open: n, onOpenChange: u }, t.createElement(V.Portal, { container: s }, t.createElement(V.Overlay, { "cmdk-overlay": "", className: c }), t.createElement(V.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, t.createElement(oe, { ref: o, ...v }))));
+}), Ce = t.forwardRef((r, o) => {
+  let n = t.useRef(!0), u = R((c) => c.filtered.count === 0);
+  return t.useEffect(() => {
+    n.current = !1;
+  }, []), n.current || !u ? null : t.createElement("div", { ref: o, ...r, "cmdk-empty": "", role: "presentation" });
+}), ye = t.forwardRef((r, o) => {
+  let { progress: n, children: u, ...c } = r;
+  return t.createElement("div", { ref: o, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "Loading..." }, t.createElement("div", { "aria-hidden": !0 }, u));
+}), Me = Object.assign(oe, { List: Ee, Item: pe, Input: be, Group: ge, Separator: he, Dialog: we, Empty: Ce, Loading: ye });
+function Se(r, o) {
+  let n = r.nextElementSibling;
+  for (; n; ) {
+    if (n.matches(o))
+      return n;
+    n = n.nextElementSibling;
+  }
+}
+function ke(r, o) {
+  let n = r.previousElementSibling;
+  for (; n; ) {
+    if (n.matches(o))
+      return n;
+    n = n.previousElementSibling;
+  }
+}
+function ie(r) {
+  let o = t.useRef(r);
+  return M(() => {
+    o.current = r;
+  }), o;
+}
+var M = typeof window > "u" ? t.useEffect : t.useLayoutEffect;
+function I(r) {
+  let o = t.useRef();
+  return o.current === void 0 && (o.current = r()), o;
+}
+function q(r) {
+  return (o) => {
+    r.forEach((n) => {
+      typeof n == "function" ? n(o) : n != null && (n.current = o);
+    });
+  };
+}
+function R(r) {
+  let o = Q(), n = () => r(o.snapshot());
+  return t.useSyncExternalStore(o.subscribe, n, n);
+}
+function ce(r, o, n) {
+  let u = t.useRef(), c = P();
+  return M(() => {
+    var d;
+    let s = (() => {
+      var v;
+      for (let f of n) {
+        if (typeof f == "string")
+          return f.trim().toLowerCase();
+        if (typeof f == "object" && "current" in f)
+          return f.current ? (v = f.current.textContent) == null ? void 0 : v.trim().toLowerCase() : u.current;
+      }
+    })();
+    c.value(r, s), (d = o.current) == null || d.setAttribute(w, s), u.current = s;
+  }), u;
+}
+var Re = () => {
+  let [r, o] = t.useState(), n = I(() => /* @__PURE__ */ new Map());
+  return M(() => {
+    n.current.forEach((u) => u()), n.current = /* @__PURE__ */ new Map();
+  }, [r]), (u, c) => {
+    n.current.set(u, c), o({});
+  };
+}, xe = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 export {
-  e as default
+  Me as Command,
+  we as CommandDialog,
+  Ce as CommandEmpty,
+  ge as CommandGroup,
+  be as CommandInput,
+  pe as CommandItem,
+  Ee as CommandList,
+  ye as CommandLoading,
+  oe as CommandRoot,
+  he as CommandSeparator,
+  R as useCommandState
 };

package/index.es12.js

@@ -1,13 +1,13 @@
 import { jsx as r, jsxs as c, Fragment as N } from "react/jsx-runtime";
 import k from "react";
-import { cn as x } from "./index.es78.js";
-import { strings as f } from "./index.es90.js";
-import R from "./index.es82.js";
+import { cn as x } from "./index.es79.js";
+import { strings as f } from "./index.es91.js";
+import R from "./index.es83.js";
 import { ShouldRender as d } from "./index.es14.js";
-import { Pagination as w, PaginationContent as y, PaginationItem as h, PaginationPrevious as A, PaginationLink as p, PaginationNext as L } from "./index.es106.js";
+import { Pagination as w, PaginationContent as y, PaginationItem as h, PaginationPrevious as A, PaginationLink as p, PaginationNext as L } from "./index.es107.js";
 import { Select as $, SelectTrigger as g, SelectValue as I, SelectContent as T, SelectGroup as j, SelectItem as m } from "./index.es57.js";
-import V from "./index.es107.js";
-import B from "./index.es108.js";
+import V from "./index.es108.js";
+import B from "./index.es109.js";
 const J = ({ totalItems: e, onPageChange: l, selectedPage: t, className: o, withoutText: a, itemsPerPage: v = 6 }) => {
   const i = Math.ceil(e / v), s = Array.from(Array(i).keys()), S = (n) => t === i - 3 && n === i - 2 || t === i - 2 && n === i - 5 || t === i - 1 && (n === i - 4 || n === i - 5) || t === i && (t === n + 3 || t === n + 4 || t === n + 5), C = () => {
     const n = document.getElementById("gridList");

package/index.es120.js

@@ -1,13 +1,13 @@
-import H from "./index.es172.js";
-const a = H("DateRange", [
+import C from "./index.es175.js";
+const e = C("Search", [
   [
     "path",
     {
-      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
-      key: "1kdlay"
+      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
+      key: "1ac8z8"
     }
   ]
 ]);
 export {
-  a as default
+  e as default
 };

package/index.es121.js

@@ -1,13 +1,13 @@
-import t from "./index.es172.js";
-const o = t("ChevronRight", [
+import H from "./index.es175.js";
+const a = H("DateRange", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
+      key: "1kdlay"
     }
   ]
 ]);
 export {
-  o as default
+  a as default
 };

package/index.es122.js

@@ -1,13 +1,13 @@
-import e from "./index.es172.js";
-const c = e("Check", [
+import t from "./index.es175.js";
+const o = t("ChevronRight", [
   [
     "path",
     {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
     }
   ]
 ]);
 export {
-  c as default
+  o as default
 };

package/index.es123.js

@@ -1,13 +1,13 @@
-import e from "./index.es172.js";
-const t = e("Circle", [
+import e from "./index.es175.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
-      key: "arly8y"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);
 export {
-  t as default
+  c as default
 };

package/index.es124.js

@@ -1,207 +1,13 @@
-import * as t from "react";
-var Me = Object.defineProperty, xe = Object.defineProperties, ke = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable, de = (r, a, l) => a in r ? Me(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, Re = (r, a) => {
-  for (var l in a || (a = {}))
-    me.call(a, l) && de(r, l, a[l]);
-  if (J)
-    for (var l of J(a))
-      fe.call(a, l) && de(r, l, a[l]);
-  return r;
-}, Te = (r, a) => xe(r, ke(a)), De = (r, a) => {
-  var l = {};
-  for (var s in r)
-    me.call(r, s) && a.indexOf(s) < 0 && (l[s] = r[s]);
-  if (r != null && J)
-    for (var s of J(r))
-      a.indexOf(s) < 0 && fe.call(r, s) && (l[s] = r[s]);
-  return l;
-};
-function Oe(r) {
-  let a = setTimeout(r, 0), l = setTimeout(r, 10), s = setTimeout(r, 50);
-  return [a, l, s];
-}
-function We(r) {
-  let a = t.useRef();
-  return t.useEffect(() => {
-    a.current = r;
-  }), a.current;
-}
-var Ae = 18, ve = 40, Be = `${ve}px`, je = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function Ie({ containerRef: r, inputRef: a, pushPasswordManagerStrategy: l, isFocused: s }) {
-  let [M, p] = t.useState(!1), [_, x] = t.useState(!1), [W, F] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && M && _, [M, _, l]), A = t.useCallback(() => {
-    let f = r.current, y = a.current;
-    if (!f || !y || W || l === "none")
-      return;
-    let g = f, E = g.getBoundingClientRect().left + g.offsetWidth, B = g.getBoundingClientRect().top + g.offsetHeight / 2, i = E - Ae, L = B;
-    document.querySelectorAll(je).length === 0 && document.elementFromPoint(i, L) === f || (p(!0), F(!0));
-  }, [r, a, W, l]);
-  return t.useEffect(() => {
-    let f = r.current;
-    if (!f || l === "none")
-      return;
-    function y() {
-      let E = window.innerWidth - f.getBoundingClientRect().right;
-      x(E >= ve);
-    }
-    y();
-    let g = setInterval(y, 1e3);
-    return () => {
-      clearInterval(g);
-    };
-  }, [r, l]), t.useEffect(() => {
-    let f = s || document.activeElement === a.current;
-    if (l === "none" || !f)
-      return;
-    let y = setTimeout(A, 0), g = setTimeout(A, 2e3), E = setTimeout(A, 5e3), B = setTimeout(() => {
-      F(!0);
-    }, 6e3);
-    return () => {
-      clearTimeout(y), clearTimeout(g), clearTimeout(E), clearTimeout(B);
-    };
-  }, [a, s, l, A]), { hasPWMBadge: M, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Be };
-}
-var _e = t.createContext({}), Fe = t.forwardRef((r, a) => {
-  var l = r, { value: s, onChange: M, maxLength: p, textAlign: _ = "left", pattern: x, placeholder: W, inputMode: F = "numeric", onComplete: H, pushPasswordManagerStrategy: A = "increase-width", pasteTransformer: f, containerClassName: y, noScriptCSSFallback: g = He, render: E, children: B } = l, i = De(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ee, te, ne, re;
-  let [he, ge] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = s ?? he, k = We(u), $ = t.useCallback((e) => {
-    M == null || M(e), ge(e);
-  }, [M]), w = t.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), c = t.useRef(null), K = t.useRef(null), Q = t.useRef({ value: u, onChange: $, isIOS: typeof window < "u" && ((ee = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ee.call(L, "-webkit-touch-callout", "none")) }), q = t.useRef({ prev: [(te = c.current) == null ? void 0 : te.selectionStart, (ne = c.current) == null ? void 0 : ne.selectionEnd, (re = c.current) == null ? void 0 : re.selectionDirection] });
-  t.useImperativeHandle(a, () => c.current, []), t.useEffect(() => {
-    let e = c.current, n = K.current;
-    if (!e || !n)
-      return;
-    Q.current.value !== e.value && Q.current.onChange(e.value), q.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
-    function d() {
-      if (document.activeElement !== e) {
-        N(null), z(null);
-        return;
-      }
-      let o = e.selectionStart, m = e.selectionEnd, Z = e.selectionDirection, b = e.maxLength, T = e.value, S = q.current.prev, P = -1, C = -1, D;
-      if (T.length !== 0 && o !== null && m !== null) {
-        let ye = o === m, Pe = o === T.length && T.length < b;
-        if (ye && !Pe) {
-          let O = o;
-          if (O === 0)
-            P = 0, C = 1, D = "forward";
-          else if (O === b)
-            P = O - 1, C = O, D = "backward";
-          else if (b > 1 && T.length > 1) {
-            let Y = 0;
-            if (S[0] !== null && S[1] !== null) {
-              D = O < S[1] ? "backward" : "forward";
-              let Ce = S[0] === S[1] && S[0] < b;
-              D === "backward" && !Ce && (Y = -1);
-            }
-            P = Y + O, C = Y + O + 1;
-          }
-        }
-        P !== -1 && C !== -1 && P !== C && c.current.setSelectionRange(P, C, D);
-      }
-      let se = P !== -1 ? P : o, pe = C !== -1 ? C : m, Se = D ?? Z;
-      N(se), z(pe), q.current.prev = [se, pe, Se];
-    }
-    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && U(!0), !document.getElementById("input-otp-style")) {
-      let o = document.createElement("style");
-      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
-        let m = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        V(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(o.sheet, `[data-input-otp]:autofill { ${m} }`), V(o.sheet, `[data-input-otp]:-webkit-autofill { ${m} }`), V(o.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), V(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
-      }
-    }
-    let v = () => {
-      n && n.style.setProperty("--root-height", `${e.clientHeight}px`);
-    };
-    v();
-    let h = new ResizeObserver(v);
-    return h.observe(e), () => {
-      document.removeEventListener("selectionchange", d, { capture: !0 }), h.disconnect();
-    };
-  }, []);
-  let [le, ae] = t.useState(!1), [G, U] = t.useState(!1), [R, N] = t.useState(null), [j, z] = t.useState(null);
-  t.useEffect(() => {
-    Oe(() => {
-      var e, n, d, v;
-      (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let h = (n = c.current) == null ? void 0 : n.selectionStart, o = (d = c.current) == null ? void 0 : d.selectionEnd, m = (v = c.current) == null ? void 0 : v.selectionDirection;
-      h !== null && o !== null && (N(h), z(o), q.current.prev = [h, o, m]);
-    });
-  }, [u, G]), t.useEffect(() => {
-    k !== void 0 && u !== k && k.length < p && u.length === p && (H == null || H(u));
-  }, [p, H, k, u]);
-  let I = Ie({ containerRef: K, inputRef: c, pushPasswordManagerStrategy: A, isFocused: G }), oe = t.useCallback((e) => {
-    let n = e.currentTarget.value.slice(0, p);
-    if (n.length > 0 && w && !w.test(n)) {
-      e.preventDefault();
-      return;
-    }
-    typeof k == "string" && n.length < k.length && document.dispatchEvent(new Event("selectionchange")), $(n);
-  }, [p, $, k, w]), ie = t.useCallback(() => {
-    var e;
-    if (c.current) {
-      let n = Math.min(c.current.value.length, p - 1), d = c.current.value.length;
-      (e = c.current) == null || e.setSelectionRange(n, d), N(n), z(d);
-    }
-    U(!0);
-  }, [p]), ue = t.useCallback((e) => {
-    var n, d;
-    let v = c.current;
-    if (!f && (!Q.current.isIOS || !e.clipboardData || !v))
-      return;
-    let h = e.clipboardData.getData("text/plain"), o = f ? f(h) : h;
-    e.preventDefault();
-    let m = (n = c.current) == null ? void 0 : n.selectionStart, Z = (d = c.current) == null ? void 0 : d.selectionEnd, b = (m !== Z ? u.slice(0, m) + o + u.slice(Z) : u.slice(0, m) + o + u.slice(m)).slice(0, p);
-    if (b.length > 0 && w && !w.test(b))
-      return;
-    v.value = b, $(b);
-    let T = Math.min(b.length, p - 1), S = b.length;
-    v.setSelectionRange(T, S), N(T), z(S);
-  }, [p, $, w, u]), be = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), ce = t.useMemo(() => ({ position: "absolute", inset: 0, width: I.willPushPWMBadge ? `calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: I.willPushPWMBadge ? `inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: _, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [I.PWM_BADGE_SPACE_WIDTH, I.willPushPWMBadge, _]), we = t.useMemo(() => t.createElement("input", Te(Re({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": j, inputMode: F, pattern: w == null ? void 0 : w.source, "aria-placeholder": W, style: ce, maxLength: p, value: u, ref: c, onPaste: (e) => {
-    var n;
-    ue(e), (n = i.onPaste) == null || n.call(i, e);
-  }, onChange: oe, onMouseOver: (e) => {
-    var n;
-    ae(!0), (n = i.onMouseOver) == null || n.call(i, e);
-  }, onMouseLeave: (e) => {
-    var n;
-    ae(!1), (n = i.onMouseLeave) == null || n.call(i, e);
-  }, onFocus: (e) => {
-    var n;
-    ie(), (n = i.onFocus) == null || n.call(i, e);
-  }, onBlur: (e) => {
-    var n;
-    U(!1), (n = i.onBlur) == null || n.call(i, e);
-  } })), [oe, ie, ue, F, ce, p, j, R, i, w == null ? void 0 : w.source, u]), X = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, n) => {
-    var d;
-    let v = G && R !== null && j !== null && (R === j && n === R || n >= R && n < j), h = u[n] !== void 0 ? u[n] : null, o = u[0] !== void 0 ? null : (d = W == null ? void 0 : W[n]) != null ? d : null;
-    return { char: h, placeholderChar: o, isActive: v, hasFakeCaret: v && h === null };
-  }), isFocused: G, isHovering: !i.disabled && le }), [G, le, p, j, R, i.disabled, u]), Ee = t.useMemo(() => E ? E(X) : t.createElement(_e.Provider, { value: X }, B), [B, X, E]);
-  return t.createElement(t.Fragment, null, g !== null && t.createElement("noscript", null, t.createElement("style", null, g)), t.createElement("div", { ref: K, "data-input-otp-container": !0, style: be, className: y }, Ee, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, we)));
-});
-Fe.displayName = "Input";
-function V(r, a) {
-  try {
-    r.insertRule(a);
-  } catch {
-  }
-}
-var He = `
-[data-input-otp] {
-  --nojs-bg: white !important;
-  --nojs-fg: black !important;
-
-  background-color: var(--nojs-bg) !important;
-  color: var(--nojs-fg) !important;
-  caret-color: var(--nojs-fg) !important;
-  letter-spacing: .25em !important;
-  text-align: center !important;
-  border: 1px solid var(--nojs-fg) !important;
-  border-radius: 4px !important;
-  width: 100% !important;
-}
-@media (prefers-color-scheme: dark) {
-  [data-input-otp] {
-    --nojs-bg: black !important;
-    --nojs-fg: white !important;
-  }
-}`;
+import e from "./index.es175.js";
+const t = e("Circle", [
+  [
+    "path",
+    {
+      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
+      key: "arly8y"
+    }
+  ]
+]);
 export {
-  Fe as OTPInput,
-  _e as OTPInputContext
+  t as default
 };