mada-design-system 0.5.0 → 0.5.2

package/index.es366.js

@@ -1,34 +1,338 @@
-var i = !0;
-function u(r, e, t) {
-  var s = "";
-  return t.split(" ").forEach(function(n) {
-    r[n] !== void 0 ? e.push(r[n] + ";") : n && (s += n + " ");
-  }), s;
-}
-var o = function(e, t, s) {
-  var n = e.key + "-" + t.name;
-  // we only need to add the styles to the registered cache if the
-  // class name could be used further down
-  // the tree but if it's a string tag, we know it won't
-  // so we don't have to add it to registered cache.
-  // this improves memory usage since we can avoid storing the whole style string
-  (s === !1 || // we need to always store it if we're in compat mode and
-  // in node since emotion-server relies on whether a style is in
-  // the registered cache to know whether a style is global or not
-  // also, note that this check will be dead code eliminated in the browser
-  i === !1) && e.registered[n] === void 0 && (e.registered[n] = t.styles);
-}, y = function(e, t, s) {
-  o(e, t, s);
-  var n = e.key + "-" + t.name;
-  if (e.inserted[t.name] === void 0) {
-    var f = t;
-    do
-      e.insert(t === f ? "." + n : "", f, e.sheet, !0), f = f.next;
-    while (f !== void 0);
+import C from "./index.es197.js";
+import D from "./index.es363.js";
+import o from "./index.es198.js";
+import v from "react";
+import b from "react-dom";
+import S from "./index.es372.js";
+import { timeoutsShape as R } from "./index.es367.js";
+import O from "./index.es370.js";
+import { forceReflow as k } from "./index.es368.js";
+var x = "unmounted", f = "exited", l = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
+  D(u, d);
+  function u(i, e) {
+    var t;
+    t = d.call(this, i, e) || this;
+    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
+    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
+      status: s
+    }, t.nextCallback = null, t;
   }
+  u.getDerivedStateFromProps = function(e, t) {
+    var n = e.in;
+    return n && t.status === x ? {
+      status: f
+    } : null;
+  };
+  var a = u.prototype;
+  return a.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, a.componentDidUpdate = function(e) {
+    var t = null;
+    if (e !== this.props) {
+      var n = this.state.status;
+      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = T);
+    }
+    this.updateStatus(!1, t);
+  }, a.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, a.getTimeouts = function() {
+    var e = this.props.timeout, t, n, r;
+    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
+      exit: t,
+      enter: n,
+      appear: r
+    };
+  }, a.updateStatus = function(e, t) {
+    if (e === void 0 && (e = !1), t !== null)
+      if (this.cancelNextCallback(), t === l) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
+          n && k(n);
+        }
+        this.performEnter(e);
+      } else
+        this.performExit();
+    else
+      this.props.unmountOnExit && this.state.status === f && this.setState({
+        status: x
+      });
+  }, a.performEnter = function(e) {
+    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], N = this.getTimeouts(), g = r ? N.appear : N.enter;
+    if (!e && !n || S.disabled) {
+      this.safeSetState({
+        status: h
+      }, function() {
+        t.props.onEntered(c);
+      });
+      return;
+    }
+    this.props.onEnter(c, m), this.safeSetState({
+      status: l
+    }, function() {
+      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
+        t.safeSetState({
+          status: h
+        }, function() {
+          t.props.onEntered(c, m);
+        });
+      });
+    });
+  }, a.performExit = function() {
+    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
+    if (!t || S.disabled) {
+      this.safeSetState({
+        status: f
+      }, function() {
+        e.props.onExited(r);
+      });
+      return;
+    }
+    this.props.onExit(r), this.safeSetState({
+      status: T
+    }, function() {
+      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
+        e.safeSetState({
+          status: f
+        }, function() {
+          e.props.onExited(r);
+        });
+      });
+    });
+  }, a.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, a.safeSetState = function(e, t) {
+    t = this.setNextCallback(t), this.setState(e, t);
+  }, a.setNextCallback = function(e) {
+    var t = this, n = !0;
+    return this.nextCallback = function(r) {
+      n && (n = !1, t.nextCallback = null, e(r));
+    }, this.nextCallback.cancel = function() {
+      n = !1;
+    }, this.nextCallback;
+  }, a.onTransitionEnd = function(e, t) {
+    this.setNextCallback(t);
+    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
+    if (!n || r) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
+      this.props.addEndListener(c, m);
+    }
+    e != null && setTimeout(this.nextCallback, e);
+  }, a.render = function() {
+    var e = this.state.status;
+    if (e === x)
+      return null;
+    var t = this.props, n = t.children;
+    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
+    var r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ v.createElement(O.Provider, {
+        value: null
+      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
+    );
+  }, u;
+}(v.Component);
+p.contextType = O;
+p.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: o.shape({
+    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
+      var n = d[u];
+      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: o.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: o.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: o.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: o.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: o.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: o.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(u) {
+    var a = R;
+    u.addEndListener || (a = a.isRequired);
+    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
+      e[t - 1] = arguments[t];
+    return a.apply(void 0, [u].concat(e));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: o.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: o.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: o.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: o.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: o.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: o.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: o.func
+} : {};
+function E() {
+}
+p.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: E,
+  onEntering: E,
+  onEntered: E,
+  onExit: E,
+  onExiting: E,
+  onExited: E
 };
+p.UNMOUNTED = x;
+p.EXITED = f;
+p.ENTERING = l;
+p.ENTERED = h;
+p.EXITING = T;
+const q = p;
 export {
-  u as getRegisteredStyles,
-  y as insertStyles,
-  o as registerStyles
+  h as ENTERED,
+  l as ENTERING,
+  f as EXITED,
+  T as EXITING,
+  x as UNMOUNTED,
+  q as default
 };

package/index.es367.js

@@ -1,8 +1,21 @@
-import * as e from "react";
-var n = function(a) {
-  return a();
-}, t = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = t || n, f = t || e.useLayoutEffect;
+import e from "./index.es198.js";
+var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+  enter: e.number,
+  exit: e.number,
+  appear: e.number
+}).isRequired]) : null, t = process.env.NODE_ENV !== "production" ? e.oneOfType([e.string, e.shape({
+  enter: e.string,
+  exit: e.string,
+  active: e.string
+}), e.shape({
+  enter: e.string,
+  enterDone: e.string,
+  enterActive: e.string,
+  exit: e.string,
+  exitDone: e.string,
+  exitActive: e.string
+})]) : null;
 export {
-  c as useInsertionEffectAlwaysWithSyncFallback,
-  f as useInsertionEffectWithLayoutFallback
+  t as classNamesShape,
+  n as timeoutsShape
 };

