@cfx-dev/ui-components 4.5.20 → 4.5.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.d.ts +1 -1
  2. package/dist/main.js +193 -192
  3. package/dist/utils/ui/index.d.ts +1 -1
  4. package/dist/utils/ui/index.js +6 -5
  5. package/dist/utils/ui/ui.types.d.ts +1 -0
  6. package/dist/utils/ui/ui.types.js +13 -3
  7. package/package.json +1 -1
package/dist/main.d.ts CHANGED
@@ -15,7 +15,7 @@ export { debounce, throttle, } from './utils/execution';
15
15
  export type { SetTimeoutReturn } from './utils/execution';
16
16
  export { getColor } from './utils/color';
17
17
  export type { GetColorProps } from './utils/color';
18
- export { ui, OffsetEnum, MediaQueryEnum, BorderRadiusEnum, ZIndexEnum, ColorEnum, } from './utils/ui';
18
+ export { ui, OffsetEnum, MediaQueryEnum, MediaQueryValuesMap, BorderRadiusEnum, ZIndexEnum, ColorEnum, } from './utils/ui';
19
19
  export type { OffsetType, MediaQueryType, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusType, ZIndexType, ColorType, OpacityRange, } from './utils/ui';
20
20
  export { isInEnum } from './utils/enum';
21
21
  export { joaat32 } from './utils/joaat32';
package/dist/main.js CHANGED
@@ -11,249 +11,250 @@ import { useOutlet as R } from "./utils/hooks/useOutlet.js";
11
11
  import { CLIPBOARD_TITLE_APPEARANCE as L, useClipboardComponent as S } from "./utils/hooks/useClipboardComponent.js";
12
12
  import { formatDate as y, formatLocaleDate as D, formatShortDate as O } from "./utils/formatDate.js";
13
13
  import { CURRENCY_MAP as A, FREE_PRICE_TEXT as P, formatCurrency as b } from "./utils/formatCurrency.js";
14
- import { identity as k, invoke as h, noop as v, returnFalse as U, returnTrue as M } from "./utils/functional.js";
15
- import { Linkify as w, defaultLinkReplacer as z, defaultLinkReplacerx as Y, isExternalUrl as V, linkify as G, linkifyx as H, matchLinkNodes as K, matchLinks as W } from "./utils/links.js";
16
- import { clamp as j, clamp01 as J, minmax as Q } from "./utils/math.js";
14
+ import { identity as k, invoke as h, noop as v, returnFalse as M, returnTrue as U } from "./utils/functional.js";
15
+ import { Linkify as w, defaultLinkReplacer as z, defaultLinkReplacerx as V, isExternalUrl as Y, linkify as G, linkifyx as H, matchLinkNodes as K, matchLinks as W } from "./utils/links.js";
16
+ import { clamp as Q, clamp01 as j, minmax as J } from "./utils/math.js";
17
17
  import { isFalseString as q, isTrueString as $, normalizeSlashes as oo, replaceRange as eo, splitByIndices as ro, unicodeCharAt as to } from "./utils/string.js";
18
18
  import { debounce as fo, throttle as mo } from "./utils/execution.js";
19
19
  import { getColor as xo } from "./utils/color.js";
20
20
  import { ui as lo } from "./utils/ui/ui.js";
