@cfx-dev/ui-components 2.0.2 → 2.0.4

package/dist/components/Table/Table.js

@@ -1,60 +1,79 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import o, { useState as d } from "react";
-import { G as R } from "../../iconBase-C6DV9qqL.js";
-import '../../assets/Table.css';function x(r) {
-  return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" } }] })(r);
-}
-function L(r) {
-  return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" } }] })(r);
-}
-const z = "_selectedRow_1jg2j_23", w = {
-  "table-responsive": "_table-responsive_1jg2j_1",
-  selectedRow: z
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import f, { useState as m } from "react";
+import O from "../Checkbox/Checkbox.js";
+import j from "../IconButton/IconButton.js";
+import '../../assets/Table.css';const x = "_pointer_19b0f_18", A = "_selectedRow_19b0f_22", E = "_headerContent_19b0f_40", z = "_sortButton_19b0f_47", l = {
+  "table-responsive": "_table-responsive_19b0f_1",
+  pointer: x,
+  selectedRow: A,
+  headerContent: E,
+  sortButton: z
 };
-function G({
-  headers: r = [],
-  data: _ = [],
-  includeRadio: p = !1,
-  onSelectChange: l,
-  dataContainer: u,
-  useSort: h = !1,
-  sortBy: j,
-  sortOrder: y = "asc",
-  onSortChange: i
+function F({
+  headers: u = [],
+  data: B = [],
+  includeRadio: r = !1,
+  onSelectChange: c,
+  dataContainer: b,
+  useSort: n = !1,
+  sortBy: k,
+  sortOrder: v = "asc",
+  onSortChange: d
 }) {
-  const [m, f] = d(null), [b, g] = d(j), [v, B] = d(y), k = (t) => {
-    const c = b === t && v === "asc" ? "desc" : "asc";
-    g(t), B(c), i == null || i(t, c);
-  }, O = o.useCallback((t) => {
-    f(parseInt(t.target.value, 10)), l == null || l(parseInt(t.target.value, 10));
-  }, [f, l]);
-  return /* @__PURE__ */ e("div", { className: w.table, children: /* @__PURE__ */ n("table", { children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
-      p && /* @__PURE__ */ e("th", { children: "Select Row" }),
-      r.map((t, s) => /* @__PURE__ */ n("th", { onClick: () => h && k(t), children: [
-        t,
-        h && b === t && /* @__PURE__ */ e("span", { children: v === "asc" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(x, {}) })
-      ] }, `header-${s}`))
+  const [p, y] = m(null), [R, w] = m(k), [$, N] = m(v), _ = (e) => {
+    const t = R === e && $ === "asc" ? "desc" : "asc";
+    w(e), N(t), d == null || d(e, t);
+  }, h = f.useCallback(
+    (e, s) => {
+      if (typeof e == "boolean") {
+        const t = e ? s : null;
+        y(t), t !== null && (c == null || c(t));
+      }
+    },
+    [c]
+  );
+  return /* @__PURE__ */ o("div", { className: l.tableResponsive, children: /* @__PURE__ */ i("table", { children: [
+    /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ i("tr", { children: [
+      r && /* @__PURE__ */ o("th", { "aria-label": "Select Row" }),
+      u.map((e, s) => /* @__PURE__ */ o(
+        "th",
+        {
+          className: n ? l.pointer : "",
+          onClick: () => n && _(e),
+          children: /* @__PURE__ */ i("div", { className: l.headerContent, children: [
+            e,
+            n && /* @__PURE__ */ o(
+              j,
+              {
+                className: l.sortButton,
+                color: "secondary",
+                name: "Sort",
+                onClick: n ? () => _(e) : void 0
+              }
+            )
+          ] })
+        },
+        `header-${s}`
+      ))
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: _.map((t, s) => /* @__PURE__ */ n(
+    /* @__PURE__ */ o("tbody", { children: B.map((e, s) => /* @__PURE__ */ i(
       "tr",
       {
-        className: m === s ? w.selectedRow : "",
+        className: `${p === s ? l.selectedRow : ""} ${r ? l.pointer : ""}`,
+        onClick: r ? () => h(!0, s) : void 0,
         children: [
-          p && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
-            "input",
+          r && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+            O,
             {
-              type: "radio",
-              name: "tableRowSelect",
-              value: s,
-              checked: m === s,
-              onChange: O,
-              "aria-label": `${s}`
+              size: "small",
+              onCheckedChange: (t) => h(t, s),
+              "aria-label": `${s}`,
+              checked: p === s
             }
           ) }),
-          t.map((c, $) => {
+          e.map((t, C) => {
             let a;
-            return o.isValidElement(c) ? a = c : u ? a = o.createElement(u, { item: c }) : a = String(c), /* @__PURE__ */ e("td", { children: a }, `item-${$}`);
+            return f.isValidElement(t) ? a = t : b ? a = f.createElement(b, { item: t }) : a = String(t), /* @__PURE__ */ o("td", { children: a }, `item-${C}`);
           })
         ]
       },
@@ -63,5 +82,5 @@ function G({
   ] }) });
 }
 export {
-  G as Table
+  F as Table
 };

package/dist/components/Table/TableShowcase.d.ts

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

package/dist/components/Table/TableShowcase.js

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import d from "react";
+import { Badge as l } from "../Badge/Badge.js";
+import { Flex as a } from "../Layout/Flex/Flex.js";
+import "../Interactive/Interactive.js";
+import { Scrollable as c } from "../Layout/Scrollable/Scrollable.js";
+import "../Layout/Scrollable/VirtualScrollable.js";
+import { Text as r } from "../Text/Text.js";
+import { Table as o } from "./Table.js";
+const i = [
+  [
+    "Cell 1",
+    "Cell 2",
+    "Cell 3",
+    new Date(2023, 0, 1).toLocaleDateString(),
+    /* @__PURE__ */ e(l, { color: "error", children: "Error" }, "1")
+  ],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")],
+  ["Cell 4", "Cell 5", "Cell 6", new Date(2023, 1, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "2")],
+  ["Cell 7", "Cell 8", "Cell 9", new Date(2023, 2, 1).toLocaleDateString(), /* @__PURE__ */ e(l, { children: "Badge" }, "3")]
+], n = ["Header 1", "Header 2", "Header 3", "Date", "Item"];
+function C() {
+  return /* @__PURE__ */ t(a, { gap: "large", vertical: !0, children: [
+    /* @__PURE__ */ t(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Table" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(o, { includeRadio: !0, headers: n, data: i }) })
+    ] }),
+    /* @__PURE__ */ t(a, { fullWidth: !0, vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Table with scroll" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "400px",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { includeRadio: !0, headers: n, data: i }) })
+        }
+      )
+    ] })
+  ] });
+}
+const B = d.memo(C);
+export {
+  B as default
+};

package/dist/main.d.ts

@@ -12,7 +12,7 @@ export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
 export type { OutletPosition } from './utils/hooks';
 export type { SetTimeoutReturn } from './utils/execution';
 export { IconButton } from './components/IconButton';
-export { Accordion, AccordionTrigger, AccordionHeader, AccordionItem, } from './components/Accordion';
+export { Accordion, AccordionTrigger, AccordionHeader, AccordionItem, AccordionContent, } from './components/Accordion';
 export { ClipboardButton, CLIPBOARD_TITLE_APPEARANCE } from './components/ClipboardButton';
 export { Checkbox } from './components/Checkbox';
 export { Button } from './components/Button/Button';

package/dist/main.js

@@ -3,155 +3,156 @@ import { clsx as f } from "./utils/clsx.js";
 import { getValue as m } 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 c } 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";
 import { useOutlet as y } from "./utils/hooks/useOutlet.js";
-import { identity as S, invoke as k, noop as A, returnFalse as C, returnTrue as O } from "./utils/functional.js";
+import { identity as S, invoke as A, noop as C, returnFalse as k, returnTrue as O } from "./utils/functional.js";
 import { Linkify as b, defaultLinkReplacer as E, defaultLinkReplacerx as D, isExternalUrl as _, linkify as h, linkifyx as v, matchLinkNodes as F, matchLinks as U } from "./utils/links.js";
 import { clamp as K, clamp01 as N } from "./utils/math.js";
 import { isFalseString as w, isTrueString as G, normalizeSlashes as Y, replaceRange as H, splitByIndices as M, unicodeCharAt as W } from "./utils/string.js";
 import { debounce as q, throttle as J } from "./utils/execution.js";
 import { default as X } from "./components/IconButton/IconButton.js";
-import { Accordion as $, AccordionHeader as oo, AccordionItem as ro, AccordionTrigger as eo } from "./components/Accordion/Accordion.js";
-import { CLIPBOARD_TITLE_APPEARANCE as po, default as fo } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as mo } from "./components/Checkbox/Checkbox.js";
-import { Button as lo } from "./components/Button/Button.js";
-import { LinkButton as io } from "./components/Button/LinkButton.js";
+import { Accordion as $, AccordionContent as oo, AccordionHeader as ro, AccordionItem as eo, AccordionTrigger as to } from "./components/Accordion/Accordion.js";
+import { CLIPBOARD_TITLE_APPEARANCE as fo, default as xo } from "./components/ClipboardButton/ClipboardButton.js";
+import { default as ao } from "./components/Checkbox/Checkbox.js";
+import { Button as no } from "./components/Button/Button.js";
+import { LinkButton as so } from "./components/Button/LinkButton.js";
 import { ButtonBar as uo } from "./components/Button/ButtonBar.js";
-import { Avatar as Io } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as Lo, BackdropPortal as go } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as yo } from "./components/Badge/Badge.js";
-import { ControlBox as So } from "./components/ControlBox/ControlBox.js";
-import { CountryFlag as Ao } from "./components/CountryFlag/CountryFlag.js";
-import { Decorate as Oo } from "./components/Decorate/Decorate.js";
-import { Dot as bo } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as Do, Flyout as _o } from "./components/Flyout/Flyout.js";
-import { Logos as vo } from "./components/Logos/index.js";
-import { I as Uo } from "./cfxIcons-BlbKR-zU.js";
-import { I as Ko } from "./cfxIconsBig-CNY8zL27.js";
-import { Icon as Vo } from "./components/Icon/Icon.js";
-import { IconBig as Go } from "./components/IconBig/IconBig.js";
-import { Indicator as Ho } from "./components/Indicator/Indicator.js";
-import { default as Wo } from "./components/InfoPanel/InfoPanel.js";
-import { default as qo } from "./components/Input/Input.js";
-import { default as Qo } from "./components/Input/RichInput.js";
-import { Interactive as Zo } from "./components/Interactive/Interactive.js";
-import { Island as or } from "./components/Island/Island.js";
-import { Box as er } from "./components/Layout/Box/Box.js";
-import { Center as pr } from "./components/Layout/Center/Center.js";
-import { Flex as xr } from "./components/Layout/Flex/Flex.js";
-import { FlexRestricter as ar } from "./components/Layout/Flex/FlexRestricter.js";
-import { Pad as nr } from "./components/Layout/Pad/Pad.js";
-import { Page as sr } from "./components/Layout/Page/Page.js";
-import { R as cr } from "./Rail-rtPENZs2.js";
-import { Scrollable as Ir } from "./components/Layout/Scrollable/Scrollable.js";
-import { VirtualScrollable as Lr } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as Br } from "./components/Loaf/Loaf.js";
-import { Modal as Rr } from "./components/Modal/Modal.js";
-import { NavList as kr } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as Cr, Overlay as Or } from "./components/Overlay/Overlay.js";
-import { Popover as br } from "./components/Popover/Popover.js";
-import { PremiumBadge as Dr } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as hr } from "./components/Prose/Prose.js";
-import { Radio as Fr } from "./components/Radio/Radio.js";
-import { Select as zr } from "./components/Select/Select.js";
-import { Separator as Nr } from "./components/Separator/Separator.js";
-import { Shroud as wr } from "./components/Shroud/Shroud.js";
-import { Spacer as Yr } from "./components/Spacer/Spacer.js";
-import { Style as Mr, useContextualStyle as Wr } from "./components/Style/Style.js";
-import { default as qr } from "./components/Switch/Switch.js";
-import { ToggleGroup as Qr } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as Zr } from "./components/Tabular/Tabular.js";
-import { Table as oe } from "./components/Table/Table.js";
-import { Text as ee, TextBlock as te, getTextOpacity as pe } from "./components/Text/Text.js";
-import { Textarea as xe } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as ae, Title as le } from "./components/Title/Title.js";
-import { default as ie } from "./components/InputDropzone/InputDropzone.js";
+import { Avatar as To } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as go, BackdropPortal as Bo } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as Ro } from "./components/Badge/Badge.js";
+import { ControlBox as Ao } from "./components/ControlBox/ControlBox.js";
+import { CountryFlag as ko } from "./components/CountryFlag/CountryFlag.js";
+import { Decorate as Po } from "./components/Decorate/Decorate.js";
+import { Dot as Eo } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as _o, Flyout as ho } from "./components/Flyout/Flyout.js";
+import { Logos as Fo } from "./components/Logos/index.js";
+import { I as zo } from "./cfxIcons-BlbKR-zU.js";
+import { I as No } from "./cfxIconsBig-CNY8zL27.js";
+import { Icon as wo } from "./components/Icon/Icon.js";
+import { IconBig as Yo } from "./components/IconBig/IconBig.js";
+import { Indicator as Mo } from "./components/Indicator/Indicator.js";
+import { default as jo } from "./components/InfoPanel/InfoPanel.js";
+import { default as Jo } from "./components/Input/Input.js";
+import { default as Xo } from "./components/Input/RichInput.js";
+import { Interactive as $o } from "./components/Interactive/Interactive.js";
+import { Island as rr } from "./components/Island/Island.js";
+import { Box as tr } from "./components/Layout/Box/Box.js";
+import { Center as fr } from "./components/Layout/Center/Center.js";
+import { Flex as mr } from "./components/Layout/Flex/Flex.js";
+import { FlexRestricter as lr } from "./components/Layout/Flex/FlexRestricter.js";
+import { Pad as ir } from "./components/Layout/Pad/Pad.js";
+import { Page as cr } from "./components/Layout/Page/Page.js";
+import { R as dr } from "./Rail-rtPENZs2.js";
+import { Scrollable as Tr } from "./components/Layout/Scrollable/Scrollable.js";
+import { VirtualScrollable as gr } from "./components/Layout/Scrollable/VirtualScrollable.js";
+import { Loaf as yr } from "./components/Loaf/Loaf.js";
+import { Modal as Sr } from "./components/Modal/Modal.js";
+import { NavList as Cr } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as Or, Overlay as Pr } from "./components/Overlay/Overlay.js";
+import { Popover as Er } from "./components/Popover/Popover.js";
+import { PremiumBadge as _r } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as vr } from "./components/Prose/Prose.js";
+import { Radio as Ur } from "./components/Radio/Radio.js";
+import { Select as Kr } from "./components/Select/Select.js";
+import { Separator as Vr } from "./components/Separator/Separator.js";
+import { Shroud as Gr } from "./components/Shroud/Shroud.js";
+import { Spacer as Hr } from "./components/Spacer/Spacer.js";
+import { Style as Wr, useContextualStyle as jr } from "./components/Style/Style.js";
+import { default as Jr } from "./components/Switch/Switch.js";
+import { ToggleGroup as Xr } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as $r } from "./components/Tabular/Tabular.js";
+import { Table as re } from "./components/Table/Table.js";
+import { Text as te, TextBlock as pe, getTextOpacity as fe } from "./components/Text/Text.js";
+import { Textarea as me } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as le, Title as ne } from "./components/Title/Title.js";
+import { default as se } from "./components/InputDropzone/InputDropzone.js";
 import "./components/InputDropzone/ItemPreview.js";
 import { OnScreenSensor as ue } from "./components/OnScreenSensor.js";
