@cfx-dev/ui-components 4.2.7 → 4.2.8

package/dist/assets/all_css.css

@@ -3,6 +3,7 @@
 @import "./css/Avatar.css";
 @import "./css/Badge.css";
 @import "./css/Box.css";
+@import "./css/BurgerMenu.css";
 @import "./css/Button.css";
 @import "./css/ButtonBar.css";
 @import "./css/Center.css";

package/dist/assets/css/BurgerMenu.css

@@ -0,0 +1 @@
+.cfxui__BurgerMenu__burgerButton__cc9ab{width:calc(var(--quant) * 3.25);height:calc(var(--quant) * 3.25);cursor:pointer}.cfxui__BurgerMenu__burgerContainerOpen__ed7ab{background:rgba(var(--color-bg-light),1);height:var(--height)}.cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerLineOpen__af602{width:100%;height:calc(var(--quant) * .3);background-color:rgba(var(--color-primary),1);border-radius:var(--border-radius-xsmall)}.cfxui__BurgerMenu__burgerLine__886ad,.cfxui__BurgerMenu__burgerLineOpen__af602{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(1){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){opacity:0}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(2){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.cfxui__BurgerMenu__burgerLineOpen__af602:nth-child(3){transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__subItemContainer__0d64a{background-color:rgba(var(--color-secondary),.25);max-height:0;overflow:hidden}.cfxui__BurgerMenu__subItemContainer__0d64a{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__BurgerMenu__subItemContainerOpen__5491d{max-height:var(--height)}

package/dist/components/BurgerMenu/BurgerMenu.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface MenuItem {
+    label: string;
+    highlighted?: boolean;
+    id: string;
+    className?: string;
+    submenu?: MenuItem[];
+}
+interface BurgerMenuProps {
+    items: MenuItem[];
+    onItemClick: (item: string) => void;
+}
+export declare function BurgerMenu({ items, onItemClick, }: BurgerMenuProps): React.ReactElement;
+export {};

package/dist/components/BurgerMenu/BurgerMenu.js

@@ -0,0 +1,138 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { useState as f, useCallback as l } from "react";
+import { Icon as O } from "../Icon/Icon.js";
+import { Interactive as c } from "../Interactive/Interactive.js";
+import { Flex as u } from "../Layout/Flex/Flex.js";
+import { Text as x } from "../Text/Text.js";
+import "../ui.js";
+import { clsx as t } from "../../utils/clsx.js";
+const y = "cfxui__BurgerMenu__burgerButton__cc9ab", L = "cfxui__BurgerMenu__burgerContainerOpen__ed7ab", B = "cfxui__BurgerMenu__burgerLine__886ad", k = "cfxui__BurgerMenu__burgerLineOpen__af602", w = "cfxui__BurgerMenu__subItemContainer__0d64a", I = "cfxui__BurgerMenu__subItemContainerOpen__5491d", r = {
+  burgerButton: y,
+  burgerContainerOpen: L,
+  burgerLine: B,
+  burgerLineOpen: k,
+  subItemContainer: w,
+  subItemContainerOpen: I
+};
+function K({
+  items: h,
+  onItemClick: b
+}) {
+  const [i, g] = f(!1), [d, C] = f({}), p = l(() => {
+    g((e) => !e);
+  }, []), s = l((e) => {
+    b(e), g(!1);
+  }, [b]), _ = l((e) => {
+    C((o) => ({
+      ...o,
+      [e]: !o[e]
+    }));
+  }, []);
+  return /* @__PURE__ */ a(
+    u,
+    {
+      className: t({ [r.burgerContainerOpen]: i }),
+      direction: "column",
+      children: [
+        /* @__PURE__ */ n(u, { justifyContent: "flex-end", children: /* @__PURE__ */ n(
+          c,
+          {
+            showPointer: !0,
+            "aria-label": "Toggle menu",
+            role: "button",
+            onClick: p,
+            onKeyDown: (e) => {
+              (e.key === "Enter" || e.key === " ") && p();
+            },
+            children: /* @__PURE__ */ a(
+              u,
+              {
+                justifyContent: "space-around",
+                direction: "column",
+                className: r.burgerButton,
+                children: [
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: t(i ? r.burgerLineOpen : r.burgerLine)
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: t(i ? r.burgerLineOpen : r.burgerLine)
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      className: t(i ? r.burgerLineOpen : r.burgerLine)
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) }),
+        i && /* @__PURE__ */ n(u, { direction: "column", className: r.menu, children: h.map((e) => /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ n(
+            c,
+            {
+              showPointer: !0,
+              "aria-label": "Toggle item",
+              role: "button",
+              onClick: () => {
+                e.submenu ? _(e.id) : s(e.id);
+              },
+              onKeyDown: (o) => {
+                (o.key === "Enter" || o.key === " ") && (e.submenu ? _(e.id) : s(e.id));
+              },
+              children: /* @__PURE__ */ a(u, { p: 2, justifyContent: "space-between", children: [
+                /* @__PURE__ */ n(
+                  x,
+                  {
+                    size: "xsmall",
+                    weight: e.highlighted ? "bold" : "normal",
+                    children: e.label
+                  }
+                ),
+                e.submenu && /* @__PURE__ */ n(
+                  O,
+                  {
+                    name: d[e.id] ? "UpChevron" : "DownChevron"
+                  }
+                )
+              ] })
+            }
+          ),
+          e.submenu && /* @__PURE__ */ n(
+            u,
+            {
+              className: t(r.subItemContainer, {
+                [r.subItemContainerOpen]: d[e.id]
+              }),
+              direction: "column",
+              children: e.submenu.map((o) => /* @__PURE__ */ n(
+                c,
+                {
+                  showPointer: !0,
+                  "aria-label": "Toggle sub item",
+                  role: "button",
+                  onClick: () => s(o.id),
+                  onKeyDown: (m) => {
+                    (m.key === "Enter" || m.key === " ") && s(o.id);
+                  },
+                  children: /* @__PURE__ */ n(u, { p: 2, children: o.label })
+                },
+                o.id
+              ))
+            }
+          )
+        ] }, e.id)) })
+      ]
+    }
+  );
+}
+export {
+  K as BurgerMenu
+};

package/dist/components/BurgerMenu/BurgerMenuShowcase.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function BurgerMenuShowcase(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof BurgerMenuShowcase>;
+export default _default;

package/dist/components/BurgerMenu/BurgerMenuShowcase.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import i from "react";
+import { Flex as r } from "../Layout/Flex/Flex.js";
+import { Text as o } from "../Text/Text.js";
+import "../ui.js";
+import { BurgerMenu as n } from "./BurgerMenu.js";
+const a = [
+  {
+    id: "1",
+    label: "Account",
+    highlighted: !0
+  },
+  {
+    id: "2",
+    label: "Dashboard"
+  },
+  {
+    id: "3",
+    label: "Servers",
+    submenu: [
+      {
+        id: "3-1",
+        label: "Server Keys"
+      },
+      {
+        id: "3-2",
+        label: "Server Hosting"
+      }
+    ]
+  },
+  {
+    id: "4",
+    label: "Settings"
+  }
+], m = (t) => {
+  console.log(`Item clicked: ${t}`);
+};
+function c() {
+  return /* @__PURE__ */ e(r, { gap: "large", vertical: !0, pb: 20, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ e(o, { children: "Burger Menu" }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      n,
+      {
+        items: a,
+        onItemClick: m
+      }
+    ) })
+  ] }) });
+}
+const b = i.memo(c);
+export {
+  b as default
+};

package/dist/components/BurgerMenu/index.d.ts

@@ -0,0 +1 @@
+export { BurgerMenu } from './BurgerMenu';

package/dist/components/BurgerMenu/index.js

@@ -0,0 +1,4 @@
+import { BurgerMenu as o } from "./BurgerMenu.js";
+export {
+  o as BurgerMenu
+};

package/dist/main.d.ts

@@ -18,6 +18,7 @@ export { Accordion, AccordionTrigger, AccordionHeader, AccordionItem, AccordionC
 export { ClipboardButton } from './components/ClipboardButton';
 export { Checkbox } from './components/Checkbox';
 export { Button } from './components/Button/Button';
+export { BurgerMenu } from './components/BurgerMenu/BurgerMenu';
 export { LinkButton } from './components/Button/LinkButton';
 export { Link, ButtonLink, getLinkClassName, } from './components/Link';
 export { ButtonBar } from './components/Button/ButtonBar';

package/dist/main.js

@@ -3,7 +3,7 @@ import { clsx as f } from "./utils/clsx.js";
 import { getValue as x } from "./utils/getValue.js";
 import { usePopoverController as l } from "./utils/hooks/usePopoverController.js";
 import { useInstance as i } from "./utils/hooks/useInstance.js";
-import { useDynamicRef as u } from "./utils/hooks/useDynamicRef.js";
+import { useDynamicRef as s } from "./utils/hooks/useDynamicRef.js";
 import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
 import { useWindowResize as g } from "./utils/hooks/useWindowResize.js";
@@ -12,150 +12,152 @@ import { CLIPBOARD_TITLE_APPEARANCE as k, useClipboardComponent as y } from "./u
 import { identity as b, invoke as A, noop as O, returnFalse as P, returnTrue as D } from "./utils/functional.js";
 import { Linkify as _, defaultLinkReplacer as h, defaultLinkReplacerx as v, isExternalUrl as F, linkify as U, linkifyx as N, matchLinkNodes as w, matchLinks as z } from "./utils/links.js";
 import { clamp as V, clamp01 as G } from "./utils/math.js";
-import { isFalseString as H, isTrueString as M, normalizeSlashes as W, replaceRange as j, splitByIndices as q, unicodeCharAt as J } from "./utils/string.js";
+import { isFalseString as Y, isTrueString as H, normalizeSlashes as W, replaceRange as j, splitByIndices as q, unicodeCharAt as J } from "./utils/string.js";
 import { debounce as X, throttle as Z } from "./utils/execution.js";
 import { getColor as oo } from "./utils/color.js";
 import { default as eo } from "./components/IconButton/IconButton.js";
 import { Accordion as po, AccordionContent as fo, AccordionHeader as mo, AccordionItem as xo, AccordionTrigger as ao } from "./components/Accordion/Accordion.js";
 import { default as no } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as so } from "./components/Checkbox/Checkbox.js";
+import { default as uo } from "./components/Checkbox/Checkbox.js";
 import { Button as co } from "./components/Button/Button.js";
-import { LinkButton as To } from "./components/Button/LinkButton.js";
-import { default as go, getLinkClassName as Bo } from "./components/Link/Link.js";
-import { default as Co } from "./components/Link/ButtonLink.js";
-import { ButtonBar as yo } from "./components/Button/ButtonBar.js";
-import { Avatar as bo } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as Oo, BackdropPortal as Po } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as Eo } from "./components/Badge/Badge.js";
-import { ControlBox as ho } from "./components/ControlBox/ControlBox.js";
-import { CountryFlag as Fo } from "./components/CountryFlag/CountryFlag.js";
-import { Decorate as No } from "./components/Decorate/Decorate.js";
-import { Dot as zo } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as Vo, Flyout as Go } from "./components/Flyout/Flyout.js";
-import { Logos as Ho } from "./components/Logos/index.js";
-import { I as Wo } from "./cfxIcons-BNd1WgpX.js";
-import { I as qo } from "./cfxIconsBig-BLJjMT-Y.js";
-import { Icon as Qo } from "./components/Icon/Icon.js";
-import { IconBig as Zo } from "./components/IconBig/IconBig.js";
-import { Indicator as or } from "./components/Indicator/Indicator.js";
-import { default as er } from "./components/InfoPanel/InfoPanel.js";
-import { default as pr } from "./components/Input/Input.js";
-import { default as mr } from "./components/Input/RichInput.js";
-import { Interactive as ar } from "./components/Interactive/Interactive.js";
-import { Island as nr } from "./components/Island/Island.js";
-import { Box as sr } from "./components/Layout/Box/Box.js";
-import { Center as cr } from "./components/Layout/Center/Center.js";
-import { Flex as Ir } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as Lr } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as Br } from "./components/Layout/Pad/Pad.js";
-import { Page as Cr } from "./components/Layout/Page/Page.js";
-import { R as yr } from "./Rail-DcVowhML.js";
-import { Scrollable as br } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as Or } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as Dr } from "./components/Loaf/Loaf.js";
-import { Modal as _r } from "./components/Modal/Modal.js";
-import { NavList as vr } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Ur, Overlay as Nr } from "./components/Overlay/Overlay.js";
-import { Popover as zr } from "./components/Popover/Popover.js";
-import { PremiumBadge as Vr } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as Yr } from "./components/Prose/Prose.js";
-import { Radio as Mr } from "./components/Radio/Radio.js";
-import { Select as jr } from "./components/Select/Select.js";
-import { DropdownSelect as Jr } from "./components/DropdownSelect/DropdownSelect.js";
-import { Separator as Xr } from "./components/Separator/Separator.js";
-import { Shroud as $r } from "./components/Shroud/Shroud.js";
-import { Slider as re } from "./components/Slider/Slider.js";
-import { Spacer as te } from "./components/Spacer/Spacer.js";
-import { Style as fe, useContextualStyle as me } from "./components/Style/Style.js";
-import { default as ae } from "./components/Switch/Switch.js";
-import { ToggleGroup as ne } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as se } from "./components/Tabular/Tabular.js";
-import { Table as ce, TableIconButton as de } from "./components/Table/Table.js";
-import { Text as Te, TextBlock as Le, getTextOpacity as ge } from "./components/Text/Text.js";
-import { ui as Se } from "./components/ui.js";
-import { Textarea as ke } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as Re, Title as be } from "./components/Title/Title.js";
-import { default as Oe } from "./components/InputDropzone/InputDropzone.js";
+import { BurgerMenu as To } from "./components/BurgerMenu/BurgerMenu.js";
+import { LinkButton as go } from "./components/Button/LinkButton.js";
+import { default as So, getLinkClassName as Co } from "./components/Link/Link.js";
+import { default as yo } from "./components/Link/ButtonLink.js";
+import { ButtonBar as bo } from "./components/Button/ButtonBar.js";
+import { Avatar as Oo } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as Do, BackdropPortal as Eo } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as ho } from "./components/Badge/Badge.js";
+import { ControlBox as Fo } from "./components/ControlBox/ControlBox.js";
+import { CountryFlag as No } from "./components/CountryFlag/CountryFlag.js";
+import { Decorate as zo } from "./components/Decorate/Decorate.js";
+import { Dot as Vo } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as Mo, Flyout as Yo } from "./components/Flyout/Flyout.js";
+import { Logos as Wo } from "./components/Logos/index.js";
+import { I as qo } from "./cfxIcons-BNd1WgpX.js";
+import { I as Qo } from "./cfxIconsBig-BLJjMT-Y.js";
+import { Icon as Zo } from "./components/Icon/Icon.js";
+import { IconBig as or } from "./components/IconBig/IconBig.js";
+import { Indicator as er } from "./components/Indicator/Indicator.js";
+import { default as pr } from "./components/InfoPanel/InfoPanel.js";
+import { default as mr } from "./components/Input/Input.js";
+import { default as ar } from "./components/Input/RichInput.js";
+import { Interactive as nr } from "./components/Interactive/Interactive.js";
+import { Island as ur } from "./components/Island/Island.js";
+import { Box as cr } from "./components/Layout/Box/Box.js";
+import { Center as Ir } from "./components/Layout/Center/Center.js";
+import { Flex as Lr } from "./components/Layout/Flex/Flex.js";
+import { FlexRestricter as Br } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as Cr } from "./components/Layout/Pad/Pad.js";
+import { Page as yr } from "./components/Layout/Page/Page.js";
+import { R as br } from "./Rail-DcVowhML.js";
+import { Scrollable as Or } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as Dr } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as _r } from "./components/Loaf/Loaf.js";
+import { Modal as vr } from "./components/Modal/Modal.js";
+import { NavList as Ur } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as wr, Overlay as zr } from "./components/Overlay/Overlay.js";
+import { Popover as Vr } from "./components/Popover/Popover.js";
+import { PremiumBadge as Mr } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as Hr } from "./components/Prose/Prose.js";
+import { Radio as jr } from "./components/Radio/Radio.js";
+import { Select as Jr } from "./components/Select/Select.js";
+import { DropdownSelect as Xr } from "./components/DropdownSelect/DropdownSelect.js";
+import { Separator as $r } from "./components/Separator/Separator.js";
+import { Shroud as re } from "./components/Shroud/Shroud.js";
+import { Slider as te } from "./components/Slider/Slider.js";
+import { Spacer as fe } from "./components/Spacer/Spacer.js";
+import { Style as xe, useContextualStyle as ae } from "./components/Style/Style.js";
+import { default as ne } from "./components/Switch/Switch.js";
+import { ToggleGroup as ue } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as ce } from "./components/Tabular/Tabular.js";
+import { Table as Ie, TableIconButton as Te } from "./components/Table/Table.js";
+import { Text as ge, TextBlock as Be, getTextOpacity as Se } from "./components/Text/Text.js";
+import { ui as ke } from "./components/ui.js";
+import { Textarea as Re } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as Ae, Title as Oe } from "./components/Title/Title.js";
+import { default as De } from "./components/InputDropzone/InputDropzone.js";
 import "./components/InputDropzone/ItemPreview.js";