21
- 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";
22
- import { isInEnum as Ro } from "./utils/enum.js";
23
- import { joaat32 as Lo } from "./utils/joaat32.js";
24
- import { default as Bo } from "./components/IconButton/IconButton.js";
25
- import { Accordion as Do, AccordionContent as Oo, AccordionHeader as _o, AccordionItem as Ao, AccordionTrigger as Po } from "./components/Accordion/Accordion.js";
26
- import { default as Fo } from "./components/ClipboardButton/ClipboardButton.js";
27
- import { default as ho } from "./components/Checkbox/Checkbox.js";
28
- import { default as Uo, ButtonContent as Mo, getButtonClassName as No } from "./components/Button/Button.js";
29
- import { ButtonBar as zo } from "./components/Button/ButtonBar.js";
30
- import { LinkButton as Vo } from "./components/Button/LinkButton.js";
31
- import { BurgerMenuButton as Ho } from "./components/BurgerMenu/BurgerMenuButton.js";
32
- import { BurgerMenu as Wo } from "./components/BurgerMenu/BurgerMenu.js";
33
- import { default as jo, getLinkClassName as Jo, getLinkStyles as Qo } from "./components/Link/Link.js";
34
- import { default as qo } from "./components/Link/ButtonLink.js";
35
- import { Avatar as oe } from "./components/Avatar/Avatar.js";
36
- import { BACKDROP_OUTLET_ID as re, default as te } from "./components/BackdropPortal/BackdropPortal.js";
37
- import { Badge as fe } from "./components/Badge/Badge.js";
38
- import { default as pe } from "./components/ControlBox/ControlBox.js";
39
- import { default as ne } from "./components/CountryFlag/CountryFlag.js";
40
- import { default as ue } from "./components/Decorate/Decorate.js";
41
- import { Dot as ie } from "./components/Dot/Dot.js";
42
- import { FLYOUT_OUTLET_ID as ce, FLYOUT_ROOT_ID as Te, FLYOUT_ROOT_SHRINK_CLASSNAME as Ie, Flyout as Ce } from "./components/Flyout/Flyout.js";
43
- import { Logos as Re } from "./components/Logos/index.js";
44
- import { I as Le } from "./cfxIcons-B4SQ4Ljd.js";
45
- import { I as Be } from "./cfxIconsBig-BLJjMT-Y.js";
46
- import { Icon as De } from "./components/Icon/Icon.js";
47
- import { IconBig as _e } from "./components/IconBig/IconBig.js";
48
- import { Indicator as Pe } from "./components/Indicator/Indicator.js";
49
- import { default as Fe } from "./components/InfoPanel/InfoPanel.js";
50
- import { default as he } from "./components/Input/Input.js";
21
+ import { BorderRadiusEnum as so, ColorEnum as io, MediaQueryEnum as co, MediaQueryValuesMap as To, OffsetEnum as Io, TextSizeEnum as Co, ZIndexEnum as Eo } from "./utils/ui/ui.types.js";
22
+ import { isInEnum as go } from "./utils/enum.js";
23
+ import { joaat32 as So } from "./utils/joaat32.js";
24
+ import { default as yo } from "./components/IconButton/IconButton.js";
25
+ import { Accordion as Oo, AccordionContent as _o, AccordionHeader as Ao, AccordionItem as Po, AccordionTrigger as bo } from "./components/Accordion/Accordion.js";
26
+ import { default as ko } from "./components/ClipboardButton/ClipboardButton.js";
27
+ import { default as vo } from "./components/Checkbox/Checkbox.js";
28
+ import { default as Uo, ButtonContent as No, getButtonClassName as wo } from "./components/Button/Button.js";
29
+ import { ButtonBar as Vo } from "./components/Button/ButtonBar.js";
30
+ import { LinkButton as Go } from "./components/Button/LinkButton.js";
31
+ import { BurgerMenuButton as Ko } from "./components/BurgerMenu/BurgerMenuButton.js";
32
+ import { BurgerMenu as Xo } from "./components/BurgerMenu/BurgerMenu.js";
33
+ import { default as jo, getLinkClassName as Jo, getLinkStyles as Zo } from "./components/Link/Link.js";
34
+ import { default as $o } from "./components/Link/ButtonLink.js";
35
+ import { Avatar as ee } from "./components/Avatar/Avatar.js";
36
+ import { BACKDROP_OUTLET_ID as te, default as ae } from "./components/BackdropPortal/BackdropPortal.js";
37
+ import { Badge as me } from "./components/Badge/Badge.js";
38
+ import { default as xe } from "./components/ControlBox/ControlBox.js";
39
+ import { default as le } from "./components/CountryFlag/CountryFlag.js";
40
+ import { default as se } from "./components/Decorate/Decorate.js";
41
+ import { Dot as de } from "./components/Dot/Dot.js";
42
+ import { FLYOUT_OUTLET_ID as Te, FLYOUT_ROOT_ID as Ie, FLYOUT_ROOT_SHRINK_CLASSNAME as Ce, Flyout as Ee } from "./components/Flyout/Flyout.js";
43
+ import { Logos as ge } from "./components/Logos/index.js";
44
+ import { I as Se } from "./cfxIcons-B4SQ4Ljd.js";
45
+ import { I as ye } from "./cfxIconsBig-BLJjMT-Y.js";
46
+ import { Icon as Oe } from "./components/Icon/Icon.js";
47
+ import { IconBig as Ae } from "./components/IconBig/IconBig.js";
48
+ import { Indicator as be } from "./components/Indicator/Indicator.js";
49
+ import { default as ke } from "./components/InfoPanel/InfoPanel.js";
50
+ import { default as ve } from "./components/Input/Input.js";
51
51
  import { default as Ue } from "./components/Input/RichInput.js";
