@n3wth/ui 0.5.2 → 0.5.4

package/dist/index.js

@@ -2,7 +2,7 @@ var bn = Object.defineProperty;
 var gn = (t, e, r) => e in t ? bn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var Wr = (t, e, r) => gn(t, typeof e != "symbol" ? e + "" : e, r);
 import * as a from "react";
-import vn, { forwardRef as b, isValidElement as yn, cloneElement as wn, useMemo as ne, useState as T, useRef as I, useId as pe, useCallback as P, useEffect as S, Component as xn, createContext as Lr, useContext as jr, createElement as xe } from "react";
+import vn, { forwardRef as b, isValidElement as yn, cloneElement as wn, useMemo as re, useState as T, useRef as I, useId as pe, useCallback as P, useEffect as S, Component as xn, createContext as Lr, useContext as jr, createElement as xe } from "react";
 import { jsx as s, jsxs as k, Fragment as Z } from "react/jsx-runtime";
 import R from "gsap";
 import { ScrollTrigger as fe } from "gsap/ScrollTrigger";
@@ -422,7 +422,7 @@ function zn(t, ...e) {
 const W = (t) => {
   const e = (r) => r[t] || [];
   return e.isThemeGetter = !0, e;
-}, qo = /^\[(?:([a-z-]+):)?(.+)\]$/i, An = /^\d+\/\d+$/, Vn = /* @__PURE__ */ new Set(["px", "full", "screen"]), Wn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tn = /\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$/, Fn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Dn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Hn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (t) => le(t) || Vn.has(t) || An.test(t), re = (t) => ie(t, "length", _n), le = (t) => !!t && !Number.isNaN(Number(t)), ke = (t) => ie(t, "number", le), ce = (t) => !!t && Number.isInteger(Number(t)), Rn = (t) => t.endsWith("%") && le(t.slice(0, -1)), M = (t) => qo.test(t), te = (t) => Wn.test(t), Yn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Xn = (t) => ie(t, Yn, _o), Zn = (t) => ie(t, "position", _o), Gn = /* @__PURE__ */ new Set(["image", "url"]), Kn = (t) => ie(t, Gn, Qn), qn = (t) => ie(t, "", Un), de = () => !0, ie = (t, e, r) => {
+}, qo = /^\[(?:([a-z-]+):)?(.+)\]$/i, An = /^\d+\/\d+$/, Vn = /* @__PURE__ */ new Set(["px", "full", "screen"]), Wn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tn = /\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$/, Fn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Dn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Hn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (t) => le(t) || Vn.has(t) || An.test(t), te = (t) => ie(t, "length", _n), le = (t) => !!t && !Number.isNaN(Number(t)), ke = (t) => ie(t, "number", le), ce = (t) => !!t && Number.isInteger(Number(t)), Rn = (t) => t.endsWith("%") && le(t.slice(0, -1)), M = (t) => qo.test(t), oe = (t) => Wn.test(t), Yn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Xn = (t) => ie(t, Yn, _o), Zn = (t) => ie(t, "position", _o), Gn = /* @__PURE__ */ new Set(["image", "url"]), Kn = (t) => ie(t, Gn, Qn), qn = (t) => ie(t, "", Un), de = () => !0, ie = (t, e, r) => {
   const o = qo.exec(t);
   return o ? o[1] ? typeof e == "string" ? o[1] === e : e.has(o[1]) : r(o[2]) : !1;
 }, _n = (t) => (
@@ -431,17 +431,17 @@ const W = (t) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Tn.test(t) && !Fn.test(t)
 ), _o = () => !1, Un = (t) => Dn.test(t), Qn = (t) => Hn.test(t), Jn = () => {
-  const t = W("colors"), e = W("spacing"), r = W("blur"), o = W("brightness"), n = W("borderColor"), l = W("borderRadius"), i = W("borderSpacing"), c = W("borderWidth"), d = W("contrast"), p = W("grayscale"), u = W("hueRotate"), f = W("invert"), h = W("gap"), w = W("gradientColorStops"), v = W("gradientColorStopPositions"), g = W("inset"), x = W("margin"), C = W("opacity"), y = W("padding"), B = W("saturate"), O = W("scale"), E = W("sepia"), j = W("skew"), F = W("space"), z = W("translate"), _ = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", M, e], A = () => [M, e], me = () => ["", ee, re], ae = () => ["auto", le, M], he = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], Q = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], G = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], J = () => ["", "0", M], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [le, M];
+  const t = W("colors"), e = W("spacing"), r = W("blur"), o = W("brightness"), n = W("borderColor"), l = W("borderRadius"), i = W("borderSpacing"), c = W("borderWidth"), d = W("contrast"), p = W("grayscale"), u = W("hueRotate"), f = W("invert"), h = W("gap"), w = W("gradientColorStops"), v = W("gradientColorStopPositions"), g = W("inset"), x = W("margin"), C = W("opacity"), y = W("padding"), B = W("saturate"), O = W("scale"), E = W("sepia"), j = W("skew"), F = W("space"), z = W("translate"), U = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", M, e], A = () => [M, e], me = () => ["", ee, te], ne = () => ["auto", le, M], he = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["solid", "dashed", "dotted", "double", "none"], Q = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], J = () => ["", "0", M], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [le, M];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [de],
-      spacing: [ee, re],
-      blur: ["none", "", te, M],
+      spacing: [ee, te],
+      blur: ["none", "", oe, M],
       brightness: X(),
       borderColor: [t],
-      borderRadius: ["none", "", "full", te, M],
+      borderRadius: ["none", "", "full", oe, M],
       borderSpacing: A(),
       borderWidth: me(),
       contrast: X(),
@@ -450,7 +450,7 @@ const W = (t) => {
       invert: J(),
       gap: A(),
       gradientColorStops: [t],
-      gradientColorStopPositions: [Rn, re],
+      gradientColorStopPositions: [Rn, te],
       inset: H(),
       margin: H(),
       opacity: X(),
@@ -481,7 +481,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [te]
+        columns: [oe]
       }],
       /**
        * Break After
@@ -582,21 +582,21 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: _()
+        overscroll: U()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": _()
+        "overscroll-x": U()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": _()
+        "overscroll-y": U()
       }],
       /**
        * Position
@@ -749,14 +749,14 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": ae()
+        "col-start": ne()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": ae()
+        "col-end": ne()
       }],
       /**
        * Grid Template Rows
@@ -779,14 +779,14 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": ae()
+        "row-start": ne()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": ae()
+        "row-end": ne()
       }],
       /**
        * Grid Auto Flow
@@ -835,7 +835,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...G()]
+        justify: ["normal", ...K()]
       }],
       /**
        * Justify Items
@@ -856,7 +856,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...G(), "baseline"]
+        content: ["normal", ...K(), "baseline"]
       }],
       /**
        * Align Items
@@ -877,7 +877,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...G(), "baseline"]
+        "place-content": [...K(), "baseline"]
       }],
       /**
        * Place Items
@@ -1065,8 +1065,8 @@ const W = (t) => {
        */
       "max-w": [{
         "max-w": [M, e, "none", "full", "min", "max", "fit", "prose", {
-          screen: [te]
-        }, te]
+          screen: [oe]
+        }, oe]
       }],
       /**
        * Height
@@ -1102,7 +1102,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", te, re]
+        text: ["base", oe, te]
       }],
       /**
        * Font Smoothing
@@ -1246,14 +1246,14 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...U(), "wavy"]
+        decoration: [...G(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", ee, re]
+        decoration: ["auto", "from-font", ee, te]
       }],
       /**
        * Text Underline Offset
@@ -1620,7 +1620,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...U(), "hidden"]
+        border: [...G(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1658,7 +1658,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: U()
+        divide: G()
       }],
       /**
        * Border Color
@@ -1735,7 +1735,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...U()]
+        outline: ["", ...G()]
       }],
       /**
        * Outline Offset
@@ -1749,7 +1749,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [ee, re]
+        outline: [ee, te]
       }],
       /**
        * Outline Color
@@ -1789,7 +1789,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [ee, re]
+        "ring-offset": [ee, te]
       }],
       /**
        * Ring Offset Color
@@ -1804,7 +1804,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", te, qn]
+        shadow: ["", "inner", "none", oe, qn]
       }],
       /**
        * Box Shadow Color
@@ -1869,7 +1869,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", te, M]
+        "drop-shadow": ["", "none", oe, M]
       }],
       /**
        * Grayscale
@@ -2384,7 +2384,7 @@ const W = (t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [ee, re, ke]
+        stroke: [ee, te, ke]
       }],
       /**
        * Stroke
@@ -3468,7 +3468,7 @@ function f1({
   showLineNumbers: r = !1,
   className: o
 }) {
-  const n = ne(() => uu(t), [t]), l = ne(() => t.split(`
+  const n = re(() => uu(t), [t]), l = re(() => t.split(`
 `), [t]);
   return /* @__PURE__ */ s(
     "pre",
@@ -4007,9 +4007,9 @@ const Lu = b(
     className: c
   }, d) => {
     const [p, u] = T(!1), [f, h] = T(null), w = I(null), v = I(null), g = I(void 0), x = I(void 0), C = pe(), y = P(() => {
-      const z = w.current, _ = v.current;
-      if (!z || !_) return;
-      const D = z.getBoundingClientRect(), H = _.getBoundingClientRect();
+      const z = w.current, U = v.current;
+      if (!z || !U) return;
+      const D = z.getBoundingClientRect(), H = U.getBoundingClientRect();
       h($u(D, H, r, 8));
     }, [r]), B = P(() => {
       l || (x.current !== void 0 && clearTimeout(x.current), g.current = setTimeout(() => {
@@ -4905,7 +4905,7 @@ function Qo() {
 }
 function E1() {
   const t = Qo();
-  return ne(
+  return re(
     () => ({
       /** Whether reduced motion is preferred */
       isReduced: t,
@@ -5037,7 +5037,7 @@ const Wu = b(
       (y) => {
         if (o?.(y), y.defaultPrevented) return;
         const B = f(), O = Array.from(B.keys()), E = O.indexOf(t);
-        let j = null;
+        let j;
         switch (y.key) {
           case "ArrowRight":
             j = (E + 1) % O.length;
@@ -5454,31 +5454,37 @@ const qu = Object.assign(
       portal: x = !1,
       children: C
     }, y) => {
-      const B = pe(), O = `dropdown-trigger-${B}`, E = `dropdown-listbox-${B}`, [j, F] = T(!1), [z, _] = T(""), [D, H] = T(-1), [A, me] = T(o), [ae, he] = T(n ?? []), U = c ? r !== void 0 : e !== void 0, Q = U ? e : A, G = U ? r ?? [] : ae, J = ne(
-        () => new Set(c ? G : Q ? [Q] : []),
-        [c, G, Q]
-      ), se = I(null), X = I(null), we = I(null), Nr = I(null), ln = I(/* @__PURE__ */ new Map()), Y = ne(() => {
+      const B = pe(), O = `dropdown-trigger-${B}`, E = `dropdown-listbox-${B}`, [j, F] = T(!1), [z, U] = T(""), [D, H] = T(-1), [A, me] = T(o), [ne, he] = T(n ?? []), G = c ? r !== void 0 : e !== void 0, Q = re(
+        () => G ? e : A,
+        [G, e, A]
+      ), K = re(
+        () => G ? r ?? [] : ne,
+        [G, r, ne]
+      ), J = re(
+        () => new Set(c ? K : Q ? [Q] : []),
+        [c, K, Q]
+      ), se = I(null), X = I(null), we = I(null), Nr = I(null), ln = I(/* @__PURE__ */ new Map()), Y = re(() => {
         if (!z) return t;
         const L = z.toLowerCase();
         return t.filter((N) => N.label.toLowerCase().includes(L));
-      }, [t, z]), cn = Zu(se, j && x), oe = P(() => {
-        F(!1), _(""), H(-1), se.current?.focus();
+      }, [t, z]), cn = Zu(se, j && x), ae = P(() => {
+        F(!1), U(""), H(-1), se.current?.focus();
       }, []), Sr = P(() => {
-        f || F((L) => (L && (_(""), H(-1)), !L));
+        f || F((L) => (L && (U(""), H(-1)), !L));
       }, [f]), be = P(
         (L) => {
           if (c) {
-            const N = J.has(L) ? G.filter((V) => V !== L) : [...G, L];
-            U || he(N), i?.(N);
+            const N = J.has(L) ? K.filter((V) => V !== L) : [...K, L];
+            G || he(N), i?.(N);
           } else
-            U || me(L), l?.(L), oe();
+            G || me(L), l?.(L), ae();
         },
-        [c, J, G, U, l, i, oe]
+        [c, J, K, G, l, i, ae]
       ), dn = P((L, N) => {
         ln.current.set(N, L);
       }, []);
       Xu([Nr, X], () => {
-        j && oe();
+        j && ae();
       }), S(() => {
         j && d && requestAnimationFrame(() => we.current?.focus());
       }, [j, d]);
@@ -5493,9 +5499,9 @@ const qu = Object.assign(
                 }
                 H((N) => {
                   const V = Y.length - 1;
-                  let q = N + 1;
-                  for (; q <= V && Y[q]?.disabled; ) q++;
-                  return q > V ? N : q;
+                  let _ = N + 1;
+                  for (; _ <= V && Y[_]?.disabled; ) _++;
+                  return _ > V ? N : _;
                 });
                 break;
               }
@@ -5523,7 +5529,7 @@ const qu = Object.assign(
                 break;
               }
               case "Escape": {
-                L.preventDefault(), oe();
+                L.preventDefault(), ae();
                 break;
               }
               case "Home": {
@@ -5546,7 +5552,7 @@ const qu = Object.assign(
                 break;
               }
               case "Tab": {
-                j && oe();
+                j && ae();
                 break;
               }
               default:
@@ -5562,7 +5568,7 @@ const qu = Object.assign(
                 }
             }
         },
-        [f, j, Y, D, d, be, oe]
+        [f, j, Y, D, d, be, ae]
       );
       S(() => {
         if (!j || D < 0 || !X.current) return;
@@ -5588,14 +5594,14 @@ const qu = Object.assign(
           "border-[var(--glass-border)]",
           "hover:bg-[rgba(255,255,255,0.08)]"
         ]
-      }, Br = ne(() => {
+      }, Br = re(() => {
         if (c) {
-          if (G.length === 0) return null;
-          const L = G.map((N) => t.find((V) => V.value === N)?.label ?? N);
+          if (K.length === 0) return null;
+          const L = K.map((N) => t.find((V) => V.value === N)?.label ?? N);
           return L.length <= 2 ? L.join(", ") : `${L[0]}, ${L[1]} +${L.length - 2}`;
         }
         return Q ? t.find((L) => L.value === Q)?.label ?? Q : null;
-      }, [c, G, Q, t]), mn = j && D >= 0 ? `${E}-option-${D}` : void 0, hn = {
+      }, [c, K, Q, t]), mn = j && D >= 0 ? `${E}-option-${D}` : void 0, hn = {
         isOpen: j,
         activeIndex: D,
         selectedValues: J,
@@ -5603,7 +5609,7 @@ const qu = Object.assign(
         listboxId: E,
         triggerId: O,
         toggle: Sr,
-        close: oe,
+        close: ae,
         select: be,
         setActiveIndex: H,
         registerItem: dn
@@ -5641,7 +5647,7 @@ const qu = Object.assign(
                   "aria-label": "Filter options",
                   value: z,
                   onChange: (L) => {
-                    _(L.target.value), H(0);
+                    U(L.target.value), H(0);
                   },
                   placeholder: u,
                   className: m(
@@ -5663,7 +5669,7 @@ const qu = Object.assign(
               }
             ),
             Y.map((L, N) => {
-              const V = J.has(L.value), q = N === D;
+              const V = J.has(L.value), _ = N === D;
               return /* @__PURE__ */ k(
                 "li",
                 {
@@ -5677,11 +5683,11 @@ const qu = Object.assign(
                     "flex items-center gap-2 cursor-pointer",
                     "transition-[background-color,color] duration-150",
                     pn[h],
-                    q && "bg-[var(--glass-highlight)]",
-                    V && !q && "text-[var(--color-white)]",
-                    !V && !q && "text-[var(--color-grey-300)]",
+                    _ && "bg-[var(--glass-highlight)]",
+                    V && !_ && "text-[var(--color-white)]",
+                    !V && !_ && "text-[var(--color-grey-300)]",
                     L.disabled && "opacity-40 cursor-not-allowed pointer-events-none",
-                    !L.disabled && !q && "hover:bg-[var(--glass-bg)]"
+                    !L.disabled && !_ && "hover:bg-[var(--glass-bg)]"
                   ),
                   onClick: () => {
                     L.disabled || be(L.value);
@@ -6200,7 +6206,7 @@ const ue = {
   xl: 1280,
   "2xl": 1536
 };
-function K(t, e = !1) {
+function q(t, e = !1) {
   const r = P(() => typeof window > "u" ? e : window.matchMedia(t).matches, [t, e]), [o, n] = T(r);
   return S(() => {
     if (typeof window > "u")
@@ -6214,29 +6220,29 @@ function K(t, e = !1) {
   }, [t]), o;
 }
 function W1() {
-  return K("(max-width: 767px)", !0);
+  return q("(max-width: 767px)", !0);
 }
 function T1() {
-  return K("(min-width: 768px) and (max-width: 1023px)");
+  return q("(min-width: 768px) and (max-width: 1023px)");
 }
 function F1() {
-  return K("(min-width: 1024px)");
+  return q("(min-width: 1024px)");
 }
 function D1() {
-  return K("(min-width: 1280px)");
+  return q("(min-width: 1280px)");
 }
 function H1() {
-  const t = K(`(min-width: ${ue.sm}px)`), e = K(`(min-width: ${ue.md}px)`), r = K(`(min-width: ${ue.lg}px)`), o = K(`(min-width: ${ue.xl}px)`), n = K(`(min-width: ${ue["2xl"]}px)`);
-  return ne(() => n ? "2xl" : o ? "xl" : r ? "lg" : e ? "md" : t ? "sm" : "xs", [t, e, r, o, n]);
+  const t = q(`(min-width: ${ue.sm}px)`), e = q(`(min-width: ${ue.md}px)`), r = q(`(min-width: ${ue.lg}px)`), o = q(`(min-width: ${ue.xl}px)`), n = q(`(min-width: ${ue["2xl"]}px)`);
+  return re(() => n ? "2xl" : o ? "xl" : r ? "lg" : e ? "md" : t ? "sm" : "xs", [t, e, r, o, n]);
 }
 function R1() {
-  return K("(hover: none) and (pointer: coarse)");
+  return q("(hover: none) and (pointer: coarse)");
 }
 function Y1() {
-  return K("(orientation: portrait)");
+  return q("(orientation: portrait)");
 }
 function X1() {
-  return K("(orientation: landscape)");
+  return q("(orientation: landscape)");
 }
 let _u = 0;
 function Uu() {
@@ -6657,7 +6663,7 @@ export {
   T1 as useIsTablet,
   R1 as useIsTouchDevice,
   z1 as useKeyboardShortcuts,
-  K as useMediaQuery,
+  q as useMediaQuery,
   E1 as useMotionConfig,
   U1 as usePageTransition,
   M1 as usePrefersHighContrast,