@cfx-dev/ui-components 4.3.3 → 4.3.5

package/dist/assets/all_css.css

@@ -36,6 +36,7 @@
 @import "./css/Overlay.css";
 @import "./css/Pad.css";
 @import "./css/Page.css";
+@import "./css/Pagination.css";
 @import "./css/Popover.css";
 @import "./css/PopoverShowcase.css";
 @import "./css/PremiumBadge.css";
@@ -52,6 +53,7 @@
 @import "./css/Spacer.css";
 @import "./css/Switch.css";
 @import "./css/Table.css";
+@import "./css/TableResponsiveText.css";
 @import "./css/Tabular.css";
 @import "./css/Text.css";
 @import "./css/Textarea.css";

package/dist/assets/css/Pagination.css

@@ -0,0 +1 @@
+.cfxui__Pagination__root__c5025{list-style-type:none;display:flex;justify-content:flex-end;align-items:center;gap:var(--offset-small)}.cfxui__Pagination__button__87663{padding:0;min-width:calc(var(--quant) * 9.25);--color-button-secondary-text: rgba(var(--color-primary), .4);--color-button-secondary-border: rgba(var(--color-primary), .4)}.cfxui__Pagination__button__87663.cfxui__Pagination__current__2cd39{cursor:default;color:rgba(var(--color-bg),1);background-color:rgba(var(--color-primary),1)}.cfxui__Pagination__button__87663.cfxui__Pagination__buttonBack__cb0e5{margin-right:var(--offset-small)}.cfxui__Pagination__button__87663.cfxui__Pagination__buttonForward__4a51e{margin-left:var(--offset-small)}.cfxui__Pagination__ellipsis__9f336{display:flex;align-items:center;justify-content:center;gap:var(--offset-small);padding:0 var(--offset-small)}.cfxui__Pagination__ellipsis__9f336 .cfxui__Pagination__dot__70f66{width:calc(var(--quant) * .5);height:calc(var(--quant) * .5);border-radius:var(--border-radius-pill);background-color:rgba(var(--color-primary),.4)}

package/dist/assets/css/TableResponsiveText.css

@@ -0,0 +1 @@
+.cfxui__TableResponsiveText__root__0e257{position:relative;min-width:calc(var(--quant) * 15);z-index:-1}.cfxui__TableResponsiveText__root__0e257 .cfxui__TableResponsiveText__text__78e87{position:absolute;left:0;right:0;overflow:hidden}

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    disabled?: boolean;
+}
+export interface PaginationItemProps {
+    page: number;
+    isCurrent: boolean;
+    disabled?: boolean;
+    onPageChange: (page: number) => void;
+}
+declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Pagination>;
+export default _default;

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,117 @@
+import { jsxs as l, jsx as n, Fragment as g } from "react/jsx-runtime";
+import c from "react";
+import d from "../Button/Button.js";
+import { clsx as m } from "../../utils/clsx.js";
+import "../../utils/links.js";
+const p = "cfxui__Pagination__root__c5025", x = "cfxui__Pagination__button__87663", N = "cfxui__Pagination__current__2cd39", w = "cfxui__Pagination__buttonBack__cb0e5", B = "cfxui__Pagination__buttonForward__4a51e", F = "cfxui__Pagination__ellipsis__9f336", y = "cfxui__Pagination__dot__70f66", a = {
+  root: p,
+  button: x,
+  current: N,
+  buttonBack: w,
+  buttonForward: B,
+  ellipsis: F,
+  dot: y
+};
+function h() {
+  return /* @__PURE__ */ l("span", { className: a.ellipsis, children: [
+    /* @__PURE__ */ n("div", { className: a.dot }),
+    /* @__PURE__ */ n("div", { className: a.dot }),
+    /* @__PURE__ */ n("div", { className: a.dot })
+  ] });
+}
+function _(u) {
+  const {
+    page: t,
+    isCurrent: o,
+    disabled: e = !1,
+    onPageChange: i
+  } = u, r = c.useCallback(() => {
+    o || i(t);
+  }, [t, o, i]);
+  return /* @__PURE__ */ n(
+    d,
+    {
+      theme: o ? "default" : "secondary",
+      text: t.toString(),
+      disabled: e,
+      onClick: r,
+      className: m(a.button, {
+        [a.current]: o
+      })
+    }
+  );
+}
+function v(u) {
+  const {
+    currentPage: t,
+    totalPages: o,
+    onPageChange: e,
+    disabled: i = !1
+  } = u, r = Math.max(1, t - 2), f = Math.min(o, t + 2), b = c.useMemo(
+    () => Array.from({ length: f + 1 - r }, (s, k) => r + k),
+    [f, r]
+  ), P = c.useCallback(() => {
+    t !== 1 && e(t - 1);
+  }, [t, e]), C = c.useCallback(() => {
+    t !== o && e(t + 1);
+  }, [t, e, o]);
+  return /* @__PURE__ */ l("ul", { className: a.root, children: [
+    /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      d,
+      {
+        theme: "secondary",
+        icon: "RightArrow",
+        disabled: i,
+        onClick: P,
+        className: m(a.button, a.buttonBack)
+      }
+    ) }),
+    t > 3 && /* @__PURE__ */ l(g, { children: [
+      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        _,
+        {
+          page: 1,
+          isCurrent: !1,
+          disabled: i,
+          onPageChange: e
+        }
+      ) }),
+      t > 4 && /* @__PURE__ */ n(h, {})
+    ] }),
+    b.map((s) => /* @__PURE__ */ n("li", { className: a.listItem, children: /* @__PURE__ */ n(
+      _,
+      {
+        page: s,
+        isCurrent: s === t,
+        disabled: i,
+        onPageChange: e
+      }
+    ) }, s)),
+    o - t > 2 && /* @__PURE__ */ l(g, { children: [
+      o - t > 3 && /* @__PURE__ */ n(h, {}),
+      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        _,
+        {
+          page: o,
+          isCurrent: !1,
+          disabled: i,
+          onPageChange: e
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      d,
+      {
+        theme: "secondary",
+        icon: "LeftArrow",
+        disabled: i,
+        onClick: C,
+        className: m(a.button, a.buttonForward)
+      }
+    ) })
+  ] });
+}
+const D = c.memo(v);
+export {
+  D as default
+};

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