52
- import { default as Ne } from "./components/StyledInput/StyledInput.js";
53
- import { Interactive as ze } from "./components/Interactive/Interactive.js";
54
- import { Island as Ve, IslandCorner as Ge } from "./components/Island/Island.js";
55
- import { default as Ke } from "./components/Box/Box.js";
56
- import { stringPropFormater as Xe } from "./components/RSC/Box/Box.js";
52
+ import { default as we } from "./components/StyledInput/StyledInput.js";
53
+ import { Interactive as Ve } from "./components/Interactive/Interactive.js";
54
+ import { Island as Ge, IslandCorner as He } from "./components/Island/Island.js";
55
+ import { default as We } from "./components/Box/Box.js";
56
+ import { stringPropFormater as Qe } from "./components/RSC/Box/Box.js";
57
57
  import { Center as Je } from "./components/Layout/Center/Center.js";
58
- import { default as Ze } from "./components/Flex/Flex.js";
59
- import { FlexAlignItemsEnum as $e, FlexDirectionEnum as or, FlexJustifyContentEnum as er, FlexWrapEnum as rr } from "./components/RSC/Flex/Flex.types.js";
60
- import { FlexRestricter as ar } from "./components/RSC/Flex/FlexRestricter.js";
61
- import { Pad as mr } from "./components/Layout/Pad/Pad.js";
62
- import { Page as xr } from "./components/Layout/Page/Page.js";
63
- import { R as lr } from "./Rail-CHFAf3wJ.js";
64
- import { Scrollable as sr } from "./components/Scrollable/Scrollable.js";
65
- import { VirtualScrollable as dr } from "./components/Scrollable/VirtualScrollable.js";
66
- import { Loaf as Tr } from "./components/Loaf/Loaf.js";
67
- import { Modal as Cr } from "./components/Modal/Modal.js";
68
- import { NavList as Rr } from "./components/NavList/NavList.js";
69
- import { OVERLAY_OUTLET_ID as Lr, Overlay as Sr } from "./components/Overlay/Overlay.js";
70
- import { default as yr } from "./components/Pagination/Pagination.js";
71
- import { Popover as Or } from "./components/Popover/Popover.js";
72
- import { PremiumBadge as Ar } from "./components/PremiumBadge/PremiumBadge.js";
73
- import { Prose as br } from "./components/Prose/Prose.js";
74
- import { Radio as kr } from "./components/Radio/Radio.js";
75
- import { Select as vr } from "./components/Select/Select.js";
76
- import { DropdownSelect as Mr } from "./components/DropdownSelect/DropdownSelect.js";
77
- import { default as wr } from "./components/DropdownMenu/DropdownMenu.js";
58
+ import { default as qe } from "./components/Flex/Flex.js";
59
+ import { FlexAlignItemsEnum as or, FlexDirectionEnum as er, FlexJustifyContentEnum as rr, FlexWrapEnum as tr } from "./components/RSC/Flex/Flex.types.js";
60
+ import { FlexRestricter as fr } from "./components/RSC/Flex/FlexRestricter.js";
61
+ import { Pad as pr } from "./components/Layout/Pad/Pad.js";
62
+ import { Page as nr } from "./components/Layout/Page/Page.js";
63
+ import { R as ur } from "./Rail-CHFAf3wJ.js";
64
+ import { Scrollable as ir } from "./components/Scrollable/Scrollable.js";
65
+ import { VirtualScrollable as cr } from "./components/Scrollable/VirtualScrollable.js";
66
+ import { Loaf as Ir } from "./components/Loaf/Loaf.js";
67
+ import { Modal as Er } from "./components/Modal/Modal.js";
68
+ import { NavList as gr } from "./components/NavList/NavList.js";
69
+ import { OVERLAY_OUTLET_ID as Sr, Overlay as Br } from "./components/Overlay/Overlay.js";
70
+ import { default as Dr } from "./components/Pagination/Pagination.js";
71
+ import { Popover as _r } from "./components/Popover/Popover.js";
72
+ import { PremiumBadge as Pr } from "./components/PremiumBadge/PremiumBadge.js";
73
+ import { Prose as Fr } from "./components/Prose/Prose.js";
74
+ import { Radio as hr } from "./components/Radio/Radio.js";
75
+ import { Select as Mr } from "./components/Select/Select.js";
76
+ import { DropdownSelect as Nr } from "./components/DropdownSelect/DropdownSelect.js";
77
+ import { default as zr } from "./components/DropdownMenu/DropdownMenu.js";
78
78
  import { Separator as Yr } from "./components/Separator/Separator.js";
