@cfx-dev/ui-components 4.2.19 → 4.2.21

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 (96) hide show
  1. package/README.md +20 -7
  2. package/dist/components/Accordion/Accordion.d.ts +1 -7
  3. package/dist/components/Accordion/index.d.ts +1 -0
  4. package/dist/components/BackdropPortal/BackdropPortal.d.ts +2 -0
  5. package/dist/components/BackdropPortal/BackdropPortal.js +7 -5
  6. package/dist/components/BackdropPortal/index.d.ts +2 -0
  7. package/dist/components/BackdropPortal/index.js +5 -0
  8. package/dist/components/Badge/index.d.ts +1 -1
  9. package/dist/components/ClipboardButton/ClipboardButton.d.ts +3 -3
  10. package/dist/components/ClipboardButton/ClipboardButton.js +10 -9
  11. package/dist/components/ControlBox/ControlBox.d.ts +2 -0
  12. package/dist/components/ControlBox/ControlBox.js +10 -9
  13. package/dist/components/ControlBox/index.d.ts +2 -0
  14. package/dist/components/ControlBox/index.js +4 -0
  15. package/dist/components/CountryFlag/CountryFlag.d.ts +2 -0
  16. package/dist/components/CountryFlag/CountryFlag.js +14 -13
  17. package/dist/components/CountryFlag/index.d.ts +2 -0
  18. package/dist/components/CountryFlag/index.js +4 -0
  19. package/dist/components/Decorate/Decorate.d.ts +2 -0
  20. package/dist/components/Decorate/Decorate.js +15 -14
  21. package/dist/components/Decorate/index.d.ts +2 -0
  22. package/dist/components/Decorate/index.js +4 -0
  23. package/dist/components/DropdownSelect/DropdownSelect.js +802 -1040
  24. package/dist/components/DropdownSelect/index.d.ts +1 -0
  25. package/dist/components/Flyout/Flyout.d.ts +2 -1
  26. package/dist/components/Flyout/index.d.ts +2 -0
  27. package/dist/components/Flyout/index.js +5 -0
  28. package/dist/components/IconButton/IconButton.d.ts +2 -3
  29. package/dist/components/IconButton/index.d.ts +1 -1
  30. package/dist/components/Indicator/index.d.ts +2 -0
  31. package/dist/components/Indicator/index.js +4 -0
  32. package/dist/components/Input/index.d.ts +1 -1
  33. package/dist/components/InputDropzone/index.d.ts +3 -3
  34. package/dist/components/InputDropzone/index.js +3 -3
  35. package/dist/components/Interactive/index.d.ts +2 -0
  36. package/dist/components/Interactive/index.js +4 -0
  37. package/dist/components/Island/index.d.ts +2 -0
  38. package/dist/components/Island/index.js +5 -0
  39. package/dist/components/Layout/Box/Box.d.ts +1 -0
  40. package/dist/components/Layout/Box/Box.js +2 -1
  41. package/dist/components/Layout/Box/index.d.ts +2 -0
  42. package/dist/components/Layout/Box/index.js +5 -0
  43. package/dist/components/Layout/Center/index.d.ts +2 -0
  44. package/dist/components/Layout/Center/index.js +4 -0
  45. package/dist/components/Layout/Flex/Flex.d.ts +3 -3
  46. package/dist/components/Layout/Flex/Flex.types.d.ts +7 -0
  47. package/dist/components/Layout/Flex/Flex.types.js +6 -5
  48. package/dist/components/Layout/Flex/index.d.ts +5 -0
  49. package/dist/components/Layout/Flex/index.js +6 -0
  50. package/dist/components/Layout/Pad/index.d.ts +2 -0
  51. package/dist/components/Layout/Pad/index.js +4 -0
  52. package/dist/components/Layout/Page/index.d.ts +2 -0
  53. package/dist/components/Layout/Page/index.js +4 -0
  54. package/dist/components/Loaf/index.d.ts +2 -0
  55. package/dist/components/Loaf/index.js +4 -0
  56. package/dist/components/NavList/index.d.ts +2 -0
  57. package/dist/components/NavList/index.js +4 -0
  58. package/dist/components/Overlay/index.d.ts +2 -0
  59. package/dist/components/Overlay/index.js +5 -0
  60. package/dist/components/PremiumBadge/index.d.ts +2 -0
  61. package/dist/components/PremiumBadge/index.js +4 -0
  62. package/dist/components/Prose/Prose.d.ts +1 -2
  63. package/dist/components/Prose/index.d.ts +2 -0
  64. package/dist/components/Prose/index.js +4 -0
  65. package/dist/components/Radio/index.d.ts +2 -0
  66. package/dist/components/Radio/index.js +4 -0
  67. package/dist/components/Select/Select.js +1 -1
  68. package/dist/components/Separator/index.d.ts +2 -0
  69. package/dist/components/Separator/index.js +4 -0
  70. package/dist/components/Shroud/index.d.ts +2 -0
  71. package/dist/components/Shroud/index.js +4 -0
  72. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  73. package/dist/components/Skeleton/index.d.ts +1 -0
  74. package/dist/components/Slider/Slider.js +294 -374
  75. package/dist/components/Spacer/index.d.ts +2 -0
  76. package/dist/components/Spacer/index.js +4 -0
  77. package/dist/components/Style/index.d.ts +2 -0
  78. package/dist/components/Style/index.js +5 -0
  79. package/dist/components/Table/Table.d.ts +13 -4
  80. package/dist/components/Table/Table.js +2 -1
  81. package/dist/components/Table/index.d.ts +2 -2
  82. package/dist/components/Table/index.js +5 -2
  83. package/dist/components/Text/Text.types.d.ts +2 -1
  84. package/dist/components/Text/index.d.ts +1 -1
  85. package/dist/components/Textarea/index.d.ts +2 -0
  86. package/dist/components/Textarea/index.js +4 -0
  87. package/dist/components/Title/Title.d.ts +5 -4
  88. package/dist/components/Title/Title.js +4 -2
  89. package/dist/components/Title/index.d.ts +2 -0
  90. package/dist/components/Title/index.js +7 -0
  91. package/dist/index-AweK2ufS.js +171 -0
  92. package/dist/{index-DBus3GoO.js → index-Bz27DCHt.js} +2 -2
  93. package/dist/main.d.ts +92 -69
  94. package/dist/main.js +185 -173
  95. package/package.json +1 -1
  96. package/dist/index-CjTSD6zB.js +0 -161