@@ -0,0 +1,2 @@
+export { default as Pagination } from './Pagination';
+export type { PaginationProps, PaginationItemProps } from './Pagination';

package/dist/components/Pagination/index.js

@@ -0,0 +1,4 @@
+import { default as t } from "./Pagination.js";
+export {
+  t as Pagination
+};

package/dist/components/TableResponsiveText/TableResponsiveText.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextProps } from '../Text';
+
+export interface TableResponsiveTextProps extends TextProps {
+    title?: string;
+    rootClassName?: string;
+}
+declare function TableResponsiveText(props: TableResponsiveTextProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof TableResponsiveText>;
+export default _default;

package/dist/components/TableResponsiveText/TableResponsiveText.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "react";
+import l from "../Flex/Flex.js";
+import { clsx as m } from "../../utils/clsx.js";
+import { Text as c } from "../Text/Text.js";
+import "../../utils/ui/ui.js";
+import { Title as a } from "../Title/Title.js";
+const x = "cfxui__TableResponsiveText__root__0e257", _ = "cfxui__TableResponsiveText__text__78e87", o = {
+  root: x,
+  text: _
+};
+function f(e) {
+  const {
+    title: r,
+    children: s,
+    rootClassName: n
+  } = e;
+  return /* @__PURE__ */ t(a, { title: r ?? s, children: /* @__PURE__ */ t(l, { gap: "normal", centered: !0, className: m(o.root, n), children: /* @__PURE__ */ t(c, { truncated: !0, ...e, className: o.text }) }) });
+}
+const C = i.memo(f);
+export {
+  C as default
+};

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

@@ -0,0 +1,2 @@
+export { default as TableResponsiveText } from './TableResponsiveText';
+export type { TableResponsiveTextProps } from './TableResponsiveText';

package/dist/components/TableResponsiveText/index.js

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

package/dist/main.d.ts

@@ -4,6 +4,8 @@ export { getValue } from './utils/getValue';
 export type { ValueOrGetter } from './utils/getValue';
 export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, useWindowResize, useOutlet, usePopoverController, useClipboardComponent, CLIPBOARD_TITLE_APPEARANCE, } from './utils/hooks';
 export type { OutletPosition, UseClipboardProps, } from './utils/hooks';
+export { formatDate } from './utils/formatDate';
+export { formatCurrency, FREE_PRICE_TEXT, CURRENCY_MAP, } from './utils/formatCurrency';
 export { noop, returnTrue, returnFalse, identity, invoke, } from './utils/functional';
 export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, Linkify, } from './utils/links';
 export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