-import { default as De } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as _e } from "./components/OnScreenSensor.js";
-import { Symbols as ve } from "./components/Symbols.js";
+import { default as _e } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as ve } from "./components/OnScreenSensor.js";
+import { Symbols as Ue } from "./components/Symbols.js";
 export {
   po as Accordion,
   fo as AccordionContent,
   mo as AccordionHeader,
   xo as AccordionItem,
   ao as AccordionTrigger,
-  bo as Avatar,
-  Oo as BACKDROP_OUTLET_ID,
-  Po as BackdropPortal,
-  Eo as Badge,
-  sr as Box,
+  Oo as Avatar,
+  Do as BACKDROP_OUTLET_ID,
+  Eo as BackdropPortal,
+  ho as Badge,
+  cr as Box,
+  To as BurgerMenu,
   co as Button,
-  yo as ButtonBar,
-  Co as ButtonLink,
+  bo as ButtonBar,
+  yo as ButtonLink,
   k as CLIPBOARD_TITLE_APPEARANCE,
-  cr as Center,
-  so as Checkbox,
+  Ir as Center,
+  uo as Checkbox,
   no as ClipboardButton,
-  ho as ControlBox,
-  Fo as CountryFlag,
-  No as Decorate,
-  zo as Dot,
-  Jr as DropdownSelect,
-  Vo as FLYOUT_OUTLET_ID,
-  Ir as Flex,
-  Lr as FlexRestricter,
-  Go as Flyout,
-  Qo as Icon,
-  Zo as IconBig,
+  Fo as ControlBox,
+  No as CountryFlag,
+  zo as Decorate,
+  Vo as Dot,
+  Xr as DropdownSelect,
+  Mo as FLYOUT_OUTLET_ID,
+  Lr as Flex,
+  Br as FlexRestricter,
+  Yo as Flyout,
+  Zo as Icon,
+  or as IconBig,
   eo as IconButton,
-  Wo as Icons,
-  qo as IconsBig,
-  or as Indicator,
-  er as InfoPanel,
-  pr as Input,
-  Oe as InputDropzone,
-  ar as Interactive,
-  nr as Island,
-  go as Link,
-  To as LinkButton,
+  qo as Icons,
+  Qo as IconsBig,
+  er as Indicator,
+  pr as InfoPanel,
+  mr as Input,
+  De as InputDropzone,
+  nr as Interactive,
+  ur as Island,
+  So as Link,
+  go as LinkButton,
   _ as Linkify,
-  Dr as Loaf,
-  Ho as Logos,
-  _r as Modal,
-  vr as NavList,
-  Ur as OVERLAY_OUTLET_ID,
-  _e as OnScreenSensor,
-  Nr as Overlay,
-  Br as Pad,
-  Cr as Page,
-  zr as Popover,
-  Vr as PremiumBadge,
-  Yr as Prose,
-  Mr as Radio,
-  yr as Rail,
-  mr as RichInput,
-  br as Scrollable,
-  jr as Select,
-  Xr as Separator,
-  $r as Shroud,
-  De as Skeleton,
-  re as Slider,
-  te as Spacer,
-  fe as Style,
-  ae as Switch,
-  ve as Symbols,
-  Re as TITLE_OUTLET_ID,
-  ce as Table,
-  de as TableIconButton,
-  se as Tabular,
-  Te as Text,
-  Le as TextBlock,
-  ke as Textarea,
-  be as Title,
-  ne as ToggleGroup,
-  Or as VirtualScrollable,
+  _r as Loaf,
+  Wo as Logos,
+  vr as Modal,
+  Ur as NavList,
+  wr as OVERLAY_OUTLET_ID,
+  ve as OnScreenSensor,
+  zr as Overlay,
+  Cr as Pad,
+  yr as Page,
+  Vr as Popover,
+  Mr as PremiumBadge,
+  Hr as Prose,
+  jr as Radio,
+  br as Rail,
+  ar as RichInput,
+  Or as Scrollable,
+  Jr as Select,
+  $r as Separator,
+  re as Shroud,
+  _e as Skeleton,
+  te as Slider,
+  fe as Spacer,
+  xe as Style,
+  ne as Switch,
+  Ue as Symbols,
+  Ae as TITLE_OUTLET_ID,
+  Ie as Table,
+  Te as TableIconButton,
+  ce as Tabular,
+  ge as Text,
+  Be as TextBlock,
+  Re as Textarea,
+  Oe as Title,
+  ue as ToggleGroup,
+  Dr as VirtualScrollable,
   V as clamp,
   G as clamp01,
   f as clsx,
@@ -163,14 +165,14 @@ export {
   h as defaultLinkReplacer,
   v as defaultLinkReplacerx,
   oo as getColor,
-  Bo as getLinkClassName,
-  ge as getTextOpacity,
+  Co as getLinkClassName,
+  Se as getTextOpacity,
   x as getValue,
   b as identity,
   A as invoke,
   F as isExternalUrl,
-  H as isFalseString,
-  M as isTrueString,
+  Y as isFalseString,
+  H as isTrueString,
   U as linkify,
   N as linkifyx,
   w as matchLinkNodes,
@@ -183,11 +185,11 @@ export {
   D as returnTrue,
   q as splitByIndices,
   Z as throttle,
-  Se as ui,
+  ke as ui,
   J as unicodeCharAt,
   y as useClipboardComponent,
-  me as useContextualStyle,
-  u as useDynamicRef,
+  ae as useContextualStyle,
+  s as useDynamicRef,
   d as useGlobalKeyboardEvent,
   i as useInstance,
   T as useKeyboardClose,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.2.7",
+  "version": "4.2.8",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",