package/index.es368.js

@@ -1,134 +1,6 @@
-import w from "./index.es393.js";
-import C from "./index.es394.js";
-import E from "./index.es392.js";
-var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
-  return n.charCodeAt(1) === 45;
-}, p = function(n) {
-  return n != null && typeof n != "boolean";
-}, h = /* @__PURE__ */ E(function(r) {
-  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
-}), y = function(n, e) {
-  switch (n) {
-    case "animation":
-    case "animationName":
-      if (typeof e == "string")
-        return e.replace(O, function(f, a, t) {
-          return s = {
-            name: a,
-            styles: t,
-            next: s
-          }, a;
-        });
-  }
-  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
-}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function m(r, n, e) {
-  if (e == null)
-    return "";
-  var f = e;
-  if (f.__emotion_styles !== void 0)
-    return f;
-  switch (typeof e) {
-    case "boolean":
-      return "";
-    case "object": {
-      var a = e;
-      if (a.anim === 1)
-        return s = {
-          name: a.name,
-          styles: a.styles,
-          next: s
-        }, a.name;
-      var t = e;
-      if (t.styles !== void 0) {
-        var o = t.next;
-        if (o !== void 0)
-          for (; o !== void 0; )
-            s = {
-              name: o.name,
-              styles: o.styles,
-              next: s
-            }, o = o.next;
-        var i = t.styles + ";";
-        return i;
-      }
-      return M(r, n, e);
-    }
-    case "function": {
-      if (r !== void 0) {
-        var u = s, c = e(r);
-        return s = u, m(r, n, c);
-      }
-      break;
-    }
-  }
-  var l = e;
-  if (n == null)
-    return l;
-  var v = n[l];
-  return v !== void 0 ? v : l;
-}
-function M(r, n, e) {
-  var f = "";
-  if (Array.isArray(e))
-    for (var a = 0; a < e.length; a++)
-      f += m(r, n, e[a]) + ";";
-  else
-    for (var t in e) {
-      var o = e[t];
-      if (typeof o != "object") {
-        var i = o;
-        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
-      } else {
-        if (t === "NO_COMPONENT_SELECTOR" && _)
-          throw new Error(A);
-        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
-          for (var u = 0; u < o.length; u++)
-            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
-        else {
-          var c = m(r, n, o);
-          switch (t) {
-            case "animation":
-            case "animationName": {
-              f += h(t) + ":" + c + ";";
-              break;
-            }
-            default:
-              f += t + "{" + c + "}";
-          }
-        }
-      }
-    }
-  return f;
-}
-var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
-function R(r, n, e) {
-  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
-    return r[0];
-  var f = !0, a = "";
-  s = void 0;
-  var t = r[0];
-  if (t == null || t.raw === void 0)
-    f = !1, a += m(e, n, t);
-  else {
-    var o = t;
-    a += o[0];
-  }
-  for (var i = 1; i < r.length; i++)
-    if (a += m(e, n, r[i]), f) {
-      var u = t;
-      a += u[i];
-    }
-  b.lastIndex = 0;
-  for (var c = "", l; (l = b.exec(a)) !== null; )
-    c += "-" + l[1];
-  var v = w(a) + c;
-  return {
-    name: v,
-    styles: a,
-    next: s
-  };
-}
+var e = function(o) {
+  return o.scrollTop;
+};
 export {
-  R as serializeStyles
+  e as forceReflow
 };

