@uoguelph/react-components 1.3.13 → 1.4.0

package/dist/statistics-item.js

@@ -1,62 +1,62 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
-import { useContext as g, useEffect as u } from "react";
-import { twMerge as s } from "tailwind-merge";
-import { tv as a } from "tailwind-variants";
-import { StatisticsContext as i } from "./statistics-context.js";
-function n({ children: t, className: e }) {
-  const o = g(i);
-  u(() => {
-    o == null || o.incrementCount();
+import { useContext as s, useEffect as a } from "react";
+import { twMerge as i } from "tailwind-merge";
+import { tv as n } from "tailwind-variants";
+import { StatisticsContext as f } from "./statistics-context.js";
+function c({ children: e, className: r }) {
+  const t = s(f);
+  a(() => {
+    t == null || t.incrementCount();
   }, []);
-  const r = a({
-    base: "uog:relative uog:flex uog:flex-1 uog:flex-col uog:justify-around uog:gap-2",
+  const o = n({
+    base: "relative flex flex-1 flex-col justify-around gap-2",
     variants: {
       variant: {
         "solid-colors-full": [
-          'uog:sm:before:content-[""]',
-          "uog:before:absolute",
-          "uog:before:top-0",
-          "uog:before:right-full",
-          "uog:before:w-[calc((100vw-var(--statistic-bg-width))/2)]",
-          "uog:before:h-full",
-          "uog:before:bg-inherit",
-          "uog:before:z-[-1]",
-          "uog:first:before:z-0",
-          'uog:sm:after:content-[""]',
-          "uog:after:absolute",
-          "uog:after:top-0",
-          "uog:after:left-full",
-          "uog:after:w-[calc((100vw-var(--statistic-bg-width))/2)]",
-          "uog:after:h-full",
-          "uog:after:bg-inherit",
-          "uog:after:z-[-1]",
-          "uog:last:after:z-0"
+          'sm:before:content-[""]',
+          "before:absolute",
+          "before:top-0",
+          "before:right-full",
+          "before:w-[calc((100vw-var(--statistic-bg-width))/2)]",
+          "before:h-full",
+          "before:bg-inherit",
+          "before:z-[-1]",
+          "first:before:z-0",
+          'sm:after:content-[""]',
+          "after:absolute",
+          "after:top-0",
+          "after:left-full",
+          "after:w-[calc((100vw-var(--statistic-bg-width))/2)]",
+          "after:h-full",
+          "after:bg-inherit",
+          "after:z-[-1]",
+          "last:after:z-0"
         ],
         "solid-colors-no-gap": "",
         "solid-colors": "",
         "light-grey": "",
-        "left-border": "uog:border-l-8 uog:border-black uog:nth-[2n]:border-red uog:nth-[3n]:border-yellow uog:nth-[4n]:border-blue"
+        "left-border": "border-l-8 border-black nth-[2n]:border-red nth-[3n]:border-yellow nth-[4n]:border-blue"
       }
     },
     compoundVariants: [
       {
         variant: ["light-grey", "left-border"],
-        class: "uog:bg-grey-light-bg uog:text-black-on-light"
+        class: "bg-grey-light-bg text-black-on-light"
       },
       {
         variant: ["solid-colors-full", "solid-colors-no-gap", "solid-colors", "light-grey"],
-        class: "uog:text-center"
+        class: "text-center"
       },
       {
         variant: ["solid-colors-full", "solid-colors-no-gap", "solid-colors"],
-        class: "uog:bg-black uog:text-black-contrast uog:nth-[2n]:bg-red uog:nth-[2n]:text-red-contrast uog:nth-[3n]:bg-yellow uog:nth-[3n]:text-yellow-contrast uog:nth-[4n]:bg-blue uog:nth-[4n]:text-blue-contrast uog:border-b uog:border-white"
+        class: "border-b border-white bg-black text-black-contrast nth-[2n]:bg-red nth-[2n]:text-red-contrast nth-[3n]:bg-yellow nth-[3n]:text-yellow-contrast nth-[4n]:bg-blue nth-[4n]:text-blue-contrast"
       }
     ]
   });
-  return /* @__PURE__ */ l("div", { className: `uofg-statistics-item ${s(r({ variant: o == null ? void 0 : o.variant }), e)}`, children: t });
+  return /* @__PURE__ */ l("div", { className: `uofg-statistics-item ${i(o({ variant: t == null ? void 0 : t.variant }), r)}`, children: e });
 }
-n.displayName = "StatisticsItem";
+c.displayName = "StatisticsItem";
 export {
-  n as StatisticsItem
+  c as StatisticsItem
 };

package/dist/statistics.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { twMerge as m } from "tailwind-merge";
-import { tv as f } from "tailwind-variants";
+import { jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { twMerge as f } from "tailwind-merge";
+import { tv as g } from "tailwind-variants";
 import { u as n } from "./use-resize-observer-DmddO4OQ.js";
 import { StatisticsContext as p } from "./statistics-context.js";
 import { StatisticsItem as I } from "./statistics-item.js";
 import { StatisticsItemImage as F } from "./statistics-item-image.js";
 import { StatisticsItemRepresents as N } from "./statistics-item-represents.js";
 import { StatisticsItemValue as j } from "./statistics-item-value.js";
-function v({ children: t, variant: o, className: r }) {
-  const [s, l] = a(0), [u, i] = n(), c = f({
-    base: "uog:mx-auto uog:my-0 uog:flex uog:flex-col uog:flex-wrap uog:sm:flex-row",
+function v({ children: o, variant: s, className: r }) {
+  const [i, l] = u(0), [c, e] = n(), d = g({
+    base: "mx-auto my-0 flex flex-col flex-wrap sm:flex-row",
     variants: {
       divisibleByTwo: {
         true: ""
@@ -20,7 +20,7 @@ function v({ children: t, variant: o, className: r }) {
         true: ""
       },
       divisibleByFour: {
-        true: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-2 uog:lg:grid-cols-4"
+        true: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
       },
       variant: {
         "solid-colors-full": "",
@@ -33,46 +33,46 @@ function v({ children: t, variant: o, className: r }) {
     compoundVariants: [
       {
         variant: ["solid-colors", "light-grey", "left-border"],
-        class: "uog:gap-4"
+        class: "gap-4"
       },
       {
         divisibleByTwo: !0,
         divisibleByThree: !1,
         divisibleByFour: !1,
-        class: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-2"
+        class: "grid grid-cols-1 sm:grid-cols-2"
       },
       {
         divisibleByThree: !0,
         divisibleByFour: !1,
-        class: "uog:grid uog:grid-cols-1 uog:sm:grid-cols-3"
+        class: "grid grid-cols-1 sm:grid-cols-3"
       }
     ]
-  }), g = m(
-    c({
-      variant: o,
-      divisibleByTwo: s % 2 === 0,
-      divisibleByThree: s % 3 === 0,
-      divisibleByFour: s % 4 === 0
+  }), a = f(
+    d({
+      variant: s,
+      divisibleByTwo: i % 2 === 0,
+      divisibleByThree: i % 3 === 0,
+      divisibleByFour: i % 4 === 0
     }),
     r
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     p.Provider,
     {
       value: {
-        variant: o,
-        incrementCount: () => l((d) => d + 1)
+        variant: s,
+        incrementCount: () => l((m) => m + 1)
       },
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         "dl",
         {
-          className: `uofg-statistics ${g}`,
+          className: `uofg-statistics ${a}`,
           style: (
             /* @ts-expect-error TypeScript doesn't like CSS Variables */
-            o === "solid-colors-full" ? { "--statistic-bg-width": (i == null ? void 0 : i.contentRect.width) + "px" } : void 0
+            s === "solid-colors-full" ? { "--statistic-bg-width": (e == null ? void 0 : e.contentRect.width) + "px" } : void 0
           ),
-          ref: u,
-          children: t
+          ref: c,
+          children: o
         }
       )
     }

package/dist/story-background-image.js

@@ -1,25 +1,25 @@
-import { jsx as u } from "react/jsx-runtime";
-import { twMerge as c } from "tailwind-merge";
-const l = "img";
+import { jsx as c } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
+const u = "img";
 function f({
   as: o,
   src: t,
   alt: e,
   width: r,
-  height: g,
-  className: n,
-  ...s
+  height: n,
+  className: s,
+  ...a
 }) {
-  const a = o ?? l, m = c("uog:h-full uog:w-full uog:brightness-50", n);
-  return /* @__PURE__ */ u(
-    a,
+  const m = o ?? u, g = l("h-full w-full brightness-50", s);
+  return /* @__PURE__ */ c(
+    m,
     {
-      ...s,
+      ...a,
       src: t,
       alt: e,
       width: r,
-      height: g,
-      className: `uofg-story-background-image ${m}`
+      height: n,
+      className: `uofg-story-background-image ${g}`
     }
   );
 }

package/dist/story-background.js

@@ -1,10 +1,10 @@
-import { jsx as t } from "react/jsx-runtime";
-import { twMerge as a } from "tailwind-merge";
-function g({ children: o, className: u }) {
-  const r = a("uog:absolute uog:z-0 uog:h-full uog:max-h-full uog:w-full", u);
-  return /* @__PURE__ */ t("div", { className: `uofg-story-background ${r}`, children: o });
+import { jsx as a } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
+function s({ children: o, className: r }) {
+  const t = l("absolute z-0 h-full max-h-full w-full", r);
+  return /* @__PURE__ */ a("div", { className: `uofg-story-background ${t}`, children: o });
 }
-g.displayName = "StoryBackground";
+s.displayName = "StoryBackground";
 export {
-  g as StoryBackground
+  s as StoryBackground
 };

package/dist/story-body.js

@@ -1,13 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { twMerge as s } from "tailwind-merge";
-function u({ children: o, className: e }) {
-  const r = s(
-    "uog:relative uog:flex uog:w-full uog:items-center uog:justify-center uog:overflow-hidden",
-    e
-  );
-  return /* @__PURE__ */ t("div", { className: `uofg-story-body ${r}`, children: o });
+function i({ children: e, className: o }) {
+  const r = s("relative flex w-full items-center justify-center overflow-hidden", o);
+  return /* @__PURE__ */ t("div", { className: `uofg-story-body ${r}`, children: e });
 }
-u.displayName = "StoryBody";
+i.displayName = "StoryBody";
 export {
-  u as StoryBody
+  i as StoryBody
 };

package/dist/story-footer.js

@@ -1,17 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { twMerge as n } from "tailwind-merge";
-import { tv as i } from "tailwind-variants";
-import { Container as g } from "./container.js";
-function c({ children: t, className: e }) {
-  const r = i({
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+import { tv as c } from "tailwind-variants";
+import { Container as a } from "./container.js";
+function f({ children: e, className: o }) {
+  const r = c({
     slots: {
-      base: "uog:flex uog:w-full uog:items-center uog:justify-center uog:bg-black uog:p-4 uog:text-white",
-      container: "uog:flex uog:items-center uog:justify-center uog:p-2 uog:text-xl"
+      base: "flex w-full items-center justify-center bg-black p-4 text-white",
+      container: "flex items-center justify-center p-2 text-xl"
     }
-  }), { base: s, container: u } = r();
-  return /* @__PURE__ */ o("div", { className: `uofg-story-footer ${n(s(), e)}`, children: /* @__PURE__ */ o(g, { className: `uofg-story-footer-container ${u()}`, children: t }) });
+  }), { base: s, container: n } = r();
+  return /* @__PURE__ */ t("div", { className: `uofg-story-footer ${i(s(), o)}`, children: /* @__PURE__ */ t(a, { className: `uofg-story-footer-container ${n()}`, children: e }) });
 }
-c.displayName = "StoryFooter";
+f.displayName = "StoryFooter";
 export {
-  c as StoryFooter
+  f as StoryFooter
 };

package/dist/story-foreground-content.js

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
 import { twMerge as n } from "tailwind-merge";
-function u({ children: o, className: r }) {
-  const t = n("uog:flex uog:w-full uog:justify-center uog:px-8 uog:lg:w-1/2 uog:lg:p-0", r);
+function s({ children: o, className: r }) {
+  const t = n("flex w-full justify-center px-8 lg:w-1/2 lg:p-0", r);
   return /* @__PURE__ */ e("div", { className: `uofg-story-foreground-content ${t}`, children: o });
 }
-u.displayName = "StoryForegroundContent";
+s.displayName = "StoryForegroundContent";
 export {
-  u as StoryForegroundContent
+  s as StoryForegroundContent
 };

package/dist/story-foreground-image.js

@@ -1,31 +1,31 @@
 import { jsx as o } from "react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
+import { twMerge as u } from "tailwind-merge";
 import { tv as c } from "tailwind-variants";
 const d = "img";
 function p({
   as: e,
   src: r,
   alt: t,
-  width: g,
-  height: u,
-  className: s,
-  ...m
+  width: s,
+  height: m,
+  className: a,
+  ...n
 }) {
-  const a = e ?? d, n = c({
+  const l = e ?? d, g = c({
     slots: {
-      base: "uog:flex uog:w-full uog:justify-center uog:lg:mt-auto uog:lg:w-1/2",
-      image: "uog:w-full uog:h-full"
+      base: "flex w-full justify-center lg:mt-auto lg:w-1/2",
+      image: "h-full w-full"
     }
-  }), { base: l, image: f } = n();
-  return /* @__PURE__ */ o("div", { className: `uofg-story-foreground-image-container ${l()}`, children: /* @__PURE__ */ o(
-    a,
+  }), { base: f, image: i } = g();
+  return /* @__PURE__ */ o("div", { className: `uofg-story-foreground-image-container ${f()}`, children: /* @__PURE__ */ o(
+    l,
     {
-      ...m,
+      ...n,
       src: r,
       alt: t,
-      width: g,
-      height: u,
-      className: `uofg-story-foreground-image ${i(f(), s)}`
+      width: s,
+      height: m,
+      className: `uofg-story-foreground-image ${u(i(), a)}`
     }
   ) });
 }

package/dist/story-foreground.js

@@ -1,13 +1,10 @@
-import { jsx as g } from "react/jsx-runtime";
-import { twMerge as u } from "tailwind-merge";
-function t({ children: o, className: r }) {
-  const e = u(
-    "uog:max-w-[137rem] uog:z-10 uog:flex uog:w-full uog:flex-col uog:items-center uog:gap-6 uog:px-4 uog:lg:flex-row",
-    r
-  );
-  return /* @__PURE__ */ g("div", { className: `uofg-story-foreground ${e}`, children: o });
+import { jsx as t } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
+function s({ children: r, className: o }) {
+  const e = l("z-10 flex w-full max-w-[137rem] flex-col items-center gap-6 px-4 lg:flex-row", o);
+  return /* @__PURE__ */ t("div", { className: `uofg-story-foreground ${e}`, children: r });
 }
-t.displayName = "StoryForeground";
+s.displayName = "StoryForeground";
 export {
-  t as StoryForeground
+  s as StoryForeground
 };

package/dist/story.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
 import { twMerge as m } from "tailwind-merge";
-import { StoryBackground as p } from "./story-background.js";
-import { StoryBackgroundImage as a } from "./story-background-image.js";
+import { StoryBackground as a } from "./story-background.js";
+import { StoryBackgroundImage as s } from "./story-background-image.js";
 import { StoryBody as S } from "./story-body.js";
 import { StoryFooter as l } from "./story-footer.js";
 import { StoryForeground as i } from "./story-foreground.js";
 import { StoryForegroundContent as B } from "./story-foreground-content.js";
 import { StoryForegroundImage as w } from "./story-foreground-image.js";
 function f({ children: o, className: r }) {
-  const t = m("uog:flex uog:w-full uog:flex-col", r);
+  const t = m("flex w-full flex-col", r);
   return /* @__PURE__ */ e("div", { className: `uofg-story ${t}`, children: o });
 }
 f.displayName = "Story";
 export {
   f as Story,
-  p as StoryBackground,
-  a as StoryBackgroundImage,
+  a as StoryBackground,
+  s as StoryBackgroundImage,
   S as StoryBody,
   l as StoryFooter,
   i as StoryForeground,

package/dist/tab-list.js

@@ -2,12 +2,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { TabList as r } from "@headlessui/react";
 import { twMerge as l } from "tailwind-merge";
-function a({ children: o, className: t }) {
-  const s = l(
-    "uofg-tab-list uog:flex uog:gap-1 uog:border-b-4 uog:border-yellow uog:w-full uog:flex-col uog:md:flex-row",
-    t
-  );
-  return /* @__PURE__ */ e(r, { className: `uofg-tab-list ${s}`, children: o });
+function a({ children: t, className: o }) {
+  const s = l("uofg-tab-list flex w-full flex-col gap-1 border-b-4 border-yellow md:flex-row", o);
+  return /* @__PURE__ */ e(r, { className: `uofg-tab-list ${s}`, children: t });
 }
 a.displayName = "TabList";
 export {

package/dist/tab-panel.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { TabPanel as t } from "@headlessui/react";
 import { twMerge as l } from "tailwind-merge";
 function r({ children: a, className: e }) {
-  const o = l("uofg-tab-panel uog:py-4", e);
-  return /* @__PURE__ */ n(t, { className: `uofg-tab-panel ${o}`, children: a });
+  const n = l("uofg-tab-panel py-4", e);
+  return /* @__PURE__ */ o(t, { className: `uofg-tab-panel ${n}`, children: a });
 }
 r.displayName = "TabPanel";
 export {

package/dist/tab.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { Tab as t } from "@headlessui/react";
-import { twMerge as l } from "tailwind-merge";
-function r({ children: o, className: e }) {
-  const g = l(
+import { jsx as l } from "react/jsx-runtime";
+import { Tab as r } from "@headlessui/react";
+import { twMerge as s } from "tailwind-merge";
+function b({ children: e, className: t }) {
+  const o = s(
     "uofg-tab-list",
-    "uog:mb-1",
-    "uog:rounded-t-sm",
-    "uog:bg-grey-light-bg",
-    "uog:px-4",
-    "uog:py-3",
-    "uog:text-lg",
-    "uog:font-bold",
-    "uog:text-black",
-    "uog:transition-colors",
-    "uog:hover:bg-grey-light",
-    "uog:focus:bg-grey-light",
-    "uog:focus:outline-none",
-    "uog:ui-selected:mb-0",
-    "uog:ui-selected:border-2",
-    "uog:ui-selected:border-yellow",
-    "uog:ui-selected:bg-yellow",
-    "uog:flex-1",
-    e
+    "mb-1",
+    "rounded-t-sm",
+    "bg-grey-light-bg",
+    "px-4",
+    "py-3",
+    "text-lg",
+    "font-bold",
+    "text-black",
+    "transition-colors",
+    "hover:bg-grey-light",
+    "focus:bg-grey-light",
+    "focus:outline-none",
+    "ui-selected:mb-0",
+    "ui-selected:border-2",
+    "ui-selected:border-yellow",
+    "ui-selected:bg-yellow",
+    "flex-1",
+    t
   );
-  return /* @__PURE__ */ u(t, { className: `uofg-tab ${g}`, children: o });
+  return /* @__PURE__ */ l(r, { className: `uofg-tab ${o}`, children: e });
 }
-r.displayName = "Tab";
+b.displayName = "Tab";
 export {
-  r as Tab
+  b as Tab
 };

package/dist/text-input.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { h as y } from "./regular-DmWV6rTj.js";
 import { FontAwesomeIcon as N } from "@fortawesome/react-fontawesome";
 import { Field as B, Label as E, Input as $ } from "@headlessui/react";
@@ -7,69 +7,69 @@ import { useState as j, useRef as C, useEffect as I } from "react";
 import { twMerge as k } from "tailwind-merge";
 import { tv as F } from "tailwind-variants";
 function P({
-  initialValue: g = "",
-  type: p = "text",
-  placeholder: a = "",
-  onInput: n,
-  children: i,
-  className: f,
-  hideClear: m,
+  initialValue: p = "",
+  type: a = "text",
+  placeholder: f = "",
+  onInput: i,
+  children: u,
+  className: m,
+  hideClear: x,
   value: l,
-  ...x
+  ...b
 }) {
-  const [u, s] = j(g), e = C(null);
+  const [n, s] = j(p), e = C(null);
   I(() => {
     s(l ?? "");
   }, [l]);
-  const b = F({
+  const d = F({
     slots: {
-      base: "uog:flex uog:flex-col uog:gap-0.5",
-      wrapper: "uog:text-input uog:border-grey-light uog:flex uog:rounded-md uog:border uog:px-4 uog:py-2 uog:transition-colors uog:focus-within:border-blue uog:focus:outline-none uog:bg-white",
-      input: "uog:flex-1 uog:focus:outline-none uog:bg-white",
-      clearButton: "uog:rounded-full uog:text-xl"
+      base: "flex flex-col gap-0.5",
+      wrapper: "text-input flex rounded-md border border-grey-light bg-white px-4 py-2 transition-colors focus-within:border-blue focus:outline-none",
+      input: "flex-1 bg-white focus:outline-none",
+      clearButton: "rounded-full text-xl"
     },
     variants: {
       empty: {
         true: {
-          clearButton: "uog:pointer-events-none uog:invisible"
+          clearButton: "pointer-events-none invisible"
         }
       },
       hide: {
         true: {
-          clearButton: "uog:pointer-events-none uog:invisible"
+          clearButton: "pointer-events-none invisible"
         }
       }
     }
-  }), { base: d, wrapper: w, input: h, clearButton: v } = b({ empty: (u == null ? void 0 : u.length) === 0 });
-  return /* @__PURE__ */ c(B, { className: `uofg-text-input-field ${k(d(), f)}`, children: [
-    i && /* @__PURE__ */ r(E, { className: "uofg-text-input-label", children: i }),
+  }), { base: g, wrapper: w, input: h, clearButton: v } = d({ empty: (n == null ? void 0 : n.length) === 0 });
+  return /* @__PURE__ */ c(B, { className: `uofg-text-input-field ${k(g(), m)}`, children: [
+    u && /* @__PURE__ */ o(E, { className: "uofg-text-input-label", children: u }),
     /* @__PURE__ */ c("div", { className: `uofg-text-input-wrapper ${w()}`, children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         $,
         {
-          ...x,
+          ...b,
           ref: e,
-          value: u,
-          type: p,
-          placeholder: a,
+          value: n,
+          type: a,
+          placeholder: f,
           onInput: (t) => {
-            var o;
-            s((o = t == null ? void 0 : t.target) == null ? void 0 : o.value), n == null || n(t);
+            var r;
+            s((r = t == null ? void 0 : t.target) == null ? void 0 : r.value), i == null || i(t);
           },
           className: `uofg-text-input ${h()}`
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ o(
         "button",
         {
-          className: `uofg-text-input-clear-button ${v({ hide: m })}`,
+          className: `uofg-text-input-clear-button ${v({ hide: x })}`,
           onClick: () => {
-            var o;
+            var r;
             if (!e.current) return;
-            const t = (o = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : o.set;
+            const t = (r = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : r.set;
             t == null || t.call(e.current, ""), e.current.dispatchEvent(new Event("input", { bubbles: !0 })), e.current.focus();
           },
-          children: /* @__PURE__ */ r(N, { icon: y })
+          children: /* @__PURE__ */ o(N, { icon: y })
         }
       )
     ] })