@cfx-dev/ui-components 4.2.23 → 4.3.0

package/dist/components/Loaf/Loaf.js

@@ -1,27 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import e from "react";
-import { clsx as m } from "../../utils/clsx.js";
-const n = "cfxui__Loaf__root__05393", u = "cfxui__Loaf__bright__6638c", o = {
-  root: n,
+import { jsx as e } from "react/jsx-runtime";
+import { clsx as t } from "../../utils/clsx.js";
+const m = "cfxui__Loaf__root__05393", n = "cfxui__Loaf__bright__6638c", o = {
+  root: m,
   "color-normal": "cfxui__Loaf__color-normal__bec17",
-  bright: u,
+  bright: n,
   "color-gold": "cfxui__Loaf__color-gold__4fa59",
   "color-error": "cfxui__Loaf__color-error__9887b",
   "size-small": "cfxui__Loaf__size-small__942f7",
   "size-normal": "cfxui__Loaf__size-normal__7b2a1",
   "size-large": "cfxui__Loaf__size-large__1679c"
-}, z = e.forwardRef(function(_, r) {
+};
+function g(_) {
   const {
-    size: a = "normal",
+    size: r = "normal",
     color: c = "normal",
-    bright: l = !1,
-    children: f,
-    className: i
-  } = _, s = m(o.root, o[`size-${a}`], o[`color-${c}`], i, {
-    [o.bright]: l
+    bright: a = !1,
+    children: l,
+    className: i,
+    ref: s
+  } = _, f = t(o.root, o[`size-${r}`], o[`color-${c}`], i, {
+    [o.bright]: a
   });
-  return /* @__PURE__ */ t("div", { ref: r, className: s, children: f });
-});
+  return /* @__PURE__ */ e("div", { ref: s, className: f, children: l });
+}
 export {
-  z as Loaf
+  g as Loaf
 };

package/dist/components/Logos/LogosShowcase.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import d from "react";
 import { Island as c } from "../Island/Island.js";
-import { Flex as m } from "../Layout/Flex/Flex.js";
+import m from "../Layout/Flex/Flex.js";
 import { Pad as l } from "../Layout/Pad/Pad.js";
 import { Text as a } from "../Text/Text.js";
 import "../../utils/ui/ui.js";

package/dist/components/Modal/Modal.js

@@ -1,19 +1,18 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import N from "react";
 import "../Button/Button.js";
 import { ButtonBar as k } from "../Button/ButtonBar.js";
-import "../Button/LinkButton.js";
-import x from "../IconButton/IconButton.js";
+import "../../utils/links.js";
+import y from "../IconButton/IconButton.js";
 import { Overlay as t } from "../Overlay/Overlay.js";
 import { Text as m } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import { clsx as s } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as y } from "../../utils/hooks/useKeyboardClose.js";
