@cfx-dev/ui-components 4.3.4 → 4.3.6

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

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

package/dist/utils/formatDate.js

@@ -1,13 +1,29 @@
-function r(i, e = !1) {
-  return i ? new Intl.DateTimeFormat(void 0, {
+function n(e, t = !1) {
+  return e ? 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";
+    hour: t ? void 0 : "numeric",
+    minute: t ? void 0 : "numeric",
+    second: t ? void 0 : "numeric"
+  }).format(new Date(e)) : "N/A";
+}
+function r(e) {
+  return new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }).format(new Date(e));
+}
+function a(e) {
+  return new Date(e).toLocaleDateString("en-US", {
+    month: "numeric",
+    day: "numeric",
+    year: "numeric"
+  });
 }
 export {
-  r as formatDate
+  n as formatDate,
+  a as formatLocaleDate,
+  r as formatShortDate
 };

package/package.json

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