@@ -84,6 +86,8 @@ export { NavList } from './components/NavList';
 export type { NavListProps, NavListItem } from './components/NavList';
 export { Overlay, OVERLAY_OUTLET_ID } from './components/Overlay';
 export type { OverlayProps, OverlayBackdropProps, OverlayContentProps, } from './components/Overlay';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps, PaginationItemProps, } from './components/Pagination';
 export { Popover } from './components/Popover';
 export type { PopoverProps, PopoverPosition } from './components/Popover';
 export { PremiumBadge } from './components/PremiumBadge';
@@ -116,6 +120,8 @@ export { DataTable, DataTableHeaderItem, DataTableRow, } from './components/Data
 export type { DataTableHeaderType, DataTableProps, DataTableRowType, DataTableContainerType, DataTableHeaderItemProps, DataTableRowProps, } from './components/DataTable';
 export { Table, TableIconButton, } from './components/Table';
 export type { TableRootProps, TableBodyProps, TableHeaderProps, TableCellProps, TableRowProps, } from './components/Table';
+export { TableResponsiveText } from './components/TableResponsiveText';
+export type { TableResponsiveTextProps } from './components/TableResponsiveText';
 export { TextSizeEnum, Text, TextBlock, getTextOpacity, DEFAULT_TEXT_COLOR, TEXT_OPACITY_MAP, textSizeResponsiveValueFormatter, } from './components/Text';
 export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, TextFamaly, } from './components/Text';
 export { Textarea } from './components/Textarea';

package/dist/main.js

