@cfx-dev/ui-components 4.3.17 → 4.3.18

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import { TextPropsWithRef } from '../Text';
+
+export type LabelProps = Omit<TextPropsWithRef, 'as'>;
+declare function Label(props: LabelProps): import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/components/Label/Label.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Text as s } from "../Text/Text.js";
+import "../../utils/ui/ui.js";
+function m(r) {
+  const {
+    children: t,
+    ...o
+  } = r;
+  return /* @__PURE__ */ e(
+    s,
+    {
+      as: "label",
+      ...o,
+      children: t
+    }
+  );
+}
+export {
+  m as default
+};

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

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

package/dist/components/Label/index.js

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

package/dist/components/Text/Text.d.ts

@@ -1,15 +1,11 @@
-import { default as React } from 'react';
-import { TextOpacity, TextProps, ResponsiveTextSize } from './Text.types';
+import { TextOpacity, ResponsiveTextSize, TextPropsWithRef } from './Text.types';
 
 export declare const textSizeResponsiveValueFormatter: (val: ResponsiveTextSize) => string;
 export declare const lineHeightResponsiveValueFormatter: (val: ResponsiveTextSize) => string;
 export declare const TEXT_OPACITY_MAP: Record<TextOpacity, number | string>;
 export declare const getTextOpacity: (opacity?: TextOpacity, otherwise?: string | number) => string | number;
 export declare const DEFAULT_TEXT_COLOR = "primary";