-import "../../index-2hJuj4UN.js";
-const M = "cfxui__Modal__root__53283", B = "cfxui__Modal__close__2df9b", v = "cfxui__Modal__header__bec76", g = "cfxui__Modal__footer__bb2fc", a = {
+import { useKeyboardClose as x } from "../../utils/hooks/useKeyboardClose.js";
+import "../../index-Cl_RnsqN.js";
+const M = "cfxui__Modal__root__53283", B = "cfxui__Modal__close__2df9b", v = "cfxui__Modal__header__bec76", g = "cfxui__Modal__footer__bb2fc", r = {
   root: M,
-  "modal-appearance": "cfxui__Modal__modal-appearance__60dd7",
   close: B,
   header: v,
   footer: g
@@ -33,15 +32,15 @@ function _(c) {
   } = c, n = N.useCallback(() => {
     d || !o || o();
   }, [o, d]);
-  return y(n), /* @__PURE__ */ i(t, { className: s(a.overlay, f), children: [
-    /* @__PURE__ */ r(
+  return x(n), /* @__PURE__ */ i(t, { className: s(r.overlay, f), children: [
+    /* @__PURE__ */ a(
       t.Backdrop,
       {
         onClick: n,
-        className: s(a.backdrop, p)
+        className: s(r.backdrop, p)
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ a(
       t.Content,
       {
         className: b,
@@ -52,9 +51,9 @@ function _(c) {
             role: "dialog",
             "aria-describedby": u,
             "aria-labelledby": h,
-            className: s(a.root, e),
+            className: s(r.root, e),
             children: [
-              !!o && /* @__PURE__ */ r(x, { areaSize: "large", className: a.close, name: "Close", onClick: o }),
+              !!o && /* @__PURE__ */ a(y, { areaSize: "large", className: r.close, name: "Close", onClick: o }),
               l
             ]
           }
@@ -68,8 +67,8 @@ _.Header = function(o) {
     title: l,
     description: e
   } = o;
-  return /* @__PURE__ */ i("div", { className: a.header, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ i("div", { className: r.header, children: [
+    /* @__PURE__ */ a(
       m,
       {
         weight: "bold",
@@ -77,7 +76,7 @@ _.Header = function(o) {
         children: l
       }
     ),
-    e && /* @__PURE__ */ r(
+    e && /* @__PURE__ */ a(
       m,
       {
         size: "small",
@@ -92,7 +91,7 @@ _.Footer = function(o) {
     className: l,
     ...e
   } = o;
-  return /* @__PURE__ */ r(k, { ...e, className: s(a.footer, l) });
+  return /* @__PURE__ */ a(k, { ...e, className: s(r.footer, l) });
 };
 export {
   _ as Modal

package/dist/components/Modal/ModalShowcase.js

@@ -1,14 +1,17 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import i from "react";
-import { Button as l } from "../Button/Button.js";
-import "../Button/LinkButton.js";
+import l from "../Button/Button.js";
+import "../../utils/links.js";
 import n from "../Input/Input.js";
-import "../Input/RichInput.js";
-import { Box as c } from "../Layout/Box/Box.js";
-import { LOREM_IPSUM as s } from "../../utils/loremipsum.js";
+import "../../utils/hooks/useGlobalKeyboardEvent.js";
+import "../../utils/hooks/useKeyboardClose.js";
+import "../../index-Cl_RnsqN.js";
+import "../../utils/ui/ui.js";
+import p from "../Layout/Box/Box.js";
+import { LOREM_IPSUM as c } from "../../utils/loremipsum.js";
 import { Modal as r } from "./Modal.js";
-function p() {
-  const [d, a] = i.useState(!1), t = i.useCallback(() => a((m) => !m), []);
+function s() {
+  const [d, m] = i.useState(!1), t = i.useCallback(() => m((a) => !a), []);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -22,9 +25,9 @@ function p() {
         /* @__PURE__ */ o(l, { theme: "primary", onClick: t, text: "Toggle Modal" }),
         d && /* @__PURE__ */ e(r, { onClose: t, children: [
           /* @__PURE__ */ o(r.Header, { title: "Modal Title", description: "Modal Description" }),
-          /* @__PURE__ */ o(c, { mb: 4, children: /* @__PURE__ */ o(n, { theme: "onlight", placeholder: "Input", fullWidth: !0 }) }),
+          /* @__PURE__ */ o(p, { mb: 4, children: /* @__PURE__ */ o(n, { theme: "onlight", placeholder: "Input", fullWidth: !0 }) }),
           "Modal content: ",
-          s,
+          c,
           /* @__PURE__ */ e(r.Footer, { children: [
             /* @__PURE__ */ o(
               l,
@@ -50,7 +53,7 @@ function p() {
     }
   );
 }
-const S = i.memo(p);
+const b = i.memo(s);
 export {
-  S as default
+  b as default
 };

package/dist/components/NavList/NavList.d.ts

@@ -10,5 +10,6 @@ export interface NavListProps {
     items: NavListItem[];
     activeItemId: string;
     onActivate?(id: string): void;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const NavList: React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLDivElement>>;
+export declare function NavList(props: NavListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NavList/NavList.js

@@ -1,24 +1,25 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { Interactive as f } from "../Interactive/Interactive.js";
-import { clsx as l } from "../../utils/clsx.js";
-import { noop as v } from "../../utils/functional.js";
+import { Interactive as l } from "../Interactive/Interactive.js";
+import { clsx as v } from "../../utils/clsx.js";
+import { noop as d } from "../../utils/functional.js";
 import { getValue as c } from "../../utils/getValue.js";
-const N = "cfxui__NavList__root__6fbf7", p = "cfxui__NavList__item__d5754", u = "cfxui__NavList__active__4634d", x = "cfxui__NavList__icon__9a57e", o = {
-  root: N,
-  item: p,
-  active: u,
+const f = "cfxui__NavList__root__6fbf7", N = "cfxui__NavList__item__d5754", p = "cfxui__NavList__active__4634d", x = "cfxui__NavList__icon__9a57e", o = {
+  root: f,
+  item: N,
+  active: p,
   icon: x
-}, k = d.forwardRef(function(a, e) {
+};
+function j(e) {
   const {
     items: s,
-    activeItemId: r,
-    onActivate: _ = v
-  } = a, n = s.map((i) => /* @__PURE__ */ m(
-    f,
+    activeItemId: a,
+    onActivate: n = d,
+    ref: _
+  } = e, r = s.map((i) => /* @__PURE__ */ m(
+    l,
     {
-      className: l(o.item, { [o.active]: i.id === r }),
-      onClick: () => _(i.id),
+      className: v(o.item, { [o.active]: i.id === a }),
+      onClick: () => n(i.id),
       children: [
         !!i.icon && /* @__PURE__ */ t("div", { className: o.icon, children: c(i.icon) }),
         /* @__PURE__ */ t("div", { className: o.label, children: c(i.label) })
@@ -26,8 +27,8 @@ const N = "cfxui__NavList__root__6fbf7", p = "cfxui__NavList__item__d5754", u =
     },
     i.id
   ));
-  return /* @__PURE__ */ t("div", { ref: e, className: o.root, children: n });
-});
+  return /* @__PURE__ */ t("div", { ref: _, className: o.root, children: r });
+}
 export {
-  k as NavList
+  j as NavList
 };

package/dist/components/OnScreenSensor.js

@@ -4,7 +4,7 @@ import { noop as o } from "../utils/functional.js";
 import { useDynamicRef as s } from "../utils/hooks/useDynamicRef.js";
 import "../utils/hooks/useGlobalKeyboardEvent.js";
 import "../utils/hooks/useKeyboardClose.js";
-import "../index-2hJuj4UN.js";
+import "../index-Cl_RnsqN.js";
 const l = {
   width: "0",
   height: "0"

package/dist/components/Overlay/Overlay.d.ts

@@ -7,11 +7,12 @@ export interface OverlayProps {
 }
 export declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Overlay {
-    var Backdrop: React.ForwardRefExoticComponent<OverlayBackdropProps & React.RefAttributes<HTMLDivElement>>;
-    var Content: React.ForwardRefExoticComponent<OverlayContentProps & React.RefAttributes<HTMLDivElement>>;
+    var Backdrop: (props: OverlayBackdropProps) => import("react/jsx-runtime").JSX.Element;
+    var Content: (props: OverlayContentProps) => import("react/jsx-runtime").JSX.Element;
 }
 export interface OverlayBackdropProps {
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
     className?: string;
     onClick?(): void;
 }
@@ -19,4 +20,5 @@ export interface OverlayContentProps {
     children?: React.ReactNode;
     className?: string;
     disableFocusLock?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
 }

package/dist/components/Overlay/Overlay.js

@@ -1,34 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
-import l from "react";
-import { F as _ } from "../../Combination-Cbiw1XRb.js";
-import { Interactive as d } from "../Interactive/Interactive.js";
-import { clsx as a } from "../../utils/clsx.js";
+import { jsx as e } from "react/jsx-runtime";
+import { F as m } from "../../Combination-N-vN9BB-.js";
+import { Interactive as _ } from "../Interactive/Interactive.js";
+import { clsx as s } from "../../utils/clsx.js";
+import "react";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import { useOutlet as m } from "../../utils/hooks/useOutlet.js";
-const f = "cfxui__Overlay__root__7221c", u = "cfxui__Overlay__backdrop__bc193", p = "cfxui__Overlay__content__002f3", n = {
+import { useOutlet as d } from "../../utils/hooks/useOutlet.js";
+const f = "cfxui__Overlay__root__7221c", p = "cfxui__Overlay__backdrop__bc193", u = "cfxui__Overlay__content__002f3", l = {
   root: f,
-  backdrop: u,
-  "backdrop-appearance": "cfxui__Overlay__backdrop-appearance__785a5",
-  content: p
-}, k = "overlay-outlet";
-function i(t) {
+  backdrop: p,
+  content: u
+}, v = "overlay-outlet";
+function i(n) {
   const {
     className: o,
-    children: c
-  } = t, e = a(n.root, o), s = m(k);
-  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", { className: e, children: c }) });
+    children: t
+  } = n, r = s(l.root, o), c = d(v);
+  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { className: r, children: t }) });
 }
-i.Backdrop = l.forwardRef(function(o, c) {
-  return /* @__PURE__ */ r(d, { ref: c, onClick: o.onClick, className: a(n.backdrop, o.className), children: o.children });
-});
-i.Content = l.forwardRef(function(o, c) {
+i.Backdrop = function(o) {
   const {
-    disableFocusLock: e = !1
+    className: t,
+    ref: r,
+    onClick: c,
+    children: a
   } = o;
-  return /* @__PURE__ */ r("div", { ref: c, className: a(n.content, o.className), children: /* @__PURE__ */ r(_, { disabled: e, children: o.children }) });
-});
+  return /* @__PURE__ */ e(_, { ref: r, onClick: c, className: s(l.backdrop, t), children: a });
+};
+i.Content = function(o) {
+  const {
+    disableFocusLock: t = !1,
+    className: r,
+    children: c,
+    ref: a
+  } = o;
+  return /* @__PURE__ */ e("div", { ref: a, className: s(l.content, r), children: /* @__PURE__ */ e(m, { disabled: t, children: c }) });
+};
 export {
-  k as OVERLAY_OUTLET_ID,
+  v as OVERLAY_OUTLET_ID,
   i as Overlay
 };

package/dist/components/Popover/Popover.d.ts

@@ -2,13 +2,14 @@ import { default as React } from 'react';
 import { InteractiveProps } from '../Interactive/Interactive';
 
 export type PopoverPosition = 'top-right' | 'top-left';
-export interface PopoverProps extends Omit<InteractiveProps, 'children'> {
+export interface PopoverProps extends Omit<InteractiveProps, 'children' | 'popover'> {
     at?: PopoverPosition;
     as?: React.ElementType;
     popover: React.ReactNode;
     children: (active: boolean) => React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
     active?: boolean;
     rootClassName?: string;
     popoverClassName?: string;
 }
-export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.js

@@ -1,46 +1,47 @@
-import { jsxs as P, jsx as d } from "react/jsx-runtime";
-import h from "react";
-import { Interactive as N } from "../Interactive/Interactive.js";
+import { jsxs as P, jsx as h } from "react/jsx-runtime";
+import { Interactive as d } from "../Interactive/Interactive.js";
 import { clsx as r } from "../../utils/clsx.js";
-const C = "cfxui__Popover__root__4521b", g = "cfxui__Popover__active__e4504", w = "cfxui__Popover__popover__bea1e", M = "cfxui__Popover__appearance__20d42", o = {
-  root: C,
-  active: g,
-  popover: w,
+const N = "cfxui__Popover__root__4521b", C = "cfxui__Popover__active__e4504", g = "cfxui__Popover__popover__bea1e", M = "cfxui__Popover__appearance__20d42", o = {
+  root: N,
+  active: C,
+  popover: g,
   appearance: M,
   "pos-top-right": "cfxui__Popover__pos-top-right__95a54",
   "pos-top-left": "cfxui__Popover__pos-top-left__a93aa"
-}, E = h.forwardRef(function(t, s) {
+};
+function A(s) {
   const {
-    at: p = "top-right",
-    as: a = "div",
-    popover: _,
-    children: c,
-    active: i = !1,
-    onMouseEnter: n,
-    onMouseLeave: v,
-    onMouseDown: f,
-    rootClassName: l,
-    popoverClassName: m
-  } = t, e = i, u = r(o.root, l, {
+    at: t = "top-right",
+    as: p = "div",
+    popover: a,
+    children: _,
+    active: c = !1,
+    onMouseEnter: i,
+    onMouseLeave: n,
+    onMouseDown: v,
+    rootClassName: f,
+    popoverClassName: l,
+    ref: m
+  } = s, e = c, u = r(o.root, f, {
     [o.active]: e
-  }), x = r(o.popover, m, o[`pos-${p}`]);
+  }), x = r(o.popover, l, o[`pos-${t}`]);
   return /* @__PURE__ */ P(
-    N,
+    d,
     {
-      as: a,
-      ref: s,
+      as: p,
+      ref: m,
       showPointer: !1,
       className: u,
-      onMouseEnter: n,
-      onMouseLeave: v,
-      onMouseDown: f,
+      onMouseEnter: i,
+      onMouseLeave: n,
+      onMouseDown: v,
       children: [
-        c(e),
-        e && /* @__PURE__ */ d("div", { className: x, children: _ })
+        _(e),
+        e && /* @__PURE__ */ h("div", { className: x, children: a })
       ]
     }
   );
-});
+}
 export {
-  E as Popover
+  A as Popover
 };

package/dist/components/Popover/PopoverShowcase.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { Button as a } from "../Button/Button.js";
-import "../Button/LinkButton.js";
-import { Flex as m } from "../Layout/Flex/Flex.js";
+import a from "../Button/Button.js";
+import "../../utils/links.js";
+import m from "../Layout/Flex/Flex.js";
 import { usePopoverController as i } from "../../utils/hooks/usePopoverController.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import "../../index-2hJuj4UN.js";
+import "../../index-Cl_RnsqN.js";
 import { Popover as l } from "./Popover.js";
 const v = "cfxui__PopoverShowcase__popover__432d2", c = {
   popover: v

package/dist/components/PremiumBadge/PremiumBadge.d.ts

@@ -10,6 +10,7 @@ export type PremiumBadgeLevel = keyof typeof map | string;
 export interface PremiumBadgeProps {
     level: PremiumBadgeLevel;
     className?: string;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const PremiumBadge: React.ForwardRefExoticComponent<PremiumBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export declare function PremiumBadge(props: PremiumBadgeProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/PremiumBadge/PremiumBadge.js

@@ -1,9 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import m from "react";
-import { Title as a } from "../Title/Title.js";
-import { clsx as g } from "../../utils/clsx.js";
-const s = "cfxui__PremiumBadge__root__7477e", c = {
-  root: s
+import { Title as m } from "../Title/Title.js";
+import { clsx as a } from "../../utils/clsx.js";
+const g = "cfxui__PremiumBadge__root__7477e", s = {
+  root: g
 }, t = {
   ag: {
     // https://github.com/microsoft/fluentui-emoji/tree/main/assets/Optical%20disk
@@ -23,16 +22,18 @@ const s = "cfxui__PremiumBadge__root__7477e", c = {
     imgSrc: new URL("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(0%200%201px%20rgba(0,0,0,.75))'%3e%3cpath%20d='M28.9788%2017.0028L25.8711%2017.2166C25.0368%2017.2777%2024.6927%2018.2958%2025.3288%2018.8252L27.7169%2020.78C28.2384%2021.2076%2029.0309%2020.9836%2029.2395%2020.3524L29.9486%2018.2246C30.1676%2017.5933%2029.6566%2016.9519%2028.9788%2017.0028Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M21.7494%202.69148L21.0294%205.59149C20.8294%206.37149%2021.6894%207.00148%2022.3694%206.57148L24.9094%204.99149C25.4594%204.65149%2025.4894%203.85148%2024.9594%203.47148L23.1794%202.18148C22.6494%201.79148%2021.9094%202.06148%2021.7494%202.69148Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M6.43056%204.99468L8.96056%206.57468C9.64056%207.00468%2010.5005%206.38468%2010.3105%205.59468L9.59056%202.69467C9.43056%202.06467%208.69055%201.79468%208.16055%202.17468L6.38055%203.46468C5.85055%203.86468%205.88056%204.65468%206.43056%204.99468Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M4.18524%2020.7128L6.47524%2018.7928C7.09524%2018.2728%206.76524%2017.2628%205.96524%2017.2128L2.98524%2017.0028C2.33524%2016.9528%201.84524%2017.5828%202.04524%2018.2028L2.72524%2020.2928C2.92524%2020.9128%203.69524%2021.1328%204.18524%2020.7128Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.7952%2028.0047L16.6752%2025.2347C16.3752%2024.4847%2015.3152%2024.4847%2015.0152%2025.2347L13.8952%2028.0047C13.6552%2028.6047%2014.0952%2029.2647%2014.7452%2029.2647H16.9452C17.5952%2029.2547%2018.0352%2028.6047%2017.7952%2028.0047Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.5645%203.3242L19.2913%207.04387C19.617%207.73821%2020.2584%208.22424%2021.0083%208.33335L25.0639%208.95825C26.8993%209.23599%2027.6393%2011.4876%2026.3565%2012.8168L23.268%2016.0008C22.7647%2016.5166%2022.5378%2017.2506%2022.6562%2017.9648L23.3667%2022.3391C23.6726%2024.2238%2021.6793%2025.6323%2020.0117%2024.7098L16.6074%2022.8153C15.9166%2022.4284%2015.0878%2022.4284%2014.397%2022.8153L10.9927%2024.7098C9.32509%2025.6323%207.33183%2024.2238%207.63773%2022.3391L8.34819%2017.9648C8.4666%2017.2506%208.23965%2016.5166%207.7364%2016.0008L4.64785%2012.8168C3.35519%2011.4777%204.10513%209.23599%205.9405%208.95825L9.99608%208.33335C10.746%208.21432%2011.3874%207.72829%2011.713%207.04387L13.4399%203.3242C14.2589%201.5586%2016.7455%201.5586%2017.5645%203.3242Z'%20fill='%23FCD53F'/%3e%3c/svg%3e", import.meta.url).toString(),
     title: "Element Club Platinum"
   }
-}, f = m.forwardRef(function(l, i) {
+};
+function p(l) {
   const {
     level: C,
-    className: r
+    className: i,
+    ref: r
   } = l;
   if (!t[C])
     return null;
-  const o = g(c.root, r);
-  return /* @__PURE__ */ e("div", { ref: i, className: o, children: /* @__PURE__ */ e(a, { title: t[C].title, children: /* @__PURE__ */ e("img", { src: t[C].imgSrc, alt: t[C].title }) }) });
-});
+  const o = a(s.root, i);
+  return /* @__PURE__ */ e("div", { ref: r, className: o, children: /* @__PURE__ */ e(m, { title: t[C].title, children: /* @__PURE__ */ e("img", { src: t[C].imgSrc, alt: t[C].title }) }) });
+}
 export {
-  f as PremiumBadge
+  p as PremiumBadge
 };

package/dist/components/Select/Select.d.ts

@@ -16,4 +16,4 @@ export interface SelectProps<T = string> {
     size?: ResponsiveValueType<InputSize>;
     fullWidth?: boolean;
 }
-export declare const Select: React.ForwardRefExoticComponent<SelectProps<string> & React.RefAttributes<unknown>>;
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;