@@ -7,227 +7,237 @@ 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 C } from "./utils/hooks/useWindowResize.js";
-import { useOutlet as B } from "./utils/hooks/useOutlet.js";
-import { CLIPBOARD_TITLE_APPEARANCE as L, useClipboardComponent as S } from "./utils/hooks/useClipboardComponent.js";
-import { identity as R, invoke as k, noop as A, returnFalse as D, returnTrue as b } from "./utils/functional.js";
-import { Linkify as P, defaultLinkReplacer as F, defaultLinkReplacerx as _, isExternalUrl as v, linkify as h, linkifyx as U, matchLinkNodes as z, matchLinks as w } from "./utils/links.js";
-import { clamp as N, clamp01 as G, minmax as V } from "./utils/math.js";
-import { isFalseString as Y, isTrueString as H, normalizeSlashes as W, replaceRange as X, splitByIndices as J, unicodeCharAt as Q } from "./utils/string.js";
-import { debounce as j, throttle as q } from "./utils/execution.js";
-import { getColor as oo } from "./utils/color.js";
-import { ui as eo } from "./utils/ui/ui.js";
-import { BorderRadiusEnum as ao, ColorEnum as fo, MediaQueryEnum as mo, OffsetEnum as po, TextSizeEnum as xo, ZIndexEnum as no } from "./utils/ui/ui.types.js";
-import { isInEnum as uo } from "./utils/enum.js";
-import { default as io } from "./components/IconButton/IconButton.js";
-import { Accordion as To, AccordionContent as Io, AccordionHeader as Co, AccordionItem as go, AccordionTrigger as Bo } from "./components/Accordion/Accordion.js";
-import { default as Lo } from "./components/ClipboardButton/ClipboardButton.js";
-import { default as yo } from "./components/Checkbox/Checkbox.js";
-import { default as ko, ButtonContent as Ao, getButtonClassName as Do } from "./components/Button/Button.js";
-import { ButtonBar as Oo } from "./components/Button/ButtonBar.js";
-import { LinkButton as Fo } from "./components/Button/LinkButton.js";
-import { BurgerMenuButton as vo } from "./components/BurgerMenu/BurgerMenuButton.js";
-import { BurgerMenu as Uo } from "./components/BurgerMenu/BurgerMenu.js";
-import { default as wo, getLinkClassName as Mo, getLinkStyles as No } from "./components/Link/Link.js";
-import { default as Vo } from "./components/Link/ButtonLink.js";
-import { Avatar as Yo } from "./components/Avatar/Avatar.js";
-import { BACKDROP_OUTLET_ID as Wo, default as Xo } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as Qo } from "./components/Badge/Badge.js";
-import { default as jo } from "./components/ControlBox/ControlBox.js";
-import { default as $o } from "./components/CountryFlag/CountryFlag.js";
-import { default as rr } from "./components/Decorate/Decorate.js";
-import { Dot as tr } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as fr, Flyout as mr } from "./components/Flyout/Flyout.js";
-import { Logos as xr } from "./components/Logos/index.js";
-import { I as lr } from "./cfxIcons-B9nzO6TW.js";
-import { I as sr } from "./cfxIconsBig-BLJjMT-Y.js";
-import { Icon as dr } from "./components/Icon/Icon.js";
-import { IconBig as Tr } from "./components/IconBig/IconBig.js";
-import { Indicator as Cr } from "./components/Indicator/Indicator.js";
-import { default as Br } from "./components/InfoPanel/InfoPanel.js";
-import { default as Lr } from "./components/Input/Input.js";
-import { default as yr } from "./components/Input/RichInput.js";
-import { Interactive as kr } from "./components/Interactive/Interactive.js";
-import { Island as Dr, IslandCorner as br } from "./components/Island/Island.js";
-import { default as Pr } from "./components/Box/Box.js";
-import { stringPropFormater as _r } from "./components/RSC/Box/Box.js";
-import { Center as hr } from "./components/Layout/Center/Center.js";
-import { default as zr } from "./components/Flex/Flex.js";
-import { FlexAlignItemsEnum as Mr, FlexDirectionEnum as Nr, FlexJustifyContentEnum as Gr, FlexWrapEnum as Vr } from "./components/RSC/Flex/Flex.types.js";
-import { FlexRestricter as Yr } from "./components/RSC/Flex/FlexRestricter.js";
-import { Pad as Wr } from "./components/Layout/Pad/Pad.js";
-import { Page as Jr } from "./components/Layout/Page/Page.js";
-import { R as Zr } from "./Rail-CHFAf3wJ.js";
-import { Scrollable as qr } from "./components/Scrollable/Scrollable.js";
-import { VirtualScrollable as oe } from "./components/Scrollable/VirtualScrollable.js";
-import { Loaf as ee } from "./components/Loaf/Loaf.js";
-import { Modal as ae } from "./components/Modal/Modal.js";
-import { NavList as me } from "./components/NavList/NavList.js";
-import { OVERLAY_OUTLET_ID as xe, Overlay as ne } from "./components/Overlay/Overlay.js";
-import { Popover as ue } from "./components/Popover/Popover.js";
-import { PremiumBadge as ie } from "./components/PremiumBadge/PremiumBadge.js";
-import { Prose as ce } from "./components/Prose/Prose.js";
-import { Radio as Ie } from "./components/Radio/Radio.js";
-import { Select as ge } from "./components/Select/Select.js";
-import { DropdownSelect as Ee } from "./components/DropdownSelect/DropdownSelect.js";
-import { Separator as Se } from "./components/Separator/Separator.js";
-import { Shroud as Re } from "./components/Shroud/Shroud.js";
-import { Slider as Ae } from "./components/Slider/Slider.js";
-import { Spacer as be } from "./components/Spacer/Spacer.js";
-import { Style as Pe, useContextualStyle as Fe } from "./components/Style/Style.js";
-import { default as ve } from "./components/Switch/Switch.js";
-import { ToggleGroup as Ue } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as we } from "./components/Tabular/Tabular.js";
-import { DataTable as Ne, DataTableHeaderItem as Ge, DataTableRow as Ve } from "./components/DataTable/DataTable.js";
-import { Table as Ye } from "./components/Table/index.js";
-import { DEFAULT_TEXT_COLOR as We, TEXT_OPACITY_MAP as Xe, Text as Je, TextBlock as Qe, getTextOpacity as Ze, textSizeResponsiveValueFormatter as je } from "./components/Text/Text.js";
-import { Textarea as $e } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as rt, Title as et, titleGetCoords as tt, titleGetCssStyle as at } from "./components/Title/Title.js";
-import { default as mt } from "./components/InputDropzone/InputDropzone.js";
-import { default as xt } from "./components/InputDropzone/ItemPreview.js";
-import { default as lt } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as st } from "./components/OnScreenSensor.js";
-import { Symbols as dt } from "./components/Symbols.js";
-import { default as Tt } from "./components/Table/TableIconButton.js";
+import { useOutlet as g } from "./utils/hooks/useOutlet.js";
+import { CLIPBOARD_TITLE_APPEARANCE as L, useClipboardComponent as R } from "./utils/hooks/useClipboardComponent.js";
+import { formatDate as y } from "./utils/formatDate.js";
+import { CURRENCY_MAP as A, FREE_PRICE_TEXT as D, formatCurrency as b } from "./utils/formatCurrency.js";
+import { identity as _, invoke as O, noop as F, returnFalse as v, returnTrue as h } from "./utils/functional.js";
+import { Linkify as z, defaultLinkReplacer as M, defaultLinkReplacerx as N, isExternalUrl as w, linkify as G, linkifyx as V, matchLinkNodes as Y, matchLinks as K } from "./utils/links.js";
+import { clamp as H, clamp01 as W, minmax as J } from "./utils/math.js";
+import { isFalseString as Z, isTrueString as j, normalizeSlashes as q, replaceRange as $, splitByIndices as oo, unicodeCharAt as ro } from "./utils/string.js";
+import { debounce as to, throttle as ao } from "./utils/execution.js";
+import { getColor as mo } from "./utils/color.js";
+import { ui as xo } from "./utils/ui/ui.js";
+import { BorderRadiusEnum as lo, ColorEnum as uo, MediaQueryEnum as so, OffsetEnum as io, TextSizeEnum as co, ZIndexEnum as To } from "./utils/ui/ui.types.js";
+import { isInEnum as Co } from "./utils/enum.js";
+import { default as go } from "./components/IconButton/IconButton.js";
+import { Accordion as Lo, AccordionContent as Ro, AccordionHeader as So, AccordionItem as yo, AccordionTrigger as Po } from "./components/Accordion/Accordion.js";
+import { default as Do } from "./components/ClipboardButton/ClipboardButton.js";
+import { default as ko } from "./components/Checkbox/Checkbox.js";
+import { default as Oo, ButtonContent as Fo, getButtonClassName as vo } from "./components/Button/Button.js";
+import { ButtonBar as Uo } from "./components/Button/ButtonBar.js";
+import { LinkButton as Mo } from "./components/Button/LinkButton.js";
+import { BurgerMenuButton as wo } from "./components/BurgerMenu/BurgerMenuButton.js";
+import { BurgerMenu as Vo } from "./components/BurgerMenu/BurgerMenu.js";
+import { default as Ko, getLinkClassName as Xo, getLinkStyles as Ho } from "./components/Link/Link.js";
+import { default as Jo } from "./components/Link/ButtonLink.js";
+import { Avatar as Zo } from "./components/Avatar/Avatar.js";
+import { BACKDROP_OUTLET_ID as qo, default as $o } from "./components/BackdropPortal/BackdropPortal.js";
+import { Badge as rr } from "./components/Badge/Badge.js";
+import { default as tr } from "./components/ControlBox/ControlBox.js";
+import { default as fr } from "./components/CountryFlag/CountryFlag.js";
+import { default as pr } from "./components/Decorate/Decorate.js";
+import { Dot as nr } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as ur, Flyout as sr } from "./components/Flyout/Flyout.js";
+import { Logos as dr } from "./components/Logos/index.js";
+import { I as Tr } from "./cfxIcons-B9nzO6TW.js";
+import { I as Cr } from "./cfxIconsBig-BLJjMT-Y.js";
+import { Icon as gr } from "./components/Icon/Icon.js";
+import { IconBig as Lr } from "./components/IconBig/IconBig.js";
+import { Indicator as Sr } from "./components/Indicator/Indicator.js";
+import { default as Pr } from "./components/InfoPanel/InfoPanel.js";
+import { default as Dr } from "./components/Input/Input.js";
+import { default as kr } from "./components/Input/RichInput.js";
+import { Interactive as Or } from "./components/Interactive/Interactive.js";
+import { Island as vr, IslandCorner as hr } from "./components/Island/Island.js";
+import { default as zr } from "./components/Box/Box.js";
+import { stringPropFormater as Nr } from "./components/RSC/Box/Box.js";
+import { Center as Gr } from "./components/Layout/Center/Center.js";
+import { default as Yr } from "./components/Flex/Flex.js";
+import { FlexAlignItemsEnum as Xr, FlexDirectionEnum as Hr, FlexJustifyContentEnum as Wr, FlexWrapEnum as Jr } from "./components/RSC/Flex/Flex.types.js";
+import { FlexRestricter as Zr } from "./components/RSC/Flex/FlexRestricter.js";
+import { Pad as qr } from "./components/Layout/Pad/Pad.js";
+import { Page as oe } from "./components/Layout/Page/Page.js";
+import { R as ee } from "./Rail-CHFAf3wJ.js";
+import { Scrollable as ae } from "./components/Scrollable/Scrollable.js";
+import { VirtualScrollable as me } from "./components/Scrollable/VirtualScrollable.js";
+import { Loaf as xe } from "./components/Loaf/Loaf.js";
+import { Modal as le } from "./components/Modal/Modal.js";
+import { NavList as se } from "./components/NavList/NavList.js";
+import { OVERLAY_OUTLET_ID as de, Overlay as ce } from "./components/Overlay/Overlay.js";
+import { default as Ie } from "./components/Pagination/Pagination.js";
+import { Popover as Ee } from "./components/Popover/Popover.js";
+import { PremiumBadge as Be } from "./components/PremiumBadge/PremiumBadge.js";
+import { Prose as Re } from "./components/Prose/Prose.js";
+import { Radio as ye } from "./components/Radio/Radio.js";
+import { Select as Ae } from "./components/Select/Select.js";
+import { DropdownSelect as be } from "./components/DropdownSelect/DropdownSelect.js";
+import { Separator as _e } from "./components/Separator/Separator.js";
+import { Shroud as Fe } from "./components/Shroud/Shroud.js";
+import { Slider as he } from "./components/Slider/Slider.js";
+import { Spacer as ze } from "./components/Spacer/Spacer.js";
+import { Style as Ne, useContextualStyle as we } from "./components/Style/Style.js";
+import { default as Ve } from "./components/Switch/Switch.js";
+import { ToggleGroup as Ke } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as He } from "./components/Tabular/Tabular.js";
+import { DataTable as Je, DataTableHeaderItem as Qe, DataTableRow as Ze } from "./components/DataTable/DataTable.js";
+import { Table as qe } from "./components/Table/index.js";
+import { default as ot } from "./components/TableResponsiveText/TableResponsiveText.js";
+import { DEFAULT_TEXT_COLOR as et, TEXT_OPACITY_MAP as tt, Text as at, TextBlock as ft, getTextOpacity as mt, textSizeResponsiveValueFormatter as pt } from "./components/Text/Text.js";
+import { Textarea as nt } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as ut, Title as st, titleGetCoords as it, titleGetCssStyle as dt } from "./components/Title/Title.js";
+import { default as Tt } from "./components/InputDropzone/InputDropzone.js";
+import { default as Ct } from "./components/InputDropzone/ItemPreview.js";
+import { default as gt } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as Lt } from "./components/OnScreenSensor.js";
+import { Symbols as St } from "./components/Symbols.js";
+import { default as Pt } from "./components/Table/TableIconButton.js";
 export {
-  To as Accordion,
-  Io as AccordionContent,
-  Co as AccordionHeader,
-  go as AccordionItem,
-  Bo as AccordionTrigger,
-  Yo as Avatar,
-  Wo as BACKDROP_OUTLET_ID,
-  Xo as BackdropPortal,
-  Qo as Badge,
-  ao as BorderRadiusEnum,
-  Pr as Box,
-  Uo as BurgerMenu,
-  vo as BurgerMenuButton,
-  ko as Button,
-  Oo as ButtonBar,
-  Ao as ButtonContent,
-  Vo as ButtonLink,
+  Lo as Accordion,
+  Ro as AccordionContent,
+  So as AccordionHeader,
+  yo as AccordionItem,
+  Po as AccordionTrigger,
+  Zo as Avatar,
+  qo as BACKDROP_OUTLET_ID,
+  $o as BackdropPortal,
+  rr as Badge,
+  lo as BorderRadiusEnum,
+  zr as Box,
+  Vo as BurgerMenu,
+  wo as BurgerMenuButton,
+  Oo as Button,
+  Uo as ButtonBar,
+  Fo as ButtonContent,
+  Jo as ButtonLink,
   L as CLIPBOARD_TITLE_APPEARANCE,
-  hr as Center,
-  yo as Checkbox,
-  Lo as ClipboardButton,
-  fo as ColorEnum,
-  jo as ControlBox,
-  $o as CountryFlag,
-  We as DEFAULT_TEXT_COLOR,
-  Ne as DataTable,
-  Ge as DataTableHeaderItem,
-  Ve as DataTableRow,
-  rr as Decorate,
-  tr as Dot,
-  Ee as DropdownSelect,
-  xt as DropzoneItemPreview,
-  fr as FLYOUT_OUTLET_ID,
-  zr as Flex,
-  Mr as FlexAlignItemsEnum,
-  Nr as FlexDirectionEnum,
-  Gr as FlexJustifyContentEnum,
-  Yr as FlexRestricter,
-  Vr as FlexWrapEnum,
-  mr as Flyout,
-  dr as Icon,
-  Tr as IconBig,
-  io as IconButton,
-  lr as Icons,
-  sr as IconsBig,
-  Cr as Indicator,
-  Br as InfoPanel,
-  Lr as Input,
-  mt as InputDropzone,
-  kr as Interactive,
-  Dr as Island,
-  br as IslandCorner,
-  wo as Link,
-  Fo as LinkButton,
-  P as Linkify,
-  ee as Loaf,
-  xr as Logos,
-  mo as MediaQueryEnum,
-  ae as Modal,
-  me as NavList,
-  xe as OVERLAY_OUTLET_ID,
-  po as OffsetEnum,
-  st as OnScreenSensor,
-  ne as Overlay,
-  Wr as Pad,
-  Jr as Page,
-  ue as Popover,
-  ie as PremiumBadge,
-  ce as Prose,
-  Ie as Radio,
-  Zr as Rail,
-  yr as RichInput,
-  qr as Scrollable,
-  ge as Select,
-  Se as Separator,
-  Re as Shroud,
-  lt as Skeleton,
-  Ae as Slider,
-  be as Spacer,
-  Pe as Style,
-  ve as Switch,
-  dt as Symbols,
-  Xe as TEXT_OPACITY_MAP,
-  rt as TITLE_OUTLET_ID,
-  Ye as Table,
-  Tt as TableIconButton,
-  we as Tabular,
-  Je as Text,
-  Qe as TextBlock,
-  xo as TextSizeEnum,
-  $e as Textarea,
-  et as Title,
-  Ue as ToggleGroup,
-  oe as VirtualScrollable,
-  no as ZIndexEnum,
-  N as clamp,
-  G as clamp01,
+  A as CURRENCY_MAP,
+  Gr as Center,
+  ko as Checkbox,
+  Do as ClipboardButton,
+  uo as ColorEnum,
+  tr as ControlBox,
+  fr as CountryFlag,
+  et as DEFAULT_TEXT_COLOR,
+  Je as DataTable,
+  Qe as DataTableHeaderItem,
+  Ze as DataTableRow,
+  pr as Decorate,
+  nr as Dot,
+  be as DropdownSelect,
+  Ct as DropzoneItemPreview,
+  ur as FLYOUT_OUTLET_ID,
+  D as FREE_PRICE_TEXT,
+  Yr as Flex,
+  Xr as FlexAlignItemsEnum,
+  Hr as FlexDirectionEnum,
+  Wr as FlexJustifyContentEnum,
+  Zr as FlexRestricter,
+  Jr as FlexWrapEnum,
+  sr as Flyout,
+  gr as Icon,
+  Lr as IconBig,
+  go as IconButton,
+  Tr as Icons,
+  Cr as IconsBig,
+  Sr as Indicator,
+  Pr as InfoPanel,
+  Dr as Input,
+  Tt as InputDropzone,
+  Or as Interactive,
+  vr as Island,
+  hr as IslandCorner,
+  Ko as Link,
+  Mo as LinkButton,
+  z as Linkify,
+  xe as Loaf,
+  dr as Logos,
+  so as MediaQueryEnum,
+  le as Modal,
+  se as NavList,
+  de as OVERLAY_OUTLET_ID,
+  io as OffsetEnum,
+  Lt as OnScreenSensor,
+  ce as Overlay,
+  qr as Pad,
+  oe as Page,
+  Ie as Pagination,
+  Ee as Popover,
+  Be as PremiumBadge,
+  Re as Prose,
+  ye as Radio,
+  ee as Rail,
+  kr as RichInput,
+  ae as Scrollable,
+  Ae as Select,
+  _e as Separator,
+  Fe as Shroud,
+  gt as Skeleton,
+  he as Slider,
+  ze as Spacer,
+  Ne as Style,
+  Ve as Switch,
+  St as Symbols,
+  tt as TEXT_OPACITY_MAP,
+  ut as TITLE_OUTLET_ID,
+  qe as Table,
+  Pt as TableIconButton,
+  ot as TableResponsiveText,
+  He as Tabular,
+  at as Text,
+  ft as TextBlock,
+  co as TextSizeEnum,
+  nt as Textarea,
+  st as Title,
+  Ke as ToggleGroup,
+  me as VirtualScrollable,
+  To as ZIndexEnum,
+  H as clamp,
+  W as clamp01,
   a as clsx,
-  j as debounce,
-  F as defaultLinkReplacer,
-  _ as defaultLinkReplacerx,
-  Do as getButtonClassName,
-  oo as getColor,
-  Mo as getLinkClassName,
-  No as getLinkStyles,
-  Ze as getTextOpacity,
+  to as debounce,
+  M as defaultLinkReplacer,
+  N as defaultLinkReplacerx,
+  b as formatCurrency,
+  y as formatDate,
+  vo as getButtonClassName,
+  mo as getColor,
+  Xo as getLinkClassName,
+  Ho as getLinkStyles,
+  mt as getTextOpacity,
   m as getValue,
-  R as identity,
-  k as invoke,
-  v as isExternalUrl,
-  Y as isFalseString,
-  uo as isInEnum,
-  H as isTrueString,
-  h as linkify,
-  U as linkifyx,
-  z as matchLinkNodes,
-  w as matchLinks,
+  _ as identity,
+  O as invoke,
+  w as isExternalUrl,
+  Z as isFalseString,
+  Co as isInEnum,
+  j as isTrueString,
+  G as linkify,
+  V as linkifyx,
+  Y as matchLinkNodes,
+  K as matchLinks,
   e as mergeRefs,
-  V as minmax,
-  A as noop,
-  W as normalizeSlashes,
-  X as replaceRange,
-  D as returnFalse,
-  b as returnTrue,
-  J as splitByIndices,
-  _r as stringPropFormater,
-  je as textSizeResponsiveValueFormatter,
-  q as throttle,
-  tt as titleGetCoords,
-  at as titleGetCssStyle,
-  eo as ui,
-  Q as unicodeCharAt,
-  S as useClipboardComponent,
-  Fe as useContextualStyle,
+  J as minmax,
+  F as noop,
+  q as normalizeSlashes,
+  $ as replaceRange,
+  v as returnFalse,
+  h as returnTrue,
+  oo as splitByIndices,
+  Nr as stringPropFormater,
+  pt as textSizeResponsiveValueFormatter,
+  ao as throttle,
+  it as titleGetCoords,
+  dt as titleGetCssStyle,
+  xo as ui,
+  ro as unicodeCharAt,
+  R as useClipboardComponent,
+  we as useContextualStyle,
   s as useDynamicRef,
   d as useGlobalKeyboardEvent,
   l as useInstance,
   T as useKeyboardClose,
-  B as useOutlet,
+  g as useOutlet,
   x as usePopoverController,
   C as useWindowResize
 };