package/index.es369.js

@@ -1,17 +1,8 @@
-import { __require as t } from "./index.es237.js";
-var e = t(), a = {
-  $$typeof: !0,
-  render: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0
-}, p = {
-  $$typeof: !0,
-  compare: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0,
-  type: !0
-}, r = {};
-r[e.ForwardRef] = a;
-r[e.Memo] = p;
+function i(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+export {
+  i as default
+};

package/index.es37.js

@@ -1,53 +1,65 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as p } from "./index.es129.js";
-import * as o from "react";
-import { cn as i } from "./index.es84.js";
-const u = o.forwardRef(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
-    p,
-    {
-      ref: a,
-      containerClassName: i(
-        "flex items-center grow has-[:disabled]:text-disabled",
-        {
-          group: !e.disabled
-        },
-        t
-      ),
-      ...e
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { cva as b } from "./index.es105.js";
+import * as c from "react";
+import { cn as m } from "./index.es85.js";
+const p = b(
+  `relative inline-flex items-center  w-full  px-space-04 text-form-field-text-filled   overflow-hidden
+     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
+     aria-[invalid=true]:border-form-field-border-error focus-within:shadow-md  focus-within:aria-[invalid=true]:after:bg-form-field-border-error
+     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
+    `,
+  {
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
+        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:aria-[disabled=false]:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      },
+      size: {
+        default: "[&>input]:py-space-02 text-body-02 h-[40px]",
+        sm: "[&>input]:py-space-01 text-body-01 h-[32px]"
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default",
+      size: "default"
     }
-  )
-);
-u.displayName = "InputOTP";
-const c = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
-c.displayName = "InputOTPGroup";
-const f = o.forwardRef(
-  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
+  }
+), h = c.forwardRef(
+  ({ className: t, variant: i, rounded: l, type: o, colors: f, startAdornment: a, size: s, endAdornment: d, ...e }, u) => /* @__PURE__ */ n(
     "div",
     {
-      ref: n,
-      className: i(
-        "relative h-space-07 min-w-[48px] p-space-02 text-body-02",
-        "flex grow items-center justify-center",
-        "transition-all duration-300",
-        "border-y border-e border-input first:rounded-s first:border-s last:rounded-e group-has-[input[aria-invalid=true]]:border-error",
-        "group-hover:border-form-field-border-hovered ",
-        { "border border-form-field-border-hovered": a },
-        s
-      ),
+      className: m(p({ variant: i, rounded: l, colors: f, size: s }), t),
+      "aria-invalid": e["aria-invalid"],
+      "aria-disabled": e.disabled,
       children: [
-        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid=true]]:text-error group-has-[input[data-input-otp-placeholder-shown]]:text-form-field-text-placeholder", children: t ?? d.placeholderChar }),
-        e && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        a && /* @__PURE__ */ r("div", { className: " me-space-02 ", children: a }),
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: o,
+            className: "file:font-mdium w-full bg-transparent  outline-none file:border-0  file:bg-transparent file:text-sm placeholder:text-form-field-text-placeholder  ",
+            ref: u,
+            ...e
+          }
+        ),
+        d && /* @__PURE__ */ r("div", { className: "ms-space-02", children: d })
       ]
     }
   )
 );
-f.displayName = "InputOTPSlot";
-const m = o.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ r("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
-m.displayName = "InputOTPSeparator";
+h.displayName = "Input";
 export {
-  u as InputOTP,
-  c as InputOTPGroup,
-  m as InputOTPSeparator,
-  f as InputOTPSlot
+  h as Input
 };

package/index.es370.js

@@ -1,9 +1,5 @@
-function c(t, r) {
-  const e = this;
-  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
-    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
-  } : e.palette.mode === t ? r : {};
-}
+import t from "react";
+const o = t.createContext(null);
 export {
-  c as default
+  o as default
 };