package/dist/main.js CHANGED
@@ -1,201 +1,213 @@
1
- import { mergeRefs as t } from "./utils/mergeRefs.js";
1
+ import { mergeRefs as e } from "./utils/mergeRefs.js";
2
2
  import { clsx as f } from "./utils/clsx.js";
3
- import { getValue as x } from "./utils/getValue.js";
4
- import { usePopoverController as n } from "./utils/hooks/usePopoverController.js";
5
- import { useInstance as i } from "./utils/hooks/useInstance.js";
6
- import { useDynamicRef as s } from "./utils/hooks/useDynamicRef.js";
3
+ import { getValue as a } from "./utils/getValue.js";
4
+ import { usePopoverController as x } from "./utils/hooks/usePopoverController.js";
5
+ import { useInstance as n } from "./utils/hooks/useInstance.js";
6
+ import { useDynamicRef as u } from "./utils/hooks/useDynamicRef.js";
7
7
  import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
8
8
  import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
9
- import { useWindowResize as g } from "./utils/hooks/useWindowResize.js";
10
- import { useOutlet as S } from "./utils/hooks/useOutlet.js";
11
- import { CLIPBOARD_TITLE_APPEARANCE as k, useClipboardComponent as y } from "./utils/hooks/useClipboardComponent.js";
12
- import { identity as b, invoke as A, noop as O, returnFalse as P, returnTrue as D } from "./utils/functional.js";
13
- import { Linkify as _, defaultLinkReplacer as h, defaultLinkReplacerx as v, isExternalUrl as F, linkify as U, linkifyx as N, matchLinkNodes as w, matchLinks as z } from "./utils/links.js";
14
- import { clamp as M, clamp01 as V } from "./utils/math.js";
15
- import { isFalseString as Y, isTrueString as H, normalizeSlashes as W, replaceRange as j, splitByIndices as q, unicodeCharAt as J } from "./utils/string.js";
16
- import { debounce as X, throttle as Z } from "./utils/execution.js";
17
- import { getColor as oo } from "./utils/color.js";
18
- import { default as eo } from "./components/IconButton/IconButton.js";
19
- import { Accordion as po, AccordionContent as fo, AccordionHeader as mo, AccordionItem as xo, AccordionTrigger as ao } from "./components/Accordion/Accordion.js";
9
+ import { useWindowResize as B } from "./utils/hooks/useWindowResize.js";
10
+ import { useOutlet as L } from "./utils/hooks/useOutlet.js";
11
+ import { CLIPBOARD_TITLE_APPEARANCE as S, useClipboardComponent as R } from "./utils/hooks/useClipboardComponent.js";
12
+ import { identity as y, invoke as A, noop as P, returnFalse as b, returnTrue as O } from "./utils/functional.js";
13
+ import { Linkify as _, defaultLinkReplacer as D, defaultLinkReplacerx as v, isExternalUrl as F, linkify as h, linkifyx as U, matchLinkNodes as w, matchLinks as z } from "./utils/links.js";
14
+ import { clamp as G, clamp01 as M } from "./utils/math.js";
15
+ import { isFalseString as K, isTrueString as Y, normalizeSlashes as H, replaceRange as X, splitByIndices as W, unicodeCharAt as j } from "./utils/string.js";
16
+ import { debounce as J, throttle as Q } from "./utils/execution.js";
17
+ import { getColor as $ } from "./utils/color.js";
18
+ import { default as ro } from "./components/IconButton/IconButton.js";
19
+ import { Accordion as to, AccordionContent as fo, AccordionHeader as po, AccordionItem as ao, AccordionTrigger as mo } from "./components/Accordion/Accordion.js";
20
20
  import { default as lo } from "./components/ClipboardButton/ClipboardButton.js";