package/dist/utils/formatCurrency.d.ts

@@ -0,0 +1,5 @@
+export declare const FREE_PRICE_TEXT = "free";
+export declare function buildCurrencySymbol(currency: string): string;
+export declare const CURRENCY_MAP: Record<string, string>;
+export declare function getCurrencySymbol(currency: string): string;
+export declare const formatCurrency: (price: number, currency: string, fixToTwoDecimalsRaw?: boolean) => string;

package/dist/utils/formatCurrency.js

@@ -0,0 +1,35 @@
+const e = "free";
+function i(t) {
+  return 0 .toLocaleString(
+    "en-US",
+    {
+      style: "currency",
+      currency: t,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    }
+  ).replace(/\d/g, "").trim();
+}
+const c = {
+  USD: i("USD"),
+  EUR: i("EUR")
+};
+function C(t) {
+  return c[t] ? c[t] : i(t);
+}
+const S = (t, n, r) => {
+  if (n === "")
+    return e;
+  const m = r === void 0 ? t % 100 !== 0 : r, s = C(n), o = t === 0 ? 0 : t / 100, u = m ? o.toFixed(2) : o, [l, a] = u.toString().split("."), d = [
+    l.replace(/\B(?=(\d{3})+(?!\d))/g, ","),
+    a
+  ].filter(Boolean).join(".");
+  return o === 0 ? e : `${s}${d}`;
+};
+export {
+  c as CURRENCY_MAP,
+  e as FREE_PRICE_TEXT,
+  i as buildCurrencySymbol,
+  S as formatCurrency,
+  C as getCurrencySymbol
+};

package/dist/utils/formatDate.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date: string | number | null | undefined, noTime?: boolean): string;

package/dist/utils/formatDate.js

@@ -0,0 +1,13 @@
+function r(i, e = !1) {
+  return i ? new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: e ? void 0 : "numeric",
+    minute: e ? void 0 : "numeric",
+    second: e ? void 0 : "numeric"
+  }).format(new Date(i)) : "N/A";
+}
+export {
+  r as formatDate
+};

package/package.json

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