79
- import { Shroud as Gr } from "./components/Shroud/Shroud.js";
80
- import { Slider as Kr } from "./components/Slider/Slider.js";
81
- import { default as Xr } from "./components/Range/Range.js";
79
+ import { Shroud as Hr } from "./components/Shroud/Shroud.js";
80
+ import { Slider as Wr } from "./components/Slider/Slider.js";
81
+ import { default as Qr } from "./components/Range/Range.js";
82
82
  import { default as Jr } from "./components/Range/RangeInput.js";
83
- import { default as Zr } from "./components/Range/RangeWithInputs.js";
84
- import { Spacer as $r } from "./components/Spacer/Spacer.js";
85
- import { Style as et, useContextualStyle as rt } from "./components/Style/Style.js";
86
- import { default as at } from "./components/Switch/Switch.js";
87
- import { ToggleGroup as mt } from "./components/ToggleGroup/ToggleGroup.js";
88
- import { Tabular as xt } from "./components/Tabular/Tabular.js";
89
- import { DataTable as lt, DataTableHeaderItem as ut, DataTableRow as st } from "./components/DataTable/DataTable.js";
90
- import { Table as dt } from "./components/Table/index.js";
91
- import { default as Tt } from "./components/TableResponsiveText/TableResponsiveText.js";
92
- import { DEFAULT_TEXT_COLOR as Ct, TEXT_OPACITY_MAP as Et, Text as Rt, TextBlock as gt, getTextOpacity as Lt, lineHeightResponsiveValueFormatter as St, textSizeResponsiveValueFormatter as Bt } from "./components/Text/Text.js";
93
- import { default as Dt } from "./components/Label/Label.js";
94
- import { Textarea as _t } from "./components/Textarea/Textarea.js";
95
- import { default as Pt } from "./components/StyledTextarea/StyledTextarea.js";
96
- import { TITLE_OUTLET_ID as Ft, Title as kt, titleGetCoords as ht, titleGetCssStyle as vt } from "./components/Title/Title.js";
97
- import { default as Mt } from "./components/InputDropzone/InputDropzone.js";
98
- import { default as wt } from "./components/InputDropzone/ItemPreview.js";
83
+ import { default as qr } from "./components/Range/RangeWithInputs.js";
84
+ import { Spacer as ot } from "./components/Spacer/Spacer.js";
85
+ import { Style as rt, useContextualStyle as tt } from "./components/Style/Style.js";
86
+ import { default as ft } from "./components/Switch/Switch.js";
87
+ import { ToggleGroup as pt } from "./components/ToggleGroup/ToggleGroup.js";
88
+ import { Tabular as nt } from "./components/Tabular/Tabular.js";
89
+ import { DataTable as ut, DataTableHeaderItem as st, DataTableRow as it } from "./components/DataTable/DataTable.js";
90
+ import { Table as ct } from "./components/Table/index.js";
91
+ import { default as It } from "./components/TableResponsiveText/TableResponsiveText.js";
92
+ import { DEFAULT_TEXT_COLOR as Et, TEXT_OPACITY_MAP as Rt, Text as gt, TextBlock as Lt, getTextOpacity as St, lineHeightResponsiveValueFormatter as Bt, textSizeResponsiveValueFormatter as yt } from "./components/Text/Text.js";
93
+ import { default as Ot } from "./components/Label/Label.js";
94
+ import { Textarea as At } from "./components/Textarea/Textarea.js";
95
+ import { default as bt } from "./components/StyledTextarea/StyledTextarea.js";
96
+ import { TITLE_OUTLET_ID as kt, Title as ht, titleGetCoords as vt, titleGetCssStyle as Mt } from "./components/Title/Title.js";
97
+ import { default as Nt } from "./components/InputDropzone/InputDropzone.js";
98
+ import { default as zt } from "./components/InputDropzone/ItemPreview.js";
99
99
  import { default as Yt } from "./components/Skeleton/Skeleton.js";
