@qodo/design-system 0.1.0 → 0.1.1

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import * as Ve from "react";
-import Le from "react";
-const Pr = {
+import * as $e from "react";
+import We from "react";
+const Cr = {
   primary: {
     50: "#eff6ff",
     100: "#dbeafe",
@@ -25,19 +25,19 @@ const Pr = {
     500: "#ef4444",
     600: "#dc2626"
   }
-}, Cr = {
+}, zr = {
   xs: "0.25rem",
   sm: "0.5rem",
   md: "1rem",
   lg: "1.5rem",
   xl: "2rem",
   "2xl": "3rem"
-}, zr = {
+}, Or = {
   sm: "0.25rem",
   md: "0.375rem",
   lg: "0.5rem",
   xl: "0.75rem"
-}, Or = {
+}, Nr = {
   fontFamily: {
     sans: ["Inter", "system-ui", "sans-serif"],
     mono: ["JetBrains Mono", "monospace"]
@@ -62,7 +62,7 @@ var le = { exports: {} }, oe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function Fe() {
+function Ye() {
   if (he) return oe;
   he = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
@@ -94,7 +94,7 @@ var te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var xe;
-function $e() {
+function Ue() {
   return xe || (xe = 1, process.env.NODE_ENV !== "production" && function() {
     function e(r) {
       if (r == null) return null;
@@ -104,7 +104,7 @@ function $e() {
       switch (r) {
         case E:
           return "Fragment";
-        case j:
+        case M:
           return "Profiler";
         case P:
           return "StrictMode";
@@ -178,7 +178,7 @@ function $e() {
       return Error("react-stack-top-frame");
     }
     function c(r) {
-      if (B.call(r, "key")) {
+      if (q.call(r, "key")) {
         var m = Object.getOwnPropertyDescriptor(r, "key").get;
         if (m && m.isReactWarning) return !1;
       }
@@ -202,9 +202,9 @@ function $e() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function h(r, m, x, g, y, _, H, k) {
+    function h(r, m, x, g, y, _, H, w) {
       return x = _.ref, r = {
-        $$typeof: M,
+        $$typeof: N,
         type: r,
         key: m,
         props: _,
@@ -231,28 +231,28 @@ function $e() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: k
+        value: w
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function v(r, m, x, g, y, _, H, k) {
-      var w = m.children;
-      if (w !== void 0)
+    function v(r, m, x, g, y, _, H, w) {
+      var k = m.children;
+      if (k !== void 0)
         if (g)
-          if (ae(w)) {
-            for (g = 0; g < w.length; g++)
-              A(w[g]);
-            Object.freeze && Object.freeze(w);
+          if (ae(k)) {
+            for (g = 0; g < k.length; g++)
+              A(k[g]);
+            Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else A(w);
-      if (B.call(m, "key")) {
-        w = e(r);
+        else A(k);
+      if (q.call(m, "key")) {
+        k = e(r);
         var O = Object.keys(m).filter(function(re) {
           return re !== "key";
         });
-        g = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", ee[w + g] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", ee[k + g] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -260,34 +260,34 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           g,
-          w,
+          k,
           O,
-          w
-        ), ee[w + g] = !0);
+          k
+        ), ee[k + g] = !0);
       }
-      if (w = null, x !== void 0 && (o(x), w = "" + x), c(m) && (o(m.key), w = "" + m.key), "key" in m) {
+      if (k = null, x !== void 0 && (o(x), k = "" + x), c(m) && (o(m.key), k = "" + m.key), "key" in m) {
         x = {};
         for (var $ in m)
           $ !== "key" && (x[$] = m[$]);
       } else x = m;
-      return w && b(
+      return k && b(
         x,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), h(
         r,
-        w,
+        k,
         _,
         y,
         i(),
         x,
         H,
-        k
+        w
       );
     }
     function A(r) {
-      typeof r == "object" && r !== null && r.$$typeof === M && r._store && (r._store.validated = 1);
+      typeof r == "object" && r !== null && r.$$typeof === N && r._store && (r._store.validated = 1);
     }
-    var S = Le, M = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), X = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, ae = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var S = We, N = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), X = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ae = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     S = {
@@ -295,10 +295,10 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var G, C = {}, N = S["react-stack-bottom-frame"].bind(
+    var G, C = {}, j = S["react-stack-bottom-frame"].bind(
       S,
       l
-    )(), d = D(t(l)), ee = {};
+    )(), d = B(t(l)), ee = {};
     te.Fragment = E, te.jsx = function(r, m, x, g, y) {
       var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
       return v(
@@ -308,8 +308,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         g,
         y,
-        _ ? Error("react-stack-top-frame") : N,
-        _ ? D(t(r)) : d
+        _ ? Error("react-stack-top-frame") : j,
+        _ ? B(t(r)) : d
       );
     }, te.jsxs = function(r, m, x, g, y) {
       var _ = 1e4 > X.recentlyCreatedOwnerStacks++;
@@ -320,33 +320,33 @@ React keys must be passed directly to JSX without using spread:
         !0,
         g,
         y,
-        _ ? Error("react-stack-top-frame") : N,
-        _ ? D(t(r)) : d
+        _ ? Error("react-stack-top-frame") : j,
+        _ ? B(t(r)) : d
       );
     };
   }()), te;
 }
 var ve;
-function We() {
-  return ve || (ve = 1, process.env.NODE_ENV === "production" ? le.exports = Fe() : le.exports = $e()), le.exports;
+function qe() {
+  return ve || (ve = 1, process.env.NODE_ENV === "production" ? le.exports = Ye() : le.exports = Ue()), le.exports;
 }
-var Ye = We();
-function Se(e) {
+var Se = qe();
+function Te(e) {
   var n, o, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (n = 0; n < i; n++) e[n] && (o = Se(e[n])) && (t && (t += " "), t += o);
+    for (n = 0; n < i; n++) e[n] && (o = Te(e[n])) && (t && (t += " "), t += o);
   } else for (o in e) e[o] && (t && (t += " "), t += o);
   return t;
 }
-function Te() {
-  for (var e, n, o = 0, t = "", i = arguments.length; o < i; o++) (e = arguments[o]) && (n = Se(e)) && (t && (t += " "), t += n);
+function _e() {
+  for (var e, n, o = 0, t = "", i = arguments.length; o < i; o++) (e = arguments[o]) && (n = Te(e)) && (t && (t += " "), t += n);
   return t;
 }
-const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, Ue = (e, n) => (o) => {
+const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, we = _e, Pe = (e, n) => (o) => {
   var t;
-  if (n?.variants == null) return ke(e, o?.class, o?.className);
+  if (n?.variants == null) return we(e, o?.class, o?.className);
   const { variants: i, defaultVariants: l } = n, c = Object.keys(i).map((h) => {
     const v = o?.[h], A = l?.[h];
     if (v === null) return null;
@@ -356,8 +356,8 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
     let [A, S] = v;
     return S === void 0 || (h[A] = S), h;
   }, {}), f = n == null || (t = n.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((h, v) => {
-    let { class: A, className: S, ...M } = v;
-    return Object.entries(M).every((T) => {
+    let { class: A, className: S, ...N } = v;
+    return Object.entries(N).every((T) => {
       let [E, P] = T;
       return Array.isArray(P) ? P.includes({
         ...l,
@@ -372,26 +372,26 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       S
     ] : h;
   }, []);
-  return ke(e, c, f, o?.class, o?.className);
+  return we(e, c, f, o?.class, o?.className);
 }, ge = "-", Be = (e) => {
-  const n = qe(e), {
+  const n = Je(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (c) => {
       const b = c.split(ge);
-      return b[0] === "" && b.length !== 1 && b.shift(), _e(b, n) || De(c);
+      return b[0] === "" && b.length !== 1 && b.shift(), Ce(b, n) || De(c);
     },
     getConflictingClassGroupIds: (c, b) => {
       const f = o[c] || [];
       return b && t[c] ? [...f, ...t[c]] : f;
     }
   };
-}, _e = (e, n) => {
+}, Ce = (e, n) => {
   if (e.length === 0)
     return n.classGroupId;
-  const o = e[0], t = n.nextPart.get(o), i = t ? _e(e.slice(1), t) : void 0;
+  const o = e[0], t = n.nextPart.get(o), i = t ? Ce(e.slice(1), t) : void 0;
   if (i)
     return i;
   if (n.validators.length === 0)
@@ -400,13 +400,13 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
   return n.validators.find(({
     validator: c
   }) => c(l))?.classGroupId;
-}, we = /^\[(.+)\]$/, De = (e) => {
-  if (we.test(e)) {
-    const n = we.exec(e)[1], o = n?.substring(0, n.indexOf(":"));
+}, ke = /^\[(.+)\]$/, De = (e) => {
+  if (ke.test(e)) {
+    const n = ke.exec(e)[1], o = n?.substring(0, n.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, qe = (e) => {
+}, Je = (e) => {
   const {
     theme: n,
     classGroups: o
@@ -425,7 +425,7 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       return;
     }
     if (typeof i == "function") {
-      if (Je(i)) {
+      if (Xe(i)) {
         fe(i(t), n, o, t);
         return;
       }
@@ -447,7 +447,7 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       validators: []
     }), o = o.nextPart.get(t);
   }), o;
-}, Je = (e) => e.isThemeGetter, Xe = (e) => {
+}, Xe = (e) => e.isThemeGetter, He = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -471,7 +471,7 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       o.has(l) ? o.set(l, c) : i(l, c);
     }
   };
-}, pe = "!", be = ":", He = be.length, Ze = (e) => {
+}, pe = "!", be = ":", Ze = be.length, Qe = (e) => {
   const {
     prefix: n,
     experimentalParseClassName: o
@@ -483,7 +483,7 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       let E = i[T];
       if (c === 0 && b === 0) {
         if (E === be) {
-          l.push(i.slice(f, T)), f = T + He;
+          l.push(i.slice(f, T)), f = T + Ze;
           continue;
         }
         if (E === "/") {
@@ -493,12 +493,12 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       }
       E === "[" ? c++ : E === "]" ? c-- : E === "(" ? b++ : E === ")" && b--;
     }
-    const v = l.length === 0 ? i : i.substring(f), A = Qe(v), S = A !== v, M = h && h > f ? h - f : void 0;
+    const v = l.length === 0 ? i : i.substring(f), A = Ke(v), S = A !== v, N = h && h > f ? h - f : void 0;
     return {
       modifiers: l,
       hasImportantModifier: S,
       baseClassName: A,
-      maybePostfixModifierPosition: M
+      maybePostfixModifierPosition: N
     };
   };
   if (n) {
@@ -519,7 +519,7 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
     });
   }
   return t;
-}, Qe = (e) => e.endsWith(pe) ? e.substring(0, e.length - 1) : e.startsWith(pe) ? e.substring(1) : e, Ke = (e) => {
+}, Ke = (e) => e.endsWith(pe) ? e.substring(0, e.length - 1) : e.startsWith(pe) ? e.substring(1) : e, er = (e) => {
   const n = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
   return (t) => {
     if (t.length <= 1)
@@ -530,24 +530,24 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       c[0] === "[" || n[c] ? (i.push(...l.sort(), c), l = []) : l.push(c);
     }), i.push(...l.sort()), i;
   };
-}, er = (e) => ({
-  cache: Xe(e.cacheSize),
-  parseClassName: Ze(e),
-  sortModifiers: Ke(e),
+}, rr = (e) => ({
+  cache: He(e.cacheSize),
+  parseClassName: Qe(e),
+  sortModifiers: er(e),
   ...Be(e)
-}), rr = /\s+/, or = (e, n) => {
+}), or = /\s+/, tr = (e, n) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: i,
     sortModifiers: l
-  } = n, c = [], b = e.trim().split(rr);
+  } = n, c = [], b = e.trim().split(or);
   let f = "";
   for (let h = b.length - 1; h >= 0; h -= 1) {
     const v = b[h], {
       isExternal: A,
       modifiers: S,
-      hasImportantModifier: M,
+      hasImportantModifier: N,
       baseClassName: T,
       maybePostfixModifierPosition: E
     } = o(v);
@@ -555,23 +555,23 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
       f = v + (f.length > 0 ? " " + f : f);
       continue;
     }
-    let P = !!E, j = t(P ? T.substring(0, E) : T);
-    if (!j) {
+    let P = !!E, M = t(P ? T.substring(0, E) : T);
+    if (!M) {
       if (!P) {
         f = v + (f.length > 0 ? " " + f : f);
         continue;
       }
-      if (j = t(T), !j) {
+      if (M = t(T), !M) {
         f = v + (f.length > 0 ? " " + f : f);
         continue;
       }
       P = !1;
     }
-    const J = l(S).join(":"), Y = M ? J + pe : J, L = Y + j;
+    const J = l(S).join(":"), Y = N ? J + pe : J, L = Y + M;
     if (c.includes(L))
       continue;
     c.push(L);
-    const F = i(j, P);
+    const F = i(M, P);
     for (let I = 0; I < F.length; ++I) {
       const U = F[I];
       c.push(Y + U);
@@ -580,53 +580,53 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ke = Te, U
   }
   return f;
 };
-function tr() {
+function nr() {
   let e = 0, n, o, t = "";
   for (; e < arguments.length; )
-    (n = arguments[e++]) && (o = Pe(n)) && (t && (t += " "), t += o);
+    (n = arguments[e++]) && (o = ze(n)) && (t && (t += " "), t += o);
   return t;
 }
-const Pe = (e) => {
+const ze = (e) => {
   if (typeof e == "string")
     return e;
   let n, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (n = Pe(e[t])) && (o && (o += " "), o += n);
+    e[t] && (n = ze(e[t])) && (o && (o += " "), o += n);
   return o;
 };
-function nr(e, ...n) {
+function sr(e, ...n) {
   let o, t, i, l = c;
   function c(f) {
     const h = n.reduce((v, A) => A(v), e());
-    return o = er(h), t = o.cache.get, i = o.cache.set, l = b, b(f);
+    return o = rr(h), t = o.cache.get, i = o.cache.set, l = b, b(f);
   }
   function b(f) {
     const h = t(f);
     if (h)
       return h;
-    const v = or(f, o);
+    const v = tr(f, o);
     return i(f, v), v;
   }
   return function() {
-    return l(tr.apply(null, arguments));
+    return l(nr.apply(null, arguments));
   };
 }
 const R = (e) => {
   const n = (o) => o[e] || [];
   return n.isThemeGetter = !0, n;
-}, Ce = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ze = /^\((?:(\w[\w-]*):)?(.+)\)$/i, sr = /^\d+\/\d+$/, ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ir = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, lr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, cr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, dr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => sr.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && p(e.slice(0, -1)), V = (e) => ar.test(e), ur = () => !0, mr = (e) => (
+}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ne = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ar = /^\d+\/\d+$/, ir = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, cr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, dr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ur = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => ar.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => !!e && Number.isInteger(Number(e)), ue = (e) => e.endsWith("%") && p(e.slice(0, -1)), V = (e) => ir.test(e), mr = () => !0, fr = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  ir.test(e) && !lr.test(e)
-), Oe = () => !1, fr = (e) => cr.test(e), pr = (e) => dr.test(e), br = (e) => !s(e) && !a(e), gr = (e) => Q(e, je, Oe), s = (e) => Ce.test(e), q = (e) => Q(e, Ie, mr), me = (e) => Q(e, kr, p), Ee = (e) => Q(e, Me, Oe), hr = (e) => Q(e, Ne, pr), ce = (e) => Q(e, Ge, fr), a = (e) => ze.test(e), ne = (e) => K(e, Ie), xr = (e) => K(e, wr), Ae = (e) => K(e, Me), vr = (e) => K(e, je), yr = (e) => K(e, Ne), de = (e) => K(e, Ge, !0), Q = (e, n, o) => {
-  const t = Ce.exec(e);
+  lr.test(e) && !cr.test(e)
+), je = () => !1, pr = (e) => dr.test(e), br = (e) => ur.test(e), gr = (e) => !s(e) && !a(e), hr = (e) => Q(e, Ge, je), s = (e) => Oe.test(e), D = (e) => Q(e, Ve, fr), me = (e) => Q(e, kr, p), Ee = (e) => Q(e, Me, je), xr = (e) => Q(e, Ie, br), ce = (e) => Q(e, Le, pr), a = (e) => Ne.test(e), ne = (e) => K(e, Ve), vr = (e) => K(e, Rr), Ae = (e) => K(e, Me), yr = (e) => K(e, Ge), wr = (e) => K(e, Ie), de = (e) => K(e, Le, !0), Q = (e, n, o) => {
+  const t = Oe.exec(e);
   return t ? t[1] ? n(t[1]) : o(t[2]) : !1;
 }, K = (e, n, o = !1) => {
-  const t = ze.exec(e);
+  const t = Ne.exec(e);
   return t ? t[1] ? n(t[1]) : o : !1;
-}, Me = (e) => e === "position" || e === "percentage", Ne = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", Ie = (e) => e === "length", kr = (e) => e === "number", wr = (e) => e === "family-name", Ge = (e) => e === "shadow", Rr = () => {
-  const e = R("color"), n = R("font"), o = R("text"), t = R("font-weight"), i = R("tracking"), l = R("leading"), c = R("breakpoint"), b = R("container"), f = R("spacing"), h = R("radius"), v = R("shadow"), A = R("inset-shadow"), S = R("text-shadow"), M = R("drop-shadow"), T = R("blur"), E = R("perspective"), P = R("aspect"), j = R("ease"), J = R("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+}, Me = (e) => e === "position" || e === "percentage", Ie = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", Ve = (e) => e === "length", kr = (e) => e === "number", Rr = (e) => e === "family-name", Le = (e) => e === "shadow", Er = () => {
+  const e = R("color"), n = R("font"), o = R("text"), t = R("font-weight"), i = R("tracking"), l = R("leading"), c = R("breakpoint"), b = R("container"), f = R("spacing"), h = R("radius"), v = R("shadow"), A = R("inset-shadow"), S = R("text-shadow"), N = R("drop-shadow"), T = R("blur"), E = R("perspective"), P = R("aspect"), M = R("ease"), J = R("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
     "center",
     "top",
     "bottom",
@@ -646,13 +646,13 @@ const R = (e) => {
     "left-bottom"
   ], F = () => [...L(), a, s], I = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], u = () => [a, s, f], z = () => [Z, "full", "auto", ...u()], se = () => [W, "none", "subgrid", a, s], X = () => ["auto", {
     span: ["full", W, a, s]
-  }, W, a, s], B = () => [W, "auto", a, s], ae = () => ["auto", "min", "max", "fr", a, s], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], N = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, a, s], ee = () => [...L(), Ae, Ee, {
+  }, W, a, s], q = () => [W, "auto", a, s], ae = () => ["auto", "min", "max", "fr", a, s], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], j = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, a, s], ee = () => [...L(), Ae, Ee, {
     position: [a, s]
   }], r = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], m = () => ["auto", "cover", "contain", vr, gr, {
+  }], m = () => ["auto", "cover", "contain", yr, hr, {
     size: [a, s]
-  }], x = () => [ue, ne, q], g = () => [
+  }], x = () => [ue, ne, D], g = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -660,7 +660,7 @@ const R = (e) => {
     h,
     a,
     s
-  ], y = () => ["", p, ne, q], _ = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], k = () => [p, ue, Ae, Ee], w = () => [
+  ], y = () => ["", p, ne, D], _ = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], w = () => [p, ue, Ae, Ee], k = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -675,11 +675,11 @@ const R = (e) => {
       aspect: ["video"],
       blur: [V],
       breakpoint: [V],
-      color: [ur],
+      color: [mr],
       container: [V],
       "drop-shadow": [V],
       ease: ["in", "out", "in-out"],
-      font: [br],
+      font: [gr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [V],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -986,14 +986,14 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": B()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": B()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
@@ -1014,14 +1014,14 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": B()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": B()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -1070,7 +1070,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...D(), "normal"]
+        justify: [...B(), "normal"]
       }],
       /**
        * Justify Items
@@ -1091,7 +1091,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...D()]
+        content: ["normal", ...B()]
       }],
       /**
        * Align Items
@@ -1116,7 +1116,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": D()
+        "place-content": B()
       }],
       /**
        * Place Items
@@ -1291,14 +1291,14 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: N()
+        size: j()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [b, "screen", ...N()]
+        w: [b, "screen", ...j()]
       }],
       /**
        * Min-Width
@@ -1310,7 +1310,7 @@ const R = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...N()
+          ...j()
         ]
       }],
       /**
@@ -1328,7 +1328,7 @@ const R = (e) => {
           {
             screen: [c]
           },
-          ...N()
+          ...j()
         ]
       }],
       /**
@@ -1336,21 +1336,21 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...N()]
+        h: ["screen", "lh", ...j()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...N()]
+        "min-h": ["screen", "lh", "none", ...j()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...N()]
+        "max-h": ["screen", "lh", ...j()]
       }],
       // ------------------
       // --- Typography ---
@@ -1360,7 +1360,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, ne, q]
+        text: ["base", o, ne, D]
       }],
       /**
        * Font Smoothing
@@ -1391,7 +1391,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [xr, s, n]
+        font: [vr, s, n]
       }],
       /**
        * Font Variant Numeric
@@ -1508,7 +1508,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", a, q]
+        decoration: [p, "from-font", "auto", a, D]
       }],
       /**
        * Text Decoration Color
@@ -1646,7 +1646,7 @@ const R = (e) => {
           }, W, a, s],
           radial: ["", a, s],
           conic: [W, a, s]
-        }, yr, hr]
+        }, wr, xr]
       }],
       /**
        * Background Color
@@ -1995,7 +1995,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, ne, q]
+        outline: ["", p, ne, D]
       }],
       /**
        * Outline Color
@@ -2070,7 +2070,7 @@ const R = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, q]
+        "ring-offset": [p, D]
       }],
       /**
        * Ring Offset Color
@@ -2152,10 +2152,10 @@ const R = (e) => {
         "mask-linear": [p]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": k()
+        "mask-linear-from": w()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": k()
+        "mask-linear-to": w()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": d()
@@ -2164,10 +2164,10 @@ const R = (e) => {
         "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": k()
+        "mask-t-from": w()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": k()
+        "mask-t-to": w()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": d()
@@ -2176,10 +2176,10 @@ const R = (e) => {
         "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": k()
+        "mask-r-from": w()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": k()
+        "mask-r-to": w()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": d()
@@ -2188,10 +2188,10 @@ const R = (e) => {
         "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": k()
+        "mask-b-from": w()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": k()
+        "mask-b-to": w()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": d()
@@ -2200,10 +2200,10 @@ const R = (e) => {
         "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": k()
+        "mask-l-from": w()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": k()
+        "mask-l-to": w()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": d()
@@ -2212,10 +2212,10 @@ const R = (e) => {
         "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": k()
+        "mask-x-from": w()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": k()
+        "mask-x-to": w()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": d()
@@ -2224,10 +2224,10 @@ const R = (e) => {
         "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": k()
+        "mask-y-from": w()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": k()
+        "mask-y-to": w()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": d()
@@ -2239,10 +2239,10 @@ const R = (e) => {
         "mask-radial": [a, s]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": k()
+        "mask-radial-from": w()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": k()
+        "mask-radial-to": w()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": d()
@@ -2266,10 +2266,10 @@ const R = (e) => {
         "mask-conic": [p]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": k()
+        "mask-conic-from": w()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": k()
+        "mask-conic-to": w()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": d()
@@ -2347,7 +2347,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: w()
+        blur: k()
       }],
       /**
        * Brightness
@@ -2372,7 +2372,7 @@ const R = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
+          N,
           de,
           ce
         ]
@@ -2437,7 +2437,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": w()
+        "backdrop-blur": k()
       }],
       /**
        * Backdrop Brightness
@@ -2569,7 +2569,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", j, a, s]
+        ease: ["linear", "initial", M, a, s]
       }],
       /**
        * Transition Delay
@@ -3020,7 +3020,7 @@ const R = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, ne, q, me]
+        stroke: [p, ne, D, me]
       }],
       /**
        * Stroke
@@ -3095,11 +3095,11 @@ const R = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Er = /* @__PURE__ */ nr(Rr);
-function Ar(...e) {
-  return Er(Te(e));
+}, Ar = /* @__PURE__ */ sr(Er);
+function Fe(...e) {
+  return Ar(_e(e));
 }
-const Sr = Ue(
+const Sr = Pe(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -3125,23 +3125,53 @@ const Sr = Ue(
       size: "default"
     }
   }
-), Tr = Ve.forwardRef(
-  ({ className: e, variant: n, size: o, ...t }, i) => /* @__PURE__ */ Ye.jsx(
+), Tr = $e.forwardRef(
+  ({ className: e, variant: n, size: o, ...t }, i) => /* @__PURE__ */ Se.jsx(
     "button",
     {
-      className: Ar(Sr({ variant: n, size: o, className: e })),
+      className: Fe(Sr({ variant: n, size: o, className: e })),
       ref: i,
       ...t
     }
   )
 );
 Tr.displayName = "Button";
+const _r = Pe(
+  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-background px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+  {
+    variants: {
+      variant: {
+        default: "bg-background border-input text-foreground placeholder:text-muted-foreground",
+        secondary: "bg-secondary border-secondary text-secondary-foreground placeholder:text-muted-foreground",
+        accent: "bg-accent border-accent text-accent-foreground placeholder:text-muted-foreground",
+        success: "bg-[var(--color-qodo-success)] border-[var(--color-qodo-success)] text-white placeholder:text-white/70",
+        warning: "bg-[var(--color-qodo-warning)] border-[var(--color-qodo-warning)] text-black placeholder:text-black/70",
+        destructive: "bg-destructive border-destructive text-destructive-foreground placeholder:text-destructive-foreground/70"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function jr({ className: e, variant: n, type: o, ...t }) {
+  return /* @__PURE__ */ Se.jsx(
+    "input",
+    {
+      type: o,
+      "data-slot": "input",
+      className: Fe(_r({ variant: n, className: e })),
+      ...t
+    }
+  );
+}
 export {
   Tr as Button,
-  zr as borderRadius,
-  Ar as cn,
-  Pr as colors,
-  Cr as spacing,
-  Or as typography
+  jr as Input,
+  Or as borderRadius,
+  Fe as cn,
+  Cr as colors,
+  zr as spacing,
+  Nr as typography
 };
 //# sourceMappingURL=index.esm.js.map