-export declare function Text(props: TextProps & {
-    ref?: React.Ref<HTMLElement>;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TextBlock(props: TextProps & {
+export declare function Text(props: TextPropsWithRef): import("react/jsx-runtime").JSX.Element;
+export declare function TextBlock(props: TextPropsWithRef & {
     asDiv?: undefined;
-    ref?: React.Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Text/Text.types.d.ts

@@ -39,4 +39,7 @@ export interface TextColorProps extends GetColorProps {
 }
 export interface TextProps extends TextPropsBase, TextColorProps {
 }
+export type TextPropsWithRef = TextProps & {
+    ref?: React.Ref<HTMLElement>;
+};
 export {};

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

@@ -1,3 +1,3 @@
 export { Text, TextBlock, TEXT_OPACITY_MAP, DEFAULT_TEXT_COLOR, getTextOpacity, textSizeResponsiveValueFormatter, } from './Text';
 export { TextSizeEnum } from '../../utils/ui';
-export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, ResponsiveTextSize, TextFamaly, } from './Text.types';
+export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, ResponsiveTextSize, TextFamaly, TextPropsWithRef, } from './Text.types';

package/dist/main.d.ts

@@ -126,7 +126,9 @@ export type { TableRootProps, TableBodyProps, TableHeaderProps, TableCellProps,
 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 type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, TextFamaly, TextPropsWithRef, } from './components/Text';
+export { Label } from './components/Label';
+export type { LabelProps } from './components/Label';
 export { Textarea } from './components/Textarea';
 export type { TextareaProps } from './components/Textarea';
 export { TITLE_OUTLET_ID, titleGetCssStyle, titleGetCoords, Title, } from './components/Title';

package/dist/main.js

@@ -8,9 +8,9 @@ import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEven
 import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
 import { useWindowResize as C } from "./utils/hooks/useWindowResize.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 { CLIPBOARD_TITLE_APPEARANCE as B, useClipboardComponent as R } from "./utils/hooks/useClipboardComponent.js";
 import { formatDate as D, formatLocaleDate as y, formatShortDate as P } from "./utils/formatDate.js";
-import { CURRENCY_MAP as b, FREE_PRICE_TEXT as k, formatCurrency as _ } from "./utils/formatCurrency.js";
+import { CURRENCY_MAP as A, 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 M } from "./utils/functional.js";
 import { Linkify as z, defaultLinkReplacer as N, 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 J, minmax as Q } from "./utils/math.js";
@@ -20,9 +20,9 @@ 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 { joaat32 as Lo } from "./utils/joaat32.js";
+import { joaat32 as Bo } from "./utils/joaat32.js";
 import { default as So } from "./components/IconButton/IconButton.js";
-import { Accordion as yo, AccordionContent as Po, AccordionHeader as Ao, AccordionItem as bo, AccordionTrigger as ko } from "./components/Accordion/Accordion.js";
+import { Accordion as yo, AccordionContent as Po, AccordionHeader as bo, AccordionItem as Ao, AccordionTrigger as ko } from "./components/Accordion/Accordion.js";
 import { default as Oo } from "./components/ClipboardButton/ClipboardButton.js";
 import { default as vo } from "./components/Checkbox/Checkbox.js";
 import { default as Uo, ButtonContent as Mo, getButtonClassName as wo } from "./components/Button/Button.js";
@@ -42,10 +42,10 @@ import { Dot as ir } from "./components/Dot/Dot.js";
 import { FLYOUT_OUTLET_ID as cr, Flyout as Tr } from "./components/Flyout/Flyout.js";
 import { Logos as Cr } from "./components/Logos/index.js";
 import { I as gr } from "./cfxIcons-B9nzO6TW.js";
-import { I as Lr } from "./cfxIconsBig-BLJjMT-Y.js";
+import { I as Br } from "./cfxIconsBig-BLJjMT-Y.js";
 import { Icon as Sr } from "./components/Icon/Icon.js";
 import { IconBig as yr } from "./components/IconBig/IconBig.js";
-import { Indicator as Ar } from "./components/Indicator/Indicator.js";
+import { Indicator as br } from "./components/Indicator/Indicator.js";
 import { default as kr } from "./components/InfoPanel/InfoPanel.js";
 import { default as Or } from "./components/Input/Input.js";
 import { default as vr } from "./components/Input/RichInput.js";
@@ -66,11 +66,11 @@ import { Loaf as se } from "./components/Loaf/Loaf.js";
 import { Modal as de } from "./components/Modal/Modal.js";
 import { NavList as Te } from "./components/NavList/NavList.js";
 import { OVERLAY_OUTLET_ID as Ce, Overlay as Ee } from "./components/Overlay/Overlay.js";
-import { default as Be } from "./components/Pagination/Pagination.js";
+import { default as Le } from "./components/Pagination/Pagination.js";
 import { Popover as Re } from "./components/Popover/Popover.js";
 import { PremiumBadge as De } from "./components/PremiumBadge/PremiumBadge.js";
 import { Prose as Pe } from "./components/Prose/Prose.js";
-import { Radio as be } from "./components/Radio/Radio.js";
+import { Radio as Ae } from "./components/Radio/Radio.js";
 import { Select as _e } from "./components/Select/Select.js";
 import { DropdownSelect as Fe } from "./components/DropdownSelect/DropdownSelect.js";
 import { default as he } from "./components/DropdownMenu/DropdownMenu.js";
@@ -86,19 +86,20 @@ import { DataTable as ot, DataTableHeaderItem as rt, DataTableRow as et } from "
 import { Table as at } from "./components/Table/index.js";
 import { default as mt } from "./components/TableResponsiveText/TableResponsiveText.js";
 import { DEFAULT_TEXT_COLOR as xt, TEXT_OPACITY_MAP as nt, Text as lt, TextBlock as ut, getTextOpacity as st, textSizeResponsiveValueFormatter as it } from "./components/Text/Text.js";
-import { Textarea as ct } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as It, Title as Ct, titleGetCoords as Et, titleGetCssStyle as gt } 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 yt } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as At } from "./components/OnScreenSensor.js";
-import { Symbols as kt } from "./components/Symbols.js";
-import { default as Ot } from "./components/Table/TableIconButton.js";
+import { default as ct } from "./components/Label/Label.js";
+import { Textarea as It } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as Et, Title as gt, titleGetCoords as Lt, titleGetCssStyle as Bt } from "./components/Title/Title.js";
+import { default as St } from "./components/InputDropzone/InputDropzone.js";
+import { default as yt } from "./components/InputDropzone/ItemPreview.js";
+import { default as bt } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as kt } from "./components/OnScreenSensor.js";
+import { Symbols as Ot } from "./components/Symbols.js";
+import { default as vt } from "./components/Table/TableIconButton.js";
 export {
   yo as Accordion,
   Po as AccordionContent,
-  Ao as AccordionHeader,
-  bo as AccordionItem,
+  bo as AccordionHeader,
+  Ao as AccordionItem,
   ko as AccordionTrigger,
   or as Avatar,
   er as BACKDROP_OUTLET_ID,
@@ -112,8 +113,8 @@ export {
   No as ButtonBar,
   Mo as ButtonContent,
   qo as ButtonLink,
-  L as CLIPBOARD_TITLE_APPEARANCE,
-  b as CURRENCY_MAP,
+  B as CLIPBOARD_TITLE_APPEARANCE,
+  A as CURRENCY_MAP,
   Xr as Center,
   vo as Checkbox,
   Oo as ClipboardButton,
@@ -128,7 +129,7 @@ export {
   ir as Dot,
   he as DropdownMenu,
   Fe as DropdownSelect,
-  St as DropzoneItemPreview,
+  yt as DropzoneItemPreview,
   cr as FLYOUT_OUTLET_ID,
   k as FREE_PRICE_TEXT,
   Wr as Flex,
@@ -142,14 +143,15 @@ export {
   yr as IconBig,
   So as IconButton,
   gr as Icons,
-  Lr as IconsBig,
-  Ar as Indicator,
+  Br as IconsBig,
+  br as Indicator,
   kr as InfoPanel,
   Or as Input,
-  Lt as InputDropzone,
+  St as InputDropzone,
   Ur as Interactive,
   wr as Island,
   zr as IslandCorner,
+  ct as Label,
   jo as Link,
   Vo as LinkButton,
   z as Linkify,
@@ -160,38 +162,38 @@ export {
   Te as NavList,
   Ce as OVERLAY_OUTLET_ID,
   To as OffsetEnum,
-  At as OnScreenSensor,
+  kt as OnScreenSensor,
   Ee as Overlay,
   ee as Pad,
   ae as Page,
-  Be as Pagination,
+  Le as Pagination,
   Re as Popover,
   De as PremiumBadge,
   Pe as Prose,
-  be as Radio,
+  Ae as Radio,
   me as Rail,
   vr as RichInput,
   xe as Scrollable,
   _e as Select,
   Me as Separator,
   ze as Shroud,
-  yt as Skeleton,
+  bt as Skeleton,
   Ge as Slider,
   Ye as Spacer,
   Xe as Style,
   je as Switch,
-  kt as Symbols,
+  Ot as Symbols,
   nt as TEXT_OPACITY_MAP,
-  It as TITLE_OUTLET_ID,
+  Et as TITLE_OUTLET_ID,
   at as Table,
-  Ot as TableIconButton,
+  vt as TableIconButton,
   mt as TableResponsiveText,
   qe as Tabular,
   lt as Text,
   ut as TextBlock,
   Io as TextSizeEnum,
-  ct as Textarea,
-  Ct as Title,
+  It as Textarea,
+  gt as Title,
   Qe as ToggleGroup,
   le as VirtualScrollable,
   Co as ZIndexEnum,
@@ -217,7 +219,7 @@ export {
   q as isFalseString,
   go as isInEnum,
   $ as isTrueString,
-  Lo as joaat32,
+  Bo as joaat32,
   Y as linkify,
   K as linkifyx,
   X as matchLinkNodes,
@@ -233,8 +235,8 @@ export {
   Yr as stringPropFormater,
   it as textSizeResponsiveValueFormatter,
   mo as throttle,
-  Et as titleGetCoords,
-  gt as titleGetCssStyle,
+  Lt as titleGetCoords,
+  Bt as titleGetCssStyle,
   lo as ui,
   to as unicodeCharAt,
   R as useClipboardComponent,

package/package.json

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