-import { ui as de } from "./components/ui.js";
-import { Symbols as Te } from "./components/Symbols.js";
+import { ui as Ie } from "./components/ui.js";
+import { Symbols as Le } from "./components/Symbols.js";
 export {
   $ as Accordion,
-  oo as AccordionHeader,
-  ro as AccordionItem,
-  eo as AccordionTrigger,
-  Io as Avatar,
-  Lo as BACKDROP_OUTLET_ID,
-  go as BackdropPortal,
-  yo as Badge,
-  er as Box,
-  lo as Button,
+  oo as AccordionContent,
+  ro as AccordionHeader,
+  eo as AccordionItem,
+  to as AccordionTrigger,
+  To as Avatar,
+  go as BACKDROP_OUTLET_ID,
+  Bo as BackdropPortal,
+  Ro as Badge,
+  tr as Box,
+  no as Button,
   uo as ButtonBar,
-  po as CLIPBOARD_TITLE_APPEARANCE,
-  pr as Center,
-  mo as Checkbox,
-  fo as ClipboardButton,
-  So as ControlBox,
-  Ao as CountryFlag,
-  Oo as Decorate,
-  bo as Dot,
-  Do as FLYOUT_OUTLET_ID,
-  xr as Flex,
-  ar as FlexRestricter,
-  _o as Flyout,
-  Vo as Icon,
-  Go as IconBig,
+  fo as CLIPBOARD_TITLE_APPEARANCE,
+  fr as Center,
+  ao as Checkbox,
+  xo as ClipboardButton,
+  Ao as ControlBox,
+  ko as CountryFlag,
+  Po as Decorate,
+  Eo as Dot,
+  _o as FLYOUT_OUTLET_ID,
+  mr as Flex,
+  lr as FlexRestricter,
+  ho as Flyout,
+  wo as Icon,
+  Yo as IconBig,
   X as IconButton,
-  Uo as Icons,
-  Ko as IconsBig,
-  Ho as Indicator,
-  Wo as InfoPanel,
-  qo as Input,
-  ie as InputDropzone,
-  Zo as Interactive,
-  or as Island,
-  io as LinkButton,
+  zo as Icons,
+  No as IconsBig,
+  Mo as Indicator,
+  jo as InfoPanel,
+  Jo as Input,
+  se as InputDropzone,
+  $o as Interactive,
+  rr as Island,
+  so as LinkButton,
   b as Linkify,
-  Br as Loaf,
-  vo as Logos,
-  Rr as Modal,
-  kr as NavList,
-  Cr as OVERLAY_OUTLET_ID,
+  yr as Loaf,
+  Fo as Logos,
+  Sr as Modal,
+  Cr as NavList,
+  Or as OVERLAY_OUTLET_ID,
   ue as OnScreenSensor,
-  Or as Overlay,
-  nr as Pad,
-  sr as Page,
-  br as Popover,
-  Dr as PremiumBadge,
-  hr as Prose,
-  Fr as Radio,
-  cr as Rail,
-  Qo as RichInput,
-  Ir as Scrollable,
-  zr as Select,
-  Nr as Separator,
-  wr as Shroud,
-  Yr as Spacer,
-  Mr as Style,
-  qr as Switch,
-  Te as Symbols,
-  ae as TITLE_OUTLET_ID,
-  oe as Table,
-  Zr as Tabular,
-  ee as Text,
-  te as TextBlock,
-  xe as Textarea,
-  le as Title,
-  Qr as ToggleGroup,
-  Lr as VirtualScrollable,
+  Pr as Overlay,
+  ir as Pad,
+  cr as Page,
+  Er as Popover,
+  _r as PremiumBadge,
+  vr as Prose,
+  Ur as Radio,
+  dr as Rail,
+  Xo as RichInput,
+  Tr as Scrollable,
+  Kr as Select,
+  Vr as Separator,
+  Gr as Shroud,
+  Hr as Spacer,
+  Wr as Style,
+  Jr as Switch,
+  Le as Symbols,
+  le as TITLE_OUTLET_ID,
+  re as Table,
+  $r as Tabular,
+  te as Text,
+  pe as TextBlock,
+  me as Textarea,
+  ne as Title,
+  Xr as ToggleGroup,
+  gr as VirtualScrollable,
   K as clamp,
   N as clamp01,
   f as clsx,
   q as debounce,
   E as defaultLinkReplacer,
   D as defaultLinkReplacerx,
-  pe as getTextOpacity,
+  fe as getTextOpacity,
   m as getValue,
   S as identity,
-  k as invoke,
+  A as invoke,
   _ as isExternalUrl,
   w as isFalseString,
   G as isTrueString,
@@ -160,17 +161,17 @@ export {
   F as matchLinkNodes,
   U as matchLinks,
   t as mergeRefs,
-  A as noop,
+  C as noop,
   Y as normalizeSlashes,
   H as replaceRange,
-  C as returnFalse,
+  k as returnFalse,
   O as returnTrue,
   M as splitByIndices,
   J as throttle,
-  de as ui,
+  Ie as ui,
   W as unicodeCharAt,
-  Wr as useContextualStyle,
-  u as useDynamicRef,
+  jr as useContextualStyle,
+  c 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": "2.0.2",
+  "version": "2.0.4",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",

package/dist/iconBase-C6DV9qqL.js

@@ -1,60 +0,0 @@
-import i from "react";
-var s = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, f = i.createContext && i.createContext(s), l = function() {
-  return l = Object.assign || function(e) {
-    for (var n, t = 1, r = arguments.length; t < r; t++) {
-      n = arguments[t];
-      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
-    }
-    return e;
-  }, l.apply(this, arguments);
-}, y = function(e, n) {
-  var t = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-    n.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (t[r[a]] = e[r[a]]);
-  return t;
-};
-function m(e) {
-  return e && e.map(function(n, t) {
-    return i.createElement(n.tag, l({
-      key: t
-    }, n.attr), m(n.child));
-  });
-}
-function h(e) {
-  return function(n) {
-    return i.createElement(g, l({
-      attr: l({}, e.attr)
-    }, n), m(e.child));
-  };
-}
-function g(e) {
-  var n = function(t) {
-    var r = e.attr, a = e.size, c = e.title, d = y(e, ["attr", "size", "title"]), o = a || t.size || "1em", u;
-    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), i.createElement("svg", l({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, t.attr, r, d, {
-      className: u,
-      style: l(l({
-        color: e.color || t.color
-      }, t.style), e.style),
-      height: o,
-      width: o,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), c && i.createElement("title", null, c), e.children);
-  };
-  return f !== void 0 ? i.createElement(f.Consumer, null, function(t) {
-    return n(t);
-  }) : n(s);
-}
-export {
-  h as G
-};