100
- import { OnScreenSensor as Gt } from "./components/OnScreenSensor.js";
101
- import { Symbols as Kt } from "./components/Symbols.js";
102
- import { default as Xt } from "./components/Table/TableIconButton.js";
100
+ import { OnScreenSensor as Ht } from "./components/OnScreenSensor.js";
101
+ import { Symbols as Wt } from "./components/Symbols.js";
102
+ import { default as Qt } from "./components/Table/TableIconButton.js";
103
103
  export {
104
- Do as Accordion,
105
- Oo as AccordionContent,
106
- _o as AccordionHeader,
107
- Ao as AccordionItem,
108
- Po as AccordionTrigger,
109
- oe as Avatar,
110
- re as BACKDROP_OUTLET_ID,
111
- te as BackdropPortal,
112
- fe as Badge,
104
+ Oo as Accordion,
105
+ _o as AccordionContent,
106
+ Ao as AccordionHeader,
107
+ Po as AccordionItem,
108
+ bo as AccordionTrigger,
109
+ ee as Avatar,
110
+ te as BACKDROP_OUTLET_ID,
111
+ ae as BackdropPortal,
112
+ me as Badge,
113
113
  so as BorderRadiusEnum,
114
- Ke as Box,
115
- Wo as BurgerMenu,
116
- Ho as BurgerMenuButton,
114
+ We as Box,
115
+ Xo as BurgerMenu,
116
+ Ko as BurgerMenuButton,
117
117
  Uo as Button,
118
- zo as ButtonBar,
119
- Mo as ButtonContent,
120
- qo as ButtonLink,
118
+ Vo as ButtonBar,
119
+ No as ButtonContent,
120
+ $o as ButtonLink,
121
121
  L as CLIPBOARD_TITLE_APPEARANCE,
122
122
  A as CURRENCY_MAP,
123
123
  Je as Center,
124
- ho as Checkbox,
125
- Fo as ClipboardButton,
124
+ vo as Checkbox,
125
+ ko as ClipboardButton,
126
126
  io as ColorEnum,
127
- pe as ControlBox,
128
- ne as CountryFlag,
129
- Ct as DEFAULT_TEXT_COLOR,
130
- lt as DataTable,
131
- ut as DataTableHeaderItem,
132
- st as DataTableRow,
133
- ue as Decorate,
134
- ie as Dot,
135
- wr as DropdownMenu,
136
- Mr as DropdownSelect,
137
- wt as DropzoneItemPreview,
138
- ce as FLYOUT_OUTLET_ID,
139
- Te as FLYOUT_ROOT_ID,
140
- Ie as FLYOUT_ROOT_SHRINK_CLASSNAME,
127
+ xe as ControlBox,
128
+ le as CountryFlag,
129
+ Et as DEFAULT_TEXT_COLOR,
130
+ ut as DataTable,
131
+ st as DataTableHeaderItem,
132
+ it as DataTableRow,
133
+ se as Decorate,
134
+ de as Dot,
135
+ zr as DropdownMenu,
136
+ Nr as DropdownSelect,
137
+ zt as DropzoneItemPreview,
138
+ Te as FLYOUT_OUTLET_ID,
139
+ Ie as FLYOUT_ROOT_ID,
140
+ Ce as FLYOUT_ROOT_SHRINK_CLASSNAME,
141
141
  P as FREE_PRICE_TEXT,
142
- Ze as Flex,
143
- $e as FlexAlignItemsEnum,
144
- or as FlexDirectionEnum,
145
- er as FlexJustifyContentEnum,
146
- ar as FlexRestricter,
147
- rr as FlexWrapEnum,
148
- Ce as Flyout,
149
- De as Icon,
150
- _e as IconBig,
151
- Bo as IconButton,
152
- Le as Icons,
153
- Be as IconsBig,
154
- Pe as Indicator,
155
- Fe as InfoPanel,
156
- he as Input,
157
- Mt as InputDropzone,
158
- ze as Interactive,
159
- Ve as Island,
160
- Ge as IslandCorner,
161
- Dt as Label,
142
+ qe as Flex,
143
+ or as FlexAlignItemsEnum,
144
+ er as FlexDirectionEnum,
145
+ rr as FlexJustifyContentEnum,
146
+ fr as FlexRestricter,
147
+ tr as FlexWrapEnum,
148
+ Ee as Flyout,
149
+ Oe as Icon,
150
+ Ae as IconBig,
151
+ yo as IconButton,
152
+ Se as Icons,
153
+ ye as IconsBig,
154
+ be as Indicator,
155
+ ke as InfoPanel,
156
+ ve as Input,
157
+ Nt as InputDropzone,
158
+ Ve as Interactive,
159
+ Ge as Island,
160
+ He as IslandCorner,
161
+ Ot as Label,
162
162
  jo as Link,
163
- Vo as LinkButton,
163
+ Go as LinkButton,
164
164
  w as Linkify,
165
- Tr as Loaf,
166
- Re as Logos,
165
+ Ir as Loaf,
166
+ ge as Logos,
167
167
  co as MediaQueryEnum,
168
- Cr as Modal,
169
- Rr as NavList,
170
- Lr as OVERLAY_OUTLET_ID,
171
- To as OffsetEnum,
172
- Gt as OnScreenSensor,
173
- Sr as Overlay,
174
- mr as Pad,
175
- xr as Page,
176
- yr as Pagination,
177
- Or as Popover,
178
- Ar as PremiumBadge,
179
- br as Prose,
180
- kr as Radio,
181
- lr as Rail,
182
- Xr as Range,
168
+ To as MediaQueryValuesMap,
169
+ Er as Modal,
170
+ gr as NavList,
171
+ Sr as OVERLAY_OUTLET_ID,
172
+ Io as OffsetEnum,
173
+ Ht as OnScreenSensor,
174
+ Br as Overlay,
175
+ pr as Pad,
176
+ nr as Page,
177
+ Dr as Pagination,
178
+ _r as Popover,
179
+ Pr as PremiumBadge,
180
+ Fr as Prose,
181
+ hr as Radio,
182
+ ur as Rail,
183
+ Qr as Range,
183
184
  Jr as RangeInput,
184
- Zr as RangeWithInputs,
185
+ qr as RangeWithInputs,
185
186
  Ue as RichInput,
186
- sr as Scrollable,
187
- vr as Select,
187
+ ir as Scrollable,
188
+ Mr as Select,
188
189
  Yr as Separator,
189
- Gr as Shroud,
190
+ Hr as Shroud,
190
191
  Yt as Skeleton,
191
- Kr as Slider,
192
- $r as Spacer,
193
- et as Style,
194
- Ne as StyledInput,
195
- Pt as StyledTextarea,
196
- at as Switch,
197
- Kt as Symbols,
198
- Et as TEXT_OPACITY_MAP,
199
- Ft as TITLE_OUTLET_ID,
200
- dt as Table,
201
- Xt as TableIconButton,
202
- Tt as TableResponsiveText,
203
- xt as Tabular,
204
- Rt as Text,
205
- gt as TextBlock,
206
- Io as TextSizeEnum,
207
- _t as Textarea,
208
- kt as Title,
209
- mt as ToggleGroup,
210
- dr as VirtualScrollable,
211
- Co as ZIndexEnum,
212
- j as clamp,
213
- J as clamp01,
192
+ Wr as Slider,
193
+ ot as Spacer,
194
+ rt as Style,
195
+ we as StyledInput,
196
+ bt as StyledTextarea,
197
+ ft as Switch,
198
+ Wt as Symbols,
199
+ Rt as TEXT_OPACITY_MAP,
200
+ kt as TITLE_OUTLET_ID,
201
+ ct as Table,
202
+ Qt as TableIconButton,
203
+ It as TableResponsiveText,
204
+ nt as Tabular,
205
+ gt as Text,
206
+ Lt as TextBlock,
207
+ Co as TextSizeEnum,
208
+ At as Textarea,
209
+ ht as Title,
210
+ pt as ToggleGroup,
211
+ cr as VirtualScrollable,
212
+ Eo as ZIndexEnum,
213
+ Q as clamp,
214
+ j as clamp01,
214
215
  a as clsx,
215
216
  fo as debounce,
216
217
  z as defaultLinkReplacer,
217
- Y as defaultLinkReplacerx,
218
+ V as defaultLinkReplacerx,
218
219
  b as formatCurrency,
219
220
  y as formatDate,
220
221
  D as formatLocaleDate,
221
222
  O as formatShortDate,
222
- No as getButtonClassName,
223
+ wo as getButtonClassName,
223
224
  xo as getColor,
224
225
  Jo as getLinkClassName,
225
- Qo as getLinkStyles,
226
- Lt as getTextOpacity,
226
+ Zo as getLinkStyles,
227
+ St as getTextOpacity,
227
228
  m as getValue,
228
229
  k as identity,
229
230
  h as invoke,
230
- V as isExternalUrl,
231
+ Y as isExternalUrl,
231
232
  q as isFalseString,
232
- Ro as isInEnum,
233
+ go as isInEnum,
233
234
  $ as isTrueString,
234
- Lo as joaat32,
235
- St as lineHeightResponsiveValueFormatter,
235
+ So as joaat32,
236
+ Bt as lineHeightResponsiveValueFormatter,
236
237
  G as linkify,
237
238
  H as linkifyx,
238
239
  K as matchLinkNodes,
239
240
  W as matchLinks,
240
241
  r as mergeRefs,
241
- Q as minmax,
242
+ J as minmax,
242
243
  v as noop,
243
244
  oo as normalizeSlashes,
244
245
  eo as replaceRange,
245
- U as returnFalse,
246
- M as returnTrue,
246
+ M as returnFalse,
247
+ U as returnTrue,
247
248
  ro as splitByIndices,
248
- Xe as stringPropFormater,
249
- Bt as textSizeResponsiveValueFormatter,
249
+ Qe as stringPropFormater,
250
+ yt as textSizeResponsiveValueFormatter,
250
251
  mo as throttle,
251
- ht as titleGetCoords,
252
- vt as titleGetCssStyle,
252
+ vt as titleGetCoords,
253
+ Mt as titleGetCssStyle,
253
254
  lo as ui,
254
255
  to as unicodeCharAt,
255
256
  S as useClipboardComponent,
256
- rt as useContextualStyle,
257
+ tt as useContextualStyle,
257
258
  s as useDynamicRef,
258
259
  d as useGlobalKeyboardEvent,
259
260
  l as useInstance,
package/dist/utils/ui/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { ui } from './ui';
2
- export { OffsetEnum, MediaQueryEnum, BorderRadiusEnum, ZIndexEnum, ColorEnum, TextSizeEnum, } from './ui.types';
2
+ export { OffsetEnum, MediaQueryEnum, MediaQueryValuesMap, BorderRadiusEnum, ZIndexEnum, ColorEnum, TextSizeEnum, } from './ui.types';
3
3
  export type { OffsetType, MediaQueryType, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusType, ZIndexType, ColorType, TextSize, OpacityRange, } from './ui.types';
package/dist/utils/ui/index.js CHANGED
@@ -1,11 +1,12 @@
1
- import { ui as m } from "./ui.js";
2
- import { BorderRadiusEnum as n, ColorEnum as o, MediaQueryEnum as E, OffsetEnum as d, TextSizeEnum as f, ZIndexEnum as i } from "./ui.types.js";
1
+ import { ui as r } from "./ui.js";
2
+ import { BorderRadiusEnum as n, ColorEnum as o, MediaQueryEnum as E, MediaQueryValuesMap as a, OffsetEnum as d, TextSizeEnum as i, ZIndexEnum as f } from "./ui.types.js";
3
3
  export {
4
4
  n as BorderRadiusEnum,
5
5
  o as ColorEnum,
6
6
  E as MediaQueryEnum,
7
+ a as MediaQueryValuesMap,
7
8
  d as OffsetEnum,
8
- f as TextSizeEnum,
9
- i as ZIndexEnum,
10
- m as ui
9
+ i as TextSizeEnum,
10
+ f as ZIndexEnum,
11
+ r as ui
11
12
  };
package/dist/utils/ui/ui.types.d.ts CHANGED
@@ -68,6 +68,7 @@ export declare enum MediaQueryEnum {
68
68
  xlarge = "xlarge"
69
69
  }
70
70
  export type MediaQueryType = keyof typeof MediaQueryEnum;
71
+ export declare const MediaQueryValuesMap: Record<MediaQueryType, number>;
71
72
  export type ResponsiveValueType<T = string | number> = T | {
72
73
  [key in MediaQueryType]?: T;
73
74
  };
package/dist/utils/ui/ui.types.js CHANGED
@@ -1,9 +1,19 @@
1
- var a = /* @__PURE__ */ ((l) => (l.accent = "accent", l.primary = "primary", l.secondary = "secondary", l.tertiary = "tertiary", l.green = "green", l.yellow = "yellow", l.red = "red", l.argentum = "argentum", l.aurum = "aurum", l.platinum = "platinum", l.bg = "bg", l["bg-light"] = "bg-light", l["bg-dark"] = "bg-dark", l["bg-dark-grey"] = "bg-dark-grey", l["bg-black"] = "bg-black", l))(a || {}), r = /* @__PURE__ */ ((l) => (l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.xxlarge = "xxlarge", l.xxxlarge = "xxxlarge", l))(r || {}), g = /* @__PURE__ */ ((l) => (l.none = "none", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.pill = "pill", l))(g || {}), x = /* @__PURE__ */ ((l) => (l.zero = "zero", l.first = "first", l.second = "second", l.max = "max", l))(x || {}), e = /* @__PURE__ */ ((l) => (l.none = "none", l.hairthin = "hairthin", l.thin = "thin", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.safezone = "safezone", l))(e || {}), i = /* @__PURE__ */ ((l) => (l.initial = "initial", l.small = "small", l["small-medium"] = "small-medium", l.medium = "medium", l["medium-large"] = "medium-large", l.large = "large", l.xlarge = "xlarge", l))(i || {});
1
+ var a = /* @__PURE__ */ ((l) => (l.accent = "accent", l.primary = "primary", l.secondary = "secondary", l.tertiary = "tertiary", l.green = "green", l.yellow = "yellow", l.red = "red", l.argentum = "argentum", l.aurum = "aurum", l.platinum = "platinum", l.bg = "bg", l["bg-light"] = "bg-light", l["bg-dark"] = "bg-dark", l["bg-dark-grey"] = "bg-dark-grey", l["bg-black"] = "bg-black", l))(a || {}), r = /* @__PURE__ */ ((l) => (l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.xxlarge = "xxlarge", l.xxxlarge = "xxxlarge", l))(r || {}), g = /* @__PURE__ */ ((l) => (l.none = "none", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.pill = "pill", l))(g || {}), e = /* @__PURE__ */ ((l) => (l.zero = "zero", l.first = "first", l.second = "second", l.max = "max", l))(e || {}), x = /* @__PURE__ */ ((l) => (l.none = "none", l.hairthin = "hairthin", l.thin = "thin", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.safezone = "safezone", l))(x || {}), i = /* @__PURE__ */ ((l) => (l.initial = "initial", l.small = "small", l["small-medium"] = "small-medium", l.medium = "medium", l["medium-large"] = "medium-large", l.large = "large", l.xlarge = "xlarge", l))(i || {});
2
+ const m = {
3
+ initial: 0,
4
+ small: 360,
5
+ "small-medium": 640,
6
+ medium: 1024,
7
+ "medium-large": 1280,
8
+ large: 1920,
9
+ xlarge: 2560
10
+ };
2
11
  export {
3
12
  g as BorderRadiusEnum,
4
13
  a as ColorEnum,
5
14
  i as MediaQueryEnum,
6
- e as OffsetEnum,
15
+ m as MediaQueryValuesMap,
16
+ x as OffsetEnum,
7
17
  r as TextSizeEnum,
8
- x as ZIndexEnum
18
+ e as ZIndexEnum
9
19
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cfx-dev/ui-components",
3
3
  "private": false,
4
- "version": "4.5.20",
4
+ "version": "4.5.22",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "main": "dist/main.js",