mada-design-system 0.5.10 → 0.5.11

package/index.es102.js

@@ -1,23 +1,90 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number")
-    t += r;
-  else if (typeof r == "object")
-    if (Array.isArray(r)) {
-      var o = r.length;
-      for (n = 0; n < o; n++)
-        r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-    } else
-      for (f in r)
-        r[f] && (t && (t += " "), t += f);
-  return t;
+import * as o from "react";
+import { createTable as u } from "./index.es104.js";
+import { ColumnFaceting as R, ColumnFiltering as S, ColumnGrouping as b, ColumnOrdering as w, ColumnPinning as y, ColumnSizing as F, ColumnVisibility as h, GlobalFaceting as x, GlobalFiltering as O, Headers as P, RowExpanding as v, RowPagination as E, RowPinning as G, RowSelection as $, RowSorting as A, _getVisibleLeafColumns as M, aggregationFns as V, buildHeaderGroups as j, createCell as k, createColumn as z, createRow as H, defaultColumnSizing as N, expandRows as T, filterFns as U, flattenBy as _, functionalUpdate as B, getCoreRowModel as L, getMemoOptions as q, getPaginationRowModel as D, isFunction as I, isNumberArray as J, isRowSelected as K, isSubRowSelected as Q, makeStateUpdater as W, memo as X, orderColumns as Y, passiveEventSupported as Z, reSplitAlphaNumeric as ee, selectRowsFn as te, shouldAutoRemoveFilter as ne, sortingFns as oe } from "./index.es104.js";
+function m(e, t) {
+  return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
 }
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++)
-    (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+function s(e) {
+  return c(e) || typeof e == "function" || g(e);
+}
+function c(e) {
+  return typeof e == "function" && (() => {
+    const t = Object.getPrototypeOf(e);
+    return t.prototype && t.prototype.isReactComponent;
+  })();
+}
+function g(e) {
+  return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
+}
+function p(e) {
+  const t = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {
+    },
+    // noop
+    renderFallbackValue: null,
+    ...e
+  }, [n] = o.useState(() => ({
+    current: u(t)
+  })), [i, a] = o.useState(() => n.current.initialState);
+  return n.current.setOptions((l) => ({
+    ...l,
+    ...e,
+    state: {
+      ...i,
+      ...e.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: (r) => {
+      a(r), e.onStateChange == null || e.onStateChange(r);
+    }
+  })), n.current;
 }
 export {
-  i as clsx,
-  i as default
+  R as ColumnFaceting,
+  S as ColumnFiltering,
+  b as ColumnGrouping,
+  w as ColumnOrdering,
+  y as ColumnPinning,
+  F as ColumnSizing,
+  h as ColumnVisibility,
+  x as GlobalFaceting,
+  O as GlobalFiltering,
+  P as Headers,
+  v as RowExpanding,
+  E as RowPagination,
+  G as RowPinning,
+  $ as RowSelection,
+  A as RowSorting,
+  M as _getVisibleLeafColumns,
+  V as aggregationFns,
+  j as buildHeaderGroups,
+  k as createCell,
+  z as createColumn,
+  H as createRow,
+  u as createTable,
+  N as defaultColumnSizing,
+  T as expandRows,
+  U as filterFns,
+  _ as flattenBy,
+  m as flexRender,
+  B as functionalUpdate,
+  L as getCoreRowModel,
+  q as getMemoOptions,
+  D as getPaginationRowModel,
+  I as isFunction,
+  J as isNumberArray,
+  K as isRowSelected,
+  Q as isSubRowSelected,
+  W as makeStateUpdater,
+  X as memo,
+  Y as orderColumns,
+  Z as passiveEventSupported,
+  ee as reSplitAlphaNumeric,
+  te as selectRowsFn,
+  ne as shouldAutoRemoveFilter,
+  oe as sortingFns,
+  p as useReactTable
 };

package/index.es105.js

@@ -1,4 +1,4 @@
-import { clsx as O } from "./index.es102.js";
+import { clsx as O } from "./index.es129.js";
 const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
   var s;
   if ((l == null ? void 0 : l.variants) == null)

package/index.es108.js

@@ -1,4 +1,4 @@
-import L from "./index.es193.js";
+import L from "./index.es191.js";
 const o = L("Close", [
   [
     "path",

package/index.es109.js

@@ -1,4 +1,4 @@
-import e from "./index.es193.js";
+import e from "./index.es191.js";
 const r = e("Refresh", [
   [
     "path",

package/index.es110.js

@@ -1,4 +1,4 @@
-import H from "./index.es193.js";
+import H from "./index.es191.js";
 const e = H("AddBox", [
   [
     "path",

package/index.es111.js

@@ -1,4 +1,4 @@
-import H from "./index.es193.js";
+import H from "./index.es191.js";
 const t = H("DashboardCustomize", [
   ["path", { d: "M3 11H11V3H3V11ZM5 5H9V9H5V5Z", key: "1w78ug" }],
   ["path", { d: "M13 3V11H21V3H13ZM19 9H15V5H19V9Z", key: "tprguu" }],

package/index.es114.js

@@ -1,4 +1,4 @@
-import t from "./index.es193.js";
+import t from "./index.es191.js";
 const o = t("ChevronRight", [
   [
     "path",

package/index.es115.js

@@ -1,4 +1,4 @@
-import e from "./index.es193.js";
+import e from "./index.es191.js";
 const L = e("ChevronLeft", [
   [
     "path",

package/index.es116.js

@@ -1,4 +1,4 @@
-import C from "./index.es193.js";
+import C from "./index.es191.js";
 const r = C("MoreHoriz", [
   [
     "path",

package/index.es117.js

@@ -1,4 +1,4 @@
-import C from "./index.es193.js";
+import C from "./index.es191.js";
 const a = C("DragIndicator", [
   [
     "path",

package/index.es118.js

@@ -1,4 +1,4 @@
-import L from "./index.es193.js";
+import L from "./index.es191.js";
 const e = L("Cancel", [
   [
     "path",

package/index.es121.js

@@ -1,9 +1,9 @@
-import k from "./index.es196.js";
-import A from "./index.es197.js";
+import k from "./index.es194.js";
+import A from "./index.es195.js";
 import * as r from "react";
-import e from "./index.es198.js";
+import e from "./index.es196.js";
 import { jsx as L } from "react/jsx-runtime";
-import M from "./index.es219.js";
+import M from "./index.es217.js";
 const b = ["localeText"], n = /* @__PURE__ */ r.createContext(null);
 process.env.NODE_ENV !== "production" && (n.displayName = "MuiPickersAdapterContext");
 const v = function(i) {

package/index.es122.js

@@ -1,4 +1,4 @@
-import m from "./index.es196.js";
+import m from "./index.es194.js";
 import M from "./index.es176.js";
 import { AdapterMoment as d } from "./index.es123.js";
 const l = {

package/index.es123.js

@@ -1,4 +1,4 @@
-import m from "./index.es196.js";
+import m from "./index.es194.js";
 import i from "./index.es119.js";
 const f = {
   // Year

package/index.es124.js

@@ -1,30 +1,30 @@
-import je from "./index.es197.js";
-import h from "./index.es196.js";
+import je from "./index.es195.js";
+import h from "./index.es194.js";
 import * as V from "react";
-import e from "./index.es198.js";
-import { clsx as $e } from "./index.es102.js";
-import { useCalendarState as Le } from "./index.es199.js";
-import { useUtils as de, useDefaultDates as ze } from "./index.es200.js";
-import { PickersFadeTransitionGroup as Ie } from "./index.es201.js";
-import { DayCalendar as Ge } from "./index.es202.js";
-import { useViews as Ue } from "./index.es203.js";
-import { applyDefaultDate as re, findClosestEnabledDate as ie, mergeDateAndTime as Be } from "./index.es204.js";
-import { useDefaultReduceAnimations as qe } from "./index.es205.js";
-import { getDateCalendarUtilityClass as Ke } from "./index.es206.js";
-import { useControlledValueWithTimezone as Je } from "./index.es207.js";
-import { singleItemValueManager as Qe } from "./index.es208.js";
-import { VIEW_HEIGHT as Xe } from "./index.es209.js";
+import e from "./index.es196.js";
+import { clsx as $e } from "./index.es129.js";
+import { useCalendarState as Le } from "./index.es197.js";
+import { useUtils as de, useDefaultDates as ze } from "./index.es198.js";
+import { PickersFadeTransitionGroup as Ie } from "./index.es199.js";
+import { DayCalendar as Ge } from "./index.es200.js";
+import { useViews as Ue } from "./index.es201.js";
+import { applyDefaultDate as re, findClosestEnabledDate as ie, mergeDateAndTime as Be } from "./index.es202.js";
+import { useDefaultReduceAnimations as qe } from "./index.es203.js";
+import { getDateCalendarUtilityClass as Ke } from "./index.es204.js";
+import { useControlledValueWithTimezone as Je } from "./index.es205.js";
+import { singleItemValueManager as Qe } from "./index.es206.js";
+import { VIEW_HEIGHT as Xe } from "./index.es207.js";
 import { jsxs as le, jsx as f } from "react/jsx-runtime";
-import ue from "./index.es210.js";
-import { PickerViewRoot as Ze } from "./index.es211.js";
-import eo from "./index.es212.js";
-import { PickersCalendarHeader as oo } from "./index.es213.js";
-import ao from "./index.es214.js";
-import B from "./index.es215.js";
-import { YearCalendar as no } from "./index.es216.js";
-import { MonthCalendar as to } from "./index.es217.js";
-import so from "./index.es218.js";
-import ro from "./index.es219.js";
+import ue from "./index.es208.js";
+import { PickerViewRoot as Ze } from "./index.es209.js";
+import eo from "./index.es210.js";
+import { PickersCalendarHeader as oo } from "./index.es211.js";
+import ao from "./index.es212.js";
+import B from "./index.es213.js";
+import { YearCalendar as no } from "./index.es214.js";
+import { MonthCalendar as to } from "./index.es215.js";
+import so from "./index.es216.js";
+import ro from "./index.es217.js";
 const io = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"], lo = (m) => {
   const {
     classes: i

package/index.es125.js

@@ -1,4 +1,4 @@
-import C from "./index.es193.js";
+import C from "./index.es191.js";
 const e = C("Search", [
   [
     "path",

package/index.es126.js

@@ -1,4 +1,4 @@
-import H from "./index.es193.js";
+import H from "./index.es191.js";
 const a = H("DateRange", [
   [
     "path",

package/index.es127.js

@@ -1,4 +1,4 @@
-import e from "./index.es193.js";
+import e from "./index.es191.js";
 const c = e("AccessTime", [
   [
     "path",

package/index.es128.js

@@ -1,26 +1,26 @@
-import v from "./index.es196.js";
-import fe from "./index.es197.js";
+import v from "./index.es194.js";
+import fe from "./index.es195.js";
 import * as i from "react";
-import { clsx as de } from "./index.es102.js";
-import e from "./index.es198.js";
-import { useUtils as be, useLocaleText as ge, useNow as Ce } from "./index.es200.js";
+import { clsx as de } from "./index.es129.js";
+import e from "./index.es196.js";
+import { useUtils as be, useLocaleText as ge, useNow as Ce } from "./index.es198.js";
 import { createIsAfterIgnoreDatePart as ve } from "./index.es225.js";
 import { getDigitalClockUtilityClass as De } from "./index.es226.js";
-import { useViews as ye } from "./index.es203.js";
-import { DIGITAL_CLOCK_VIEW_HEIGHT as he } from "./index.es209.js";
-import { useControlledValueWithTimezone as Te } from "./index.es207.js";
-import { singleItemValueManager as Ve } from "./index.es208.js";
+import { useViews as ye } from "./index.es201.js";
+import { DIGITAL_CLOCK_VIEW_HEIGHT as he } from "./index.es207.js";
+import { useControlledValueWithTimezone as Te } from "./index.es205.js";
+import { singleItemValueManager as Ve } from "./index.es206.js";
 import { useClockReferenceDate as ke } from "./index.es227.js";
 import { jsx as D } from "react/jsx-runtime";
-import y from "./index.es210.js";
-import { PickerViewRoot as we } from "./index.es211.js";
+import y from "./index.es208.js";
+import { PickerViewRoot as we } from "./index.es209.js";
 import Ie from "./index.es228.js";
 import Pe from "./index.es229.js";
 import Oe from "./index.es230.js";
-import xe from "./index.es219.js";
-import Re from "./index.es214.js";
-import $ from "./index.es215.js";
-import Me from "./index.es218.js";
+import xe from "./index.es217.js";
+import Re from "./index.es212.js";
+import $ from "./index.es213.js";
+import Me from "./index.es216.js";
 import { alpha as A } from "./index.es231.js";
 const Se = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"], Fe = (o) => {
   const {

package/index.es129.js

@@ -1,13 +1,23 @@
-import t from "./index.es193.js";
-const o = t("ChevronRight", [
-  [
-    "path",
-    {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
-    }
-  ]
-]);
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number")
+    t += r;
+  else if (typeof r == "object")
+    if (Array.isArray(r)) {
+      var o = r.length;
+      for (n = 0; n < o; n++)
+        r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+    } else
+      for (f in r)
+        r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++)
+    (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  o as default
+  i as clsx,
+  i as default
 };

package/index.es130.js

@@ -1,13 +1,13 @@
-import e from "./index.es193.js";
-const c = e("Check", [
+import t from "./index.es191.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.es131.js

@@ -1,13 +1,13 @@
-import e from "./index.es193.js";
-const t = e("Circle", [
+import e from "./index.es191.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.es132.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.es191.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
 };