21
- import { default as uo } from "./components/Checkbox/Checkbox.js";
22
- import { Button as co } from "./components/Button/Button.js";
23
- import { BurgerMenuButton as To } from "./components/BurgerMenu/BurgerMenuButton.js";
24
- import { BurgerMenu as go } from "./components/BurgerMenu/BurgerMenu.js";
25
- import { LinkButton as So } from "./components/Button/LinkButton.js";
26
- import { default as ko, getLinkClassName as yo } from "./components/Link/Link.js";
27
- import { default as bo } from "./components/Link/ButtonLink.js";
28
- import { ButtonBar as Oo } from "./components/Button/ButtonBar.js";
29
- import { Avatar as Do } from "./components/Avatar/Avatar.js";
30
- import { BACKDROP_OUTLET_ID as _o, BackdropPortal as ho } from "./components/BackdropPortal/BackdropPortal.js";
31
- import { Badge as Fo } from "./components/Badge/Badge.js";
32
- import { ControlBox as No } from "./components/ControlBox/ControlBox.js";
33
- import { CountryFlag as zo } from "./components/CountryFlag/CountryFlag.js";
34
- import { Decorate as Mo } from "./components/Decorate/Decorate.js";
35
- import { Dot as Go } from "./components/Dot/Dot.js";
36
- import { FLYOUT_OUTLET_ID as Ho, Flyout as Wo } from "./components/Flyout/Flyout.js";
21
+ import { default as so } from "./components/Checkbox/Checkbox.js";
22
+ import { Button as io, ButtonContent as co, getButtonClassName as To } from "./components/Button/Button.js";
23
+ import { ButtonBar as Bo } from "./components/Button/ButtonBar.js";
24
+ import { LinkButton as Lo } from "./components/Button/LinkButton.js";
25
+ import { BurgerMenuButton as So } from "./components/BurgerMenu/BurgerMenuButton.js";
26
+ import { BurgerMenu as ko } from "./components/BurgerMenu/BurgerMenu.js";
27
+ import { default as Ao, getLinkClassName as Po } from "./components/Link/Link.js";
28
+ import { default as Oo } from "./components/Link/ButtonLink.js";
29
+ import { Avatar as _o } from "./components/Avatar/Avatar.js";
30
+ import { BACKDROP_OUTLET_ID as vo, default as Fo } from "./components/BackdropPortal/BackdropPortal.js";
31
+ import { Badge as Uo } from "./components/Badge/Badge.js";
32
+ import { default as zo } from "./components/ControlBox/ControlBox.js";
33
+ import { default as Go } from "./components/CountryFlag/CountryFlag.js";
34
+ import { default as Vo } from "./components/Decorate/Decorate.js";
35
+ import { Dot as Yo } from "./components/Dot/Dot.js";
36
+ import { FLYOUT_OUTLET_ID as Xo, Flyout as Wo } from "./components/Flyout/Flyout.js";
37
37
  import { Logos as qo } from "./components/Logos/index.js";
38
38
  import { I as Qo } from "./cfxIcons-BNd1WgpX.js";
39
- import { I as Zo } from "./cfxIconsBig-BLJjMT-Y.js";
40
- import { Icon as or } from "./components/Icon/Icon.js";
41
- import { IconBig as er } from "./components/IconBig/IconBig.js";
39
+ import { I as $o } from "./cfxIconsBig-BLJjMT-Y.js";
40
+ import { Icon as rr } from "./components/Icon/Icon.js";
41
+ import { IconBig as tr } from "./components/IconBig/IconBig.js";
42
42
  import { Indicator as pr } from "./components/Indicator/Indicator.js";
43
43
  import { default as mr } from "./components/InfoPanel/InfoPanel.js";
44
- import { default as ar } from "./components/Input/Input.js";
45
- import { default as lr } from "./components/Input/RichInput.js";
46
- import { Interactive as ur } from "./components/Interactive/Interactive.js";
47
- import { Island as cr } from "./components/Island/Island.js";
48
- import { Box as Ir } from "./components/Layout/Box/Box.js";
49
- import { Center as Br } from "./components/Layout/Center/Center.js";
50
- import { Flex as Lr } from "./components/Layout/Flex/Flex.js";
51
- import { FlexRestricter as Cr } from "./components/Layout/Flex/FlexRestricter.js";
52
- import { Pad as yr } from "./components/Layout/Pad/Pad.js";
53
- import { Page as br } from "./components/Layout/Page/Page.js";
54
- import { R as Or } from "./Rail-DcVowhML.js";
55
- import { Scrollable as Dr } from "./components/Layout/Scrollable/Scrollable.js";
56
- import { VirtualScrollable as _r } from "./components/Layout/Scrollable/VirtualScrollable.js";
57
- import { Loaf as vr } from "./components/Loaf/Loaf.js";
58
- import { Modal as Ur } from "./components/Modal/Modal.js";
59
- import { NavList as wr } from "./components/NavList/NavList.js";
60
- import { OVERLAY_OUTLET_ID as Kr, Overlay as Mr } from "./components/Overlay/Overlay.js";
61
- import { Popover as Gr } from "./components/Popover/Popover.js";
62
- import { PremiumBadge as Hr } from "./components/PremiumBadge/PremiumBadge.js";
63
- import { Prose as jr } from "./components/Prose/Prose.js";
64
- import { Radio as Jr } from "./components/Radio/Radio.js";
65
- import { Select as Xr } from "./components/Select/Select.js";
66
- import { DropdownSelect as $r } from "./components/DropdownSelect/DropdownSelect.js";
67
- import { Separator as re } from "./components/Separator/Separator.js";
68
- import { Shroud as te } from "./components/Shroud/Shroud.js";
69
- import { Slider as fe } from "./components/Slider/Slider.js";
70
- import { Spacer as xe } from "./components/Spacer/Spacer.js";
71
- import { Style as ne, useContextualStyle as le } from "./components/Style/Style.js";
72
- import { default as ue } from "./components/Switch/Switch.js";
73
- import { ToggleGroup as ce } from "./components/ToggleGroup/ToggleGroup.js";
74
- import { Tabular as Ie } from "./components/Tabular/Tabular.js";
75
- import { Table as Be, TableIconButton as ge } from "./components/Table/Table.js";
76
- import { Text as Se, TextBlock as Ce, getTextOpacity as ke } from "./components/Text/Text.js";
77
- import { ui as Re } from "./components/ui.js";
78
- import { Textarea as Ae } from "./components/Textarea/Textarea.js";
79
- import { TITLE_OUTLET_ID as Pe, Title as De } from "./components/Title/Title.js";
80
- import { default as _e } from "./components/InputDropzone/InputDropzone.js";
81
- import "./components/InputDropzone/ItemPreview.js";
82
- import { default as ve } from "./components/Skeleton/Skeleton.js";
83
- import { OnScreenSensor as Ue } from "./components/OnScreenSensor.js";
84
- import { Symbols as we } from "./components/Symbols.js";
44
+ import { default as lr } from "./components/Input/Input.js";
45
+ import { default as sr } from "./components/Input/RichInput.js";
46
+ import { Interactive as ir } from "./components/Interactive/Interactive.js";
47
+ import { Island as cr, IslandCorner as Tr } from "./components/Island/Island.js";
48
+ import { Box as Br, flexPropFormater as Cr } from "./components/Layout/Box/Box.js";
49
+ import { Center as gr } from "./components/Layout/Center/Center.js";
50
+ import { Flex as Rr } from "./components/Layout/Flex/Flex.js";
51
+ import { FlexRestricter as yr } from "./components/Layout/Flex/FlexRestricter.js";
52
+ import { Pad as Pr } from "./components/Layout/Pad/Pad.js";
53
+ import { Page as Or } from "./components/Layout/Page/Page.js";
54
+ import { R as _r } from "./Rail-DcVowhML.js";
55
+ import { Scrollable as vr } from "./components/Layout/Scrollable/Scrollable.js";
56
+ import { VirtualScrollable as hr } from "./components/Layout/Scrollable/VirtualScrollable.js";
57
+ import { Loaf as wr } from "./components/Loaf/Loaf.js";
58
+ import { Modal as Nr } from "./components/Modal/Modal.js";
59
+ import { NavList as Mr } from "./components/NavList/NavList.js";
60
+ import { OVERLAY_OUTLET_ID as Kr, Overlay as Yr } from "./components/Overlay/Overlay.js";
61
+ import { Popover as Xr } from "./components/Popover/Popover.js";
62
+ import { PremiumBadge as jr } from "./components/PremiumBadge/PremiumBadge.js";
63
+ import { Prose as Jr } from "./components/Prose/Prose.js";
64
+ import { Radio as Zr } from "./components/Radio/Radio.js";
65
+ import { Select as oe } from "./components/Select/Select.js";
66
+ import { DropdownSelect as ee } from "./components/DropdownSelect/DropdownSelect.js";
67
+ import { Separator as fe } from "./components/Separator/Separator.js";
68
+ import { Shroud as ae } from "./components/Shroud/Shroud.js";
69
+ import { Slider as xe } from "./components/Slider/Slider.js";
70
+ import { Spacer as ne } from "./components/Spacer/Spacer.js";
71
+ import { Style as ue, useContextualStyle as ie } from "./components/Style/Style.js";
72
+ import { default as ce } from "./components/Switch/Switch.js";
73
+ import { ToggleGroup as Ie } from "./components/ToggleGroup/ToggleGroup.js";
74
+ import { Tabular as Ce } from "./components/Tabular/Tabular.js";
75
+ import { Table as ge, TableHeaderItem as Se, TableIconButton as Re, TableRow as ke } from "./components/Table/Table.js";
76
+ import { DEFAULT_TEXT_COLOR as Ae, TEXT_OPACITY_MAP as Pe, Text as be, TextBlock as Oe, getTextOpacity as Ee, textSizeResponsiveValueFormatter as _e } from "./components/Text/Text.js";
77
+ import { ui as ve } from "./components/ui.js";
78
+ import { Textarea as he } from "./components/Textarea/Textarea.js";
79
+ import { TITLE_OUTLET_ID as we, Title as ze, titleGetCoords as Ne, titleGetCssStyle as Ge } from "./components/Title/Title.js";
80
+ import { default as Ve } from "./components/InputDropzone/InputDropzone.js";
81
+ import { default as Ye } from "./components/InputDropzone/ItemPreview.js";
82
+ import { default as Xe } from "./components/Skeleton/Skeleton.js";
83
+ import { OnScreenSensor as je } from "./components/OnScreenSensor.js";
84
+ import { Symbols as Je } from "./components/Symbols.js";
85
85
  export {
86
- po as Accordion,
86
+ to as Accordion,
87
87
  fo as AccordionContent,
88
- mo as AccordionHeader,
89
- xo as AccordionItem,
90
- ao as AccordionTrigger,
91
- Do as Avatar,
92
- _o as BACKDROP_OUTLET_ID,
93
- ho as BackdropPortal,
94
- Fo as Badge,
95
- Ir as Box,
96
- go as BurgerMenu,
97
- To as BurgerMenuButton,
98
- co as Button,
99
- Oo as ButtonBar,
100
- bo as ButtonLink,
101
- k as CLIPBOARD_TITLE_APPEARANCE,
102
- Br as Center,
103
- uo as Checkbox,
88
+ po as AccordionHeader,
89
+ ao as AccordionItem,
90
+ mo as AccordionTrigger,
91
+ _o as Avatar,
92
+ vo as BACKDROP_OUTLET_ID,
93
+ Fo as BackdropPortal,
94
+ Uo as Badge,
95
+ Br as Box,
96
+ ko as BurgerMenu,
97
+ So as BurgerMenuButton,
98
+ io as Button,
99
+ Bo as ButtonBar,
100
+ co as ButtonContent,
101
+ Oo as ButtonLink,
102
+ S as CLIPBOARD_TITLE_APPEARANCE,
103
+ gr as Center,
104
+ so as Checkbox,
104
105
  lo as ClipboardButton,
105
- No as ControlBox,
106
- zo as CountryFlag,
107
- Mo as Decorate,
108
- Go as Dot,
109
- $r as DropdownSelect,
110
- Ho as FLYOUT_OUTLET_ID,
111
- Lr as Flex,
112
- Cr as FlexRestricter,
106
+ zo as ControlBox,
107
+ Go as CountryFlag,
108
+ Ae as DEFAULT_TEXT_COLOR,
109
+ Vo as Decorate,
110
+ Yo as Dot,
111
+ ee as DropdownSelect,
112
+ Ye as DropzoneItemPreview,
113
+ Xo as FLYOUT_OUTLET_ID,
114
+ Rr as Flex,
115
+ yr as FlexRestricter,
113
116
  Wo as Flyout,
114
- or as Icon,
115
- er as IconBig,
116
- eo as IconButton,
117
+ rr as Icon,
118
+ tr as IconBig,
119
+ ro as IconButton,
117
120
  Qo as Icons,
118
- Zo as IconsBig,
121
+ $o as IconsBig,
119
122
  pr as Indicator,
120
123
  mr as InfoPanel,
121
- ar as Input,
122
- _e as InputDropzone,
123
- ur as Interactive,
124
+ lr as Input,
125
+ Ve as InputDropzone,
126
+ ir as Interactive,
124
127
  cr as Island,
125
- ko as Link,
126
- So as LinkButton,
128
+ Tr as IslandCorner,
129
+ Ao as Link,
130
+ Lo as LinkButton,
127
131
  _ as Linkify,
128
- vr as Loaf,
132
+ wr as Loaf,
129
133
  qo as Logos,
130
- Ur as Modal,
131
- wr as NavList,
134
+ Nr as Modal,
135
+ Mr as NavList,
132
136
  Kr as OVERLAY_OUTLET_ID,
133
- Ue as OnScreenSensor,
134
- Mr as Overlay,
135
- yr as Pad,
136
- br as Page,
137
- Gr as Popover,
138
- Hr as PremiumBadge,
139
- jr as Prose,
140
- Jr as Radio,
141
- Or as Rail,
142
- lr as RichInput,
143
- Dr as Scrollable,
144
- Xr as Select,
145
- re as Separator,
146
- te as Shroud,
147
- ve as Skeleton,
148
- fe as Slider,
149
- xe as Spacer,
150
- ne as Style,
151
- ue as Switch,
152
- we as Symbols,
153
- Pe as TITLE_OUTLET_ID,
154
- Be as Table,
155
- ge as TableIconButton,
156
- Ie as Tabular,
157
- Se as Text,
158
- Ce as TextBlock,
159
- Ae as Textarea,
160
- De as Title,
161
- ce as ToggleGroup,
162
- _r as VirtualScrollable,
163
- M as clamp,
164
- V as clamp01,
137
+ je as OnScreenSensor,
138
+ Yr as Overlay,
139
+ Pr as Pad,
140
+ Or as Page,
141
+ Xr as Popover,
142
+ jr as PremiumBadge,
143
+ Jr as Prose,
144
+ Zr as Radio,
145
+ _r as Rail,
146
+ sr as RichInput,
147
+ vr as Scrollable,
148
+ oe as Select,
149
+ fe as Separator,
150
+ ae as Shroud,
151
+ Xe as Skeleton,
152
+ xe as Slider,
153
+ ne as Spacer,
154
+ ue as Style,
155
+ ce as Switch,
156
+ Je as Symbols,
157
+ Pe as TEXT_OPACITY_MAP,
158
+ we as TITLE_OUTLET_ID,
159
+ ge as Table,
160
+ Se as TableHeaderItem,
161
+ Re as TableIconButton,
162
+ ke as TableRow,
163
+ Ce as Tabular,
164
+ be as Text,
165
+ Oe as TextBlock,
166
+ he as Textarea,
167
+ ze as Title,
168
+ Ie as ToggleGroup,
169
+ hr as VirtualScrollable,
170
+ G as clamp,
171
+ M as clamp01,
165
172
  f as clsx,
166
- X as debounce,
167
- h as defaultLinkReplacer,
173
+ J as debounce,
174
+ D as defaultLinkReplacer,
168
175
  v as defaultLinkReplacerx,
169
- oo as getColor,
170
- yo as getLinkClassName,
171
- ke as getTextOpacity,
172
- x as getValue,
173
- b as identity,
176
+ Cr as flexPropFormater,
177
+ To as getButtonClassName,
178
+ $ as getColor,
179
+ Po as getLinkClassName,
180
+ Ee as getTextOpacity,
181
+ a as getValue,
182
+ y as identity,
174
183
  A as invoke,
175
184
  F as isExternalUrl,
176
- Y as isFalseString,
177
- H as isTrueString,
178
- U as linkify,
179
- N as linkifyx,
185
+ K as isFalseString,
186
+ Y as isTrueString,
187
+ h as linkify,
188
+ U as linkifyx,
180
189
  w as matchLinkNodes,
181
190
  z as matchLinks,
182
- t as mergeRefs,
183
- O as noop,
184
- W as normalizeSlashes,
185
- j as replaceRange,
186
- P as returnFalse,
187
- D as returnTrue,
188
- q as splitByIndices,
189
- Z as throttle,
190
- Re as ui,
191
- J as unicodeCharAt,
192
- y as useClipboardComponent,
193
- le as useContextualStyle,
194
- s as useDynamicRef,
191
+ e as mergeRefs,
192
+ P as noop,
193
+ H as normalizeSlashes,
194
+ X as replaceRange,
195
+ b as returnFalse,
196
+ O as returnTrue,
197
+ W as splitByIndices,
198
+ _e as textSizeResponsiveValueFormatter,
199
+ Q as throttle,
200
+ Ne as titleGetCoords,
201
+ Ge as titleGetCssStyle,
202
+ ve as ui,
203
+ j as unicodeCharAt,
204
+ R as useClipboardComponent,
205
+ ie as useContextualStyle,
206
+ u as useDynamicRef,
195
207
  d as useGlobalKeyboardEvent,
196
- i as useInstance,
208
+ n as useInstance,
197
209
  T as useKeyboardClose,
198
- S as useOutlet,
199
- n as usePopoverController,
200
- g as useWindowResize
210
+ L as useOutlet,
211
+ x as usePopoverController,
212
+ B as useWindowResize
201
213
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cfx-dev/ui-components",
3
3
  "private": false,
4
- "version": "4.2.19",
4
+ "version": "4.2.21",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "main": "dist/main.js",
@@ -1,161 +0,0 @@
1
- import * as s from "react";
2
- import y from "react";
3
- import { jsx as h, Fragment as O } from "react/jsx-runtime";
4
- function w(e, t = []) {
5
- let n = [];
6
- function r(c, l) {
7
- const i = s.createContext(l), a = n.length;
8
- n = [...n, l];
9
- const S = (R) => {
10
- var d;
11
- const { scope: C, children: f, ...u } = R, p = ((d = C == null ? void 0 : C[e]) == null ? void 0 : d[a]) || i, m = s.useMemo(() => u, Object.values(u));
12
- return /* @__PURE__ */ h(p.Provider, { value: m, children: f });
13
- };
14
- S.displayName = c + "Provider";
15
- function v(R, C) {
16
- var p;
17
- const f = ((p = C == null ? void 0 : C[e]) == null ? void 0 : p[a]) || i, u = s.useContext(f);
18
- if (u) return u;
19
- if (l !== void 0) return l;
20
- throw new Error(`\`${R}\` must be used within \`${c}\``);
21
- }
22
- return [S, v];
23
- }
24
- const o = () => {
25
- const c = n.map((l) => s.createContext(l));
26
- return function(i) {
27
- const a = (i == null ? void 0 : i[e]) || c;
28
- return s.useMemo(
29
- () => ({ [`__scope${e}`]: { ...i, [e]: a } }),
30
- [i, a]
31
- );
32
- };
33
- };
34
- return o.scopeName = e, [r, b(o, ...t)];
35
- }
36
- function b(...e) {
37
- const t = e[0];
38
- if (e.length === 1) return t;
39
- const n = () => {
40
- const r = e.map((o) => ({
41
- useScope: o(),
42
- scopeName: o.scopeName
43
- }));
44
- return function(c) {
45
- const l = r.reduce((i, { useScope: a, scopeName: S }) => {
46
- const R = a(c)[`__scope${S}`];
47
- return { ...i, ...R };
48
- }, {});
49
- return s.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
50
- };
51
- };
52
- return n.scopeName = t.scopeName, n;
53
- }
54
- function _(e, t) {
55
- if (typeof e == "function")
56
- return e(t);
57
- e != null && (e.current = t);
58
- }
59
- function A(...e) {
60
- return (t) => {
61
- let n = !1;
62
- const r = e.map((o) => {
63
- const c = _(o, t);
64
- return !n && typeof c == "function" && (n = !0), c;
65
- });
66
- if (n)
67
- return () => {
68
- for (let o = 0; o < r.length; o++) {
69
- const c = r[o];
70
- typeof c == "function" ? c() : _(e[o], null);
71
- }
72
- };
73
- };
74
- }
75
- function N(...e) {
76
- return s.useCallback(A(...e), e);
77
- }
78
- var g = s.forwardRef((e, t) => {
79
- const { children: n, ...r } = e, o = s.Children.toArray(n), c = o.find(V);
80
- if (c) {
81
- const l = c.props.children, i = o.map((a) => a === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : a);
82
- return /* @__PURE__ */ h(M, { ...r, ref: t, children: s.isValidElement(l) ? s.cloneElement(l, void 0, i) : null });
83
- }
84
- return /* @__PURE__ */ h(M, { ...r, ref: t, children: n });
85
- });
86
- g.displayName = "Slot";
87
- var M = s.forwardRef((e, t) => {
88
- const { children: n, ...r } = e;
89
- if (s.isValidElement(n)) {
90
- const o = j(n);
91
- return s.cloneElement(n, {
92
- ...$(r, n.props),
93
- // @ts-ignore
94
- ref: t ? A(t, o) : o
95
- });
96
- }
97
- return s.Children.count(n) > 1 ? s.Children.only(null) : null;
98
- });
99
- M.displayName = "SlotClone";
100
- var T = ({ children: e }) => /* @__PURE__ */ h(O, { children: e });
101
- function V(e) {
102
- return s.isValidElement(e) && e.type === T;
103
- }
104
- function $(e, t) {
105
- const n = { ...t };
106
- for (const r in t) {
107
- const o = e[r], c = t[r];
108
- /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
109
- c(...i), o(...i);
110
- } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
111
- }
112
- return { ...e, ...n };
113
- }
114
- function j(e) {
115
- var r, o;
116
- let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
117
- return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
118
- }
119
- function L(e) {
120
- const t = e + "CollectionProvider", [n, r] = w(t), [o, c] = n(
121
- t,
122
- { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
123
- ), l = (f) => {
124
- const { scope: u, children: p } = f, m = y.useRef(null), d = y.useRef(/* @__PURE__ */ new Map()).current;
125
- return /* @__PURE__ */ h(o, { scope: u, itemMap: d, collectionRef: m, children: p });
126
- };
127
- l.displayName = t;
128
- const i = e + "CollectionSlot", a = y.forwardRef(
129
- (f, u) => {
130
- const { scope: p, children: m } = f, d = c(i, p), x = N(u, d.collectionRef);
131
- return /* @__PURE__ */ h(g, { ref: x, children: m });
132
- }
133
- );
134
- a.displayName = i;
135
- const S = e + "CollectionItemSlot", v = "data-radix-collection-item", R = y.forwardRef(
136
- (f, u) => {
137
- const { scope: p, children: m, ...d } = f, x = y.useRef(null), P = N(u, x), E = c(S, p);
138
- return y.useEffect(() => (E.itemMap.set(x, { ref: x, ...d }), () => void E.itemMap.delete(x))), /* @__PURE__ */ h(g, { [v]: "", ref: P, children: m });
139
- }
140
- );
141
- R.displayName = S;
142
- function C(f) {
143
- const u = c(e + "CollectionConsumer", f);
144
- return y.useCallback(() => {
145
- const m = u.collectionRef.current;
146
- if (!m) return [];
147
- const d = Array.from(m.querySelectorAll(`[${v}]`));
148
- return Array.from(u.itemMap.values()).sort(
149
- (E, I) => d.indexOf(E.ref.current) - d.indexOf(I.ref.current)
150
- );
151
- }, [u.collectionRef, u.itemMap]);
152
- }
153
- return [
154
- { Provider: l, Slot: a, ItemSlot: R },
155
- C,
156
- r
157
- ];
158
- }
159
- export {
160
- L as c
161
- };