@cfx-dev/ui-components 3.0.2 → 3.0.3

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 (136) hide show
  1. package/dist/Rail-DcVowhML.js +81 -0
  2. package/dist/assets/css/Accordion.css +1 -1
  3. package/dist/assets/css/Avatar.css +1 -1
  4. package/dist/assets/css/Badge.css +1 -1
  5. package/dist/assets/css/Box.css +1 -1
  6. package/dist/assets/css/Button.css +1 -1
  7. package/dist/assets/css/ButtonBar.css +1 -1
  8. package/dist/assets/css/Center.css +1 -1
  9. package/dist/assets/css/Checkbox.css +1 -1
  10. package/dist/assets/css/ClipboardButton.css +1 -1
  11. package/dist/assets/css/ControlBox.css +1 -1
  12. package/dist/assets/css/CountryFlag.css +1 -1
  13. package/dist/assets/css/Decorate.css +1 -1
  14. package/dist/assets/css/Dot.css +1 -1
  15. package/dist/assets/css/Flex.css +1 -1
  16. package/dist/assets/css/FlexRestricter.css +1 -1
  17. package/dist/assets/css/FlexShowcase.css +1 -1
  18. package/dist/assets/css/Flyout.css +1 -1
  19. package/dist/assets/css/Icon.css +1 -1
  20. package/dist/assets/css/IconBig.css +1 -1
  21. package/dist/assets/css/IconButton.css +1 -1
  22. package/dist/assets/css/Indicator.css +1 -1
  23. package/dist/assets/css/InfoPanel.css +1 -1
  24. package/dist/assets/css/Input.css +1 -1
  25. package/dist/assets/css/InputDropzone.css +1 -1
  26. package/dist/assets/css/Interactive.css +1 -1
  27. package/dist/assets/css/Island.css +1 -1
  28. package/dist/assets/css/ItemPreview.css +1 -1
  29. package/dist/assets/css/Link.css +1 -1
  30. package/dist/assets/css/Loaf.css +1 -1
  31. package/dist/assets/css/Modal.css +1 -1
  32. package/dist/assets/css/NavList.css +1 -1
  33. package/dist/assets/css/Overlay.css +1 -1
  34. package/dist/assets/css/Pad.css +1 -1
  35. package/dist/assets/css/Page.css +1 -1
  36. package/dist/assets/css/Popover.css +1 -1
  37. package/dist/assets/css/PopoverShowcase.css +1 -1
  38. package/dist/assets/css/PremiumBadge.css +1 -1
  39. package/dist/assets/css/Prose.css +1 -1
  40. package/dist/assets/css/Radio.css +1 -1
  41. package/dist/assets/css/Rail.css +1 -1
  42. package/dist/assets/css/RichInput.css +1 -1
  43. package/dist/assets/css/Select.css +1 -1
  44. package/dist/assets/css/Separator.css +1 -1
  45. package/dist/assets/css/Shroud.css +1 -1
  46. package/dist/assets/css/Skeleton.css +1 -1
  47. package/dist/assets/css/Spacer.css +1 -1
  48. package/dist/assets/css/Switch.css +1 -1
  49. package/dist/assets/css/Table.css +1 -1
  50. package/dist/assets/css/Tabular.css +1 -1
  51. package/dist/assets/css/Text.css +1 -1
  52. package/dist/assets/css/TextShowcase.css +1 -1
  53. package/dist/assets/css/Textarea.css +1 -1
  54. package/dist/assets/css/Title.css +1 -1
  55. package/dist/assets/css/ToggleGroup.css +1 -1
  56. package/dist/assets/general/global.css +1 -1
  57. package/dist/cfxIcons-BNd1WgpX.js +96 -0
  58. package/dist/components/Accordion/Accordion.js +69 -69
  59. package/dist/components/Avatar/Avatar.js +18 -18
  60. package/dist/components/Badge/Badge.js +23 -23
  61. package/dist/components/Button/Button.js +76 -76
  62. package/dist/components/Button/ButtonBar.js +6 -6
  63. package/dist/components/Checkbox/Checkbox.js +90 -85
  64. package/dist/components/ClipboardButton/ClipboardButton.js +17 -17
  65. package/dist/components/ControlBox/ControlBox.js +11 -11
  66. package/dist/components/CountryFlag/CountryFlag.js +9 -9
  67. package/dist/components/Decorate/Decorate.js +12 -12
  68. package/dist/components/Dot/Dot.js +17 -17
  69. package/dist/components/Flyout/Flyout.js +44 -44
  70. package/dist/components/Icon/Icon.js +14 -14
  71. package/dist/components/IconBig/IconBig.js +23 -18
  72. package/dist/components/IconButton/IconButton.js +25 -25
  73. package/dist/components/Icons/IconsShowcase.js +1 -1
  74. package/dist/components/Icons/cfx-icons/Cart.d.ts +5 -0
  75. package/dist/components/Icons/cfx-icons/Cart.js +42 -0
  76. package/dist/components/Icons/cfx-icons/UpvotesBurst.d.ts +5 -0
  77. package/dist/components/Icons/cfx-icons/UpvotesBurst.js +26 -0
  78. package/dist/components/Icons/cfx-icons/UpvotesRecurring.d.ts +5 -0
  79. package/dist/components/Icons/cfx-icons/UpvotesRecurring.js +26 -0
  80. package/dist/components/Icons/cfx-icons/User.d.ts +5 -0
  81. package/dist/components/Icons/cfx-icons/User.js +31 -0
  82. package/dist/components/Icons/cfx-icons/Verified.d.ts +5 -0
  83. package/dist/components/Icons/cfx-icons/Verified.js +23 -0
  84. package/dist/components/Icons/cfxIcons.d.ts +5 -0
  85. package/dist/components/Icons/cfxIcons.js +52 -42
  86. package/dist/components/Icons/index.js +1 -1
  87. package/dist/components/Indicator/Indicator.js +11 -11
  88. package/dist/components/InfoPanel/InfoPanel.js +37 -37
  89. package/dist/components/Input/Input.js +59 -59
  90. package/dist/components/Input/RichInput.js +39 -39
  91. package/dist/components/InputDropzone/InputDropzone.js +87 -87
  92. package/dist/components/InputDropzone/ItemPreview.js +17 -17
  93. package/dist/components/Interactive/Interactive.js +6 -6
  94. package/dist/components/Island/Island.js +20 -20
  95. package/dist/components/Layout/Box/Box.js +81 -81
  96. package/dist/components/Layout/Center/Center.js +14 -14
  97. package/dist/components/Layout/Flex/Flex.js +67 -67
  98. package/dist/components/Layout/Flex/FlexRestricter.js +14 -14
  99. package/dist/components/Layout/Flex/FlexShowcase.js +4 -4
  100. package/dist/components/Layout/Pad/Pad.js +34 -34
  101. package/dist/components/Layout/Page/Page.js +11 -11
  102. package/dist/components/Layout/Scrollable/Rail.js +1 -1
  103. package/dist/components/Layout/Scrollable/Scrollable.js +1 -1
  104. package/dist/components/Layout/Scrollable/VirtualScrollable.js +1 -1
  105. package/dist/components/Layout/Scrollable/index.js +1 -1
  106. package/dist/components/Link/ButtonLink.js +7 -6
  107. package/dist/components/Link/Link.js +36 -27
  108. package/dist/components/Loaf/Loaf.js +20 -20
  109. package/dist/components/Modal/Modal.js +51 -51
  110. package/dist/components/NavList/NavList.js +23 -23
  111. package/dist/components/Overlay/Overlay.js +17 -17
  112. package/dist/components/Popover/Popover.js +29 -29
  113. package/dist/components/Popover/PopoverShowcase.js +9 -9
  114. package/dist/components/PremiumBadge/PremiumBadge.js +8 -8
  115. package/dist/components/Prose/Prose.js +6 -6
  116. package/dist/components/Radio/Radio.js +32 -32
  117. package/dist/components/Select/Select.js +157 -157
  118. package/dist/components/Separator/Separator.js +31 -31
  119. package/dist/components/Shroud/Shroud.js +14 -14
  120. package/dist/components/Skeleton/Skeleton.js +10 -10
  121. package/dist/components/Spacer/Spacer.js +25 -25
  122. package/dist/components/Switch/Switch.js +43 -43
  123. package/dist/components/Table/Table.js +82 -82
  124. package/dist/components/Tabular/Tabular.js +60 -60
  125. package/dist/components/Text/Text.js +26 -26
  126. package/dist/components/Text/TextShowcase.js +19 -19
  127. package/dist/components/Textarea/Textarea.js +36 -36
  128. package/dist/components/Title/Title.js +57 -57
  129. package/dist/components/ToggleGroup/ToggleGroup.js +40 -40
  130. package/dist/main.js +2 -2
  131. package/dist/styles-scss/_ui.scss +22 -0
  132. package/dist/styles-scss/global.scss +5 -0
  133. package/dist/styles-scss/tokens.scss +5 -25
  134. package/package.json +2 -2
  135. package/dist/Rail-XT5PwAlx.js +0 -81
  136. package/dist/cfxIcons-BlbKR-zU.js +0 -86
@@ -0,0 +1,81 @@
1
+ import { jsx as x } from "react/jsx-runtime";
2
+ import t from "react";
3
+ import { Interactive as w } from "./components/Interactive/Interactive.js";
4
+ import { clsx as g } from "./utils/clsx.js";
5
+ import { clamp01 as C } from "./utils/math.js";
6
+ const P = "cfxui__Scrollable__virtual__355e6", T = "cfxui__Scrollable__root__32c21", R = "cfxui__Scrollable__rail__2624b", M = "cfxui__Scrollable__active__fd553", y = "cfxui__Scrollable__scroller__0d77d", z = "cfxui__Scrollable__content__0fd73", E = "cfxui__Scrollable__thumb__a7819", i = {
7
+ virtual: P,
8
+ root: T,
9
+ rail: R,
10
+ active: M,
11
+ scroller: y,
12
+ "no-x-scroll": "cfxui__Scrollable__no-x-scroll__26dde",
13
+ "no-y-scroll": "cfxui__Scrollable__no-y-scroll__192e6",
14
+ content: z,
15
+ thumb: E,
16
+ "axis-x": "cfxui__Scrollable__axis-x__f462a",
17
+ "axis-y": "cfxui__Scrollable__axis-y__e8e3f"
18
+ }, L = {
19
+ pos: 0,
20
+ ratio: 1,
21
+ height: 0,
22
+ offset: 0,
23
+ dragging: !1,
24
+ dragStartAtCursor: 0,
25
+ dragStartAtPos: 0,
26
+ movementMultiplier: 1
27
+ };
28
+ function Y(v) {
29
+ const {
30
+ axis: n,
31
+ pos: s,
32
+ size: o,
33
+ scrollSize: f,
34
+ rootRef: m,
35
+ setRootActive: c,
36
+ minThumbSize: l
37
+ } = v, [h, S] = t.useState(!1), e = t.useRef({ ...L }), r = t.useMemo(() => n === "x" ? {
38
+ sizeCSS: "width",
39
+ offsetCSSTransform: "translateX",
40
+ scrollToSide: "left",
41
+ mousePosAxis: "clientX"
42
+ } : {
43
+ sizeCSS: "height",
44
+ offsetCSSTransform: "translateY",
45
+ scrollToSide: "top",
46
+ mousePosAxis: "clientY"
47
+ }, [n]), b = {
48
+ [r.sizeCSS]: `${e.current.height}px`,
49
+ transform: `${r.offsetCSSTransform}(${e.current.offset}px)`
50
+ }, p = t.useCallback((_) => {
51
+ e.current.dragging = !0, e.current.dragStartAtPos = e.current.pos, e.current.dragStartAtCursor = _[r.mousePosAxis], S(!0), c(!0);
52
+ }, [r.mousePosAxis, c]), a = t.useCallback((_) => {
53
+ var d;
54
+ if (!e.current.dragging)
55
+ return;
56
+ const A = _[r.mousePosAxis] - e.current.dragStartAtCursor;
57
+ (d = m.current) == null || d.scrollTo({
58
+ [r.scrollToSide]: e.current.dragStartAtPos + A * e.current.movementMultiplier,
59
+ behavior: "auto"
60
+ });
61
+ }, [r.mousePosAxis, r.scrollToSide, m]), u = t.useCallback(() => {
62
+ e.current.dragging && (e.current.dragging = !1, S(!1), c(!1));
63
+ }, [c]);
64
+ return t.useEffect(() => {
65
+ e.current.pos = s, e.current.ratio = C(o / f), e.current.height = o * e.current.ratio, e.current.offset = s * e.current.ratio, e.current.height < l && (e.current.height = l, e.current.offset = s * e.current.ratio * ((o - l) / o)), e.current.movementMultiplier = 1 / e.current.ratio;
66
+ }, [l, s, f, o]), t.useEffect(() => (window.addEventListener("mousemove", a), window.addEventListener("mouseup", u), () => {
67
+ window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", u);
68
+ }), [a, u]), /* @__PURE__ */ x("div", { className: g(i.rail, i[`axis-${n}`]), children: /* @__PURE__ */ x(
69
+ w,
70
+ {
71
+ showPointer: !1,
72
+ style: b,
73
+ className: g(i.thumb, { [i.active]: h }),
74
+ onMouseDown: p
75
+ }
76
+ ) });
77
+ }
78
+ export {
79
+ Y as R,
80
+ i as s
81
+ };
@@ -1 +1 @@
1
- ._root_1pwnk_1{background-color:var(--color-accordion-background)}._item_1pwnk_5,._header_1pwnk_5{cursor:pointer;background:var(--color-accordion-background)}._triggerContainer_1pwnk_10{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--quant);border-bottom:1px solid var(--color-accordion-border-color);height:calc(var(--quant) * 7.75);transition:border-bottom .25s ease-out}._triggerContainer_1pwnk_10:hover,._triggerContainer_1pwnk_10:focus-visible:not(:hover){border-bottom:2px solid rgba(var(--color-primary),1)}._triggerContainer_1pwnk_10:hover ._iconFlip_1pwnk_23,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconFlip_1pwnk_23{transform:rotateX(90deg)}._triggerContainer_1pwnk_10:hover ._iconUp_1pwnk_26,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconUp_1pwnk_26{top:calc(-1 * var(--offset-small))}._triggerContainer_1pwnk_10:hover ._iconDown_1pwnk_29,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconDown_1pwnk_29{top:var(--offset-small)}._triggerContainer_1pwnk_10 ._iconLeft_1pwnk_32{margin-right:var(--offset-small);color:rgba(var(--color-secondary),1)}._triggerContainer_1pwnk_10 ._iconRight_1pwnk_36{top:0;position:relative;color:rgba(var(--color-secondary),1);margin-left:var(--offset-small);transition:transform .25s ease-out,top .5s ease;transform-style:preserve-3d}._iconFlip_1pwnk_23{transform:rotateX(90deg)}._content_1pwnk_49{display:block;padding:calc(var(--quant) * .5) calc(var(--quant) * 6.5);overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}._content_1pwnk_49._open_1pwnk_56{max-height:calc(var(--quant) * 30)}
1
+ .cfxui__Accordion__root__23c5d{background-color:var(--color-accordion-background)}.cfxui__Accordion__item__88b4c,.cfxui__Accordion__header__cbd69{cursor:pointer;background:var(--color-accordion-background)}.cfxui__Accordion__triggerContainer__b92c1{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--quant);border-bottom:1px solid var(--color-accordion-border-color);height:calc(var(--quant) * 7.75);transition:border-bottom .25s ease-out}.cfxui__Accordion__triggerContainer__b92c1:hover,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover){border-bottom:2px solid rgba(var(--color-primary),1)}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconFlip__367de,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconFlip__367de{transform:rotateX(90deg)}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconUp__28d27,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconUp__28d27{top:calc(-1 * var(--offset-small))}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconDown__b9e95,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconDown__b9e95{top:var(--offset-small)}.cfxui__Accordion__triggerContainer__b92c1 .cfxui__Accordion__iconLeft__e348b{margin-right:var(--offset-small);color:rgba(var(--color-secondary),1)}.cfxui__Accordion__triggerContainer__b92c1 .cfxui__Accordion__iconRight__bbf0c{top:0;position:relative;color:rgba(var(--color-secondary),1);margin-left:var(--offset-small);transition:transform .25s ease-out,top .5s ease;transform-style:preserve-3d}.cfxui__Accordion__iconFlip__367de{transform:rotateX(90deg)}.cfxui__Accordion__content__5ecaf{display:block;padding:calc(var(--quant) * .5) calc(var(--quant) * 6.5);overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}.cfxui__Accordion__content__5ecaf.cfxui__Accordion__open__ed604{max-height:calc(var(--quant) * 30)}
@@ -1 +1 @@
1
- ._root_1vrfs_1{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}._root_1vrfs_1._rounded_1vrfs_7{border-radius:var(--border-radius-pill)}._root_1vrfs_1._size-small_1vrfs_10{width:var(--control-height-small);height:var(--control-height-small)}._root_1vrfs_1._size-normal_1vrfs_14{width:var(--control-height-normal);height:var(--control-height-normal)}._root_1vrfs_1._size-large_1vrfs_18{width:var(--control-height-large);height:var(--control-height-large)}._root_1vrfs_1._size-xxxlarge_1vrfs_22{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
1
+ .cfxui__Avatar__root__59baa{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}.cfxui__Avatar__root__59baa.cfxui__Avatar__rounded__7cde6{border-radius:var(--border-radius-pill)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-small__ffc23{width:var(--control-height-small);height:var(--control-height-small)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-normal__fcfe8{width:var(--control-height-normal);height:var(--control-height-normal)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-large__d607f{width:var(--control-height-large);height:var(--control-height-large)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-xxxlarge__262e4{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
@@ -1 +1 @@
1
- ._root_5qhvc_1{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--offset-small)}._root_5qhvc_1._success_5qhvc_12{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}._root_5qhvc_1._success_5qhvc_12._hoverable_5qhvc_16:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}._root_5qhvc_1._neutral_5qhvc_19{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}._root_5qhvc_1._warning_5qhvc_23{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}._root_5qhvc_1._warning_5qhvc_23._hoverable_5qhvc_16:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}._root_5qhvc_1._error_5qhvc_30{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}._root_5qhvc_1._error_5qhvc_30._hoverable_5qhvc_16:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}._root_5qhvc_1._small_5qhvc_37{padding:var(--offset-xxsmall) var(--offset-small)}._icon_5qhvc_41{margin-left:var(--offset-xsmall)}
1
+ .cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--offset-small)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:var(--offset-xxsmall) var(--offset-small)}.cfxui__Badge__icon__4e25f{margin-left:var(--offset-xsmall)}
@@ -1 +1 @@
1
- ._root_1rhjm_1._full-width_1rhjm_1{width:100%}._root_1rhjm_1._fit-content-width_1rhjm_4{width:fit-content}._root_1rhjm_1._full-height_1rhjm_7{height:100%}._root_1rhjm_1._no-overflow_1rhjm_10{overflow:hidden}._root_1rhjm_1._no-shrink_1rhjm_13{flex-shrink:0}._root_1rhjm_1._grow_1rhjm_16{flex-grow:1}._root_1rhjm_1._no-grow_1rhjm_19{flex-grow:0}
1
+ .cfxui__Box__root__299ae.cfxui__Box__full-width__2b253{width:100%}.cfxui__Box__root__299ae.cfxui__Box__fit-content-width__eff85{width:fit-content}.cfxui__Box__root__299ae.cfxui__Box__full-height__1d61f{height:100%}.cfxui__Box__root__299ae.cfxui__Box__no-overflow__68f14{overflow:hidden}.cfxui__Box__root__299ae.cfxui__Box__no-shrink__fbd72{flex-shrink:0}.cfxui__Box__root__299ae.cfxui__Box__grow__7ee8d{flex-grow:1}.cfxui__Box__root__299ae.cfxui__Box__no-grow__7c039{flex-grow:0}
@@ -1 +1 @@
1
- ._unsetAll_13zdy_1{all:unset}._root_13zdy_5{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);box-sizing:border-box;--height: var(--control-height-large);height:var(--height);min-width:var(--control-height-large);padding:var(--offset-xxsmall) calc(var(--quant) * 5);outline:none;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxsmall);line-height:1.2;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:solid 1.5px;border-radius:var(--border-radius-small);--color: var(--color-button-text);--border-color: var(--color-button-border);--background-color: var(--color-button-background);color:var(--color);border-color:var(--border-color);background-color:var(--background-color)}._root_13zdy_5{transition:background-color .25s ease,color .25s ease,outline-offset 0s,outline 0s}._root_13zdy_5._fullWidth_13zdy_38{width:100%;flex-shrink:1}._root_13zdy_5:disabled{cursor:not-allowed;opacity:.5}._root_13zdy_5:not(:disabled):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}._root_13zdy_5:not(:disabled):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background);transform:translateY(1px)}._root_13zdy_5:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_13zdy_5._primary_13zdy_58{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-primary-text);--border-color: var(--color-button-primary-border);--background-color: var(--color-button-primary-background)}._root_13zdy_5._primary_13zdy_58:disabled{--color: var(--color-button-primary-disabled-text);--border-color: var(--color-button-primary-disabled-border);--background-color: var(--color-button-primary-disabled-background)}._root_13zdy_5._primary_13zdy_58:not(:disabled):hover{--color: var(--color-button-primary-hover-text);--border-color: var(--color-button-primary-hover-border);--background-color: var(--color-button-primary-hover-background)}._root_13zdy_5._primary_13zdy_58:not(:disabled):active{--color: var(--color-button-primary-active-text);--border-color: var(--color-button-primary-active-border);--background-color: var(--color-button-primary-active-background)}._root_13zdy_5._secondary_13zdy_79{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-secondary-text);--border-color: var(--color-button-secondary-border);--background-color: var(--color-button-secondary-background)}._root_13zdy_5._secondary_13zdy_79:disabled{--color: var(--color-button-secondary-disabled-text);--border-color: var(--color-button-secondary-disabled-border);--background-color: var(--color-button-secondary-disabled-background)}._root_13zdy_5._secondary_13zdy_79:not(:disabled):hover{--color: var(--color-button-secondary-hover-text);--border-color: var(--color-button-secondary-hover-border);--background-color: var(--color-button-secondary-hover-background)}._root_13zdy_5._secondary_13zdy_79:not(:disabled):active{--color: var(--color-button-secondary-active-text);--border-color: var(--color-button-secondary-active-border);--background-color: var(--color-button-secondary-active-background)}._root_13zdy_5._on-light_13zdy_100{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-onlight-text);--border-color: var(--color-button-onlight-border);--background-color: var(--color-button-onlight-background)}._root_13zdy_5._on-light_13zdy_100:disabled{--color: var(--color-button-onlight-disabled-text);--border-color: var(--color-button-onlight-disabled-border);--background-color: var(--color-button-onlight-disabled-background)}._root_13zdy_5._on-light_13zdy_100:not(:disabled):hover{--color: var(--color-button-onlight-hover-text);--border-color: var(--color-button-onlight-hover-border);--background-color: var(--color-button-onlight-hover-background)}._root_13zdy_5._on-light_13zdy_100:not(:disabled):active{--color: var(--color-button-onlight-active-text);--border-color: var(--color-button-onlight-active-border);--background-color: var(--color-button-onlight-active-background)}._root_13zdy_5._linked_13zdy_121{--height: calc(var(--quant) * 4);font-weight:var(--font-weight-normal);line-height:1.2;letter-spacing:0;font-size:var(--font-size-xsmall);-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:none;min-width:0;padding:0 var(--offset-small);--color: var(--color-button-linked-text);--border-color: var(--color-button-linked-border);--background-color: var(--color-button-linked-background)}._root_13zdy_5._linked_13zdy_121:disabled{--color: var(--color-button-linked-disabled-text);--border-color: var(--color-button-linked-disabled-border);--background-color: var(--color-button-linked-disabled-background)}._root_13zdy_5._linked_13zdy_121:not(:disabled):hover{--color: var(--color-button-linked-hover-text);--border-color: var(--color-button-linked-hover-border);--background-color: var(--color-button-linked-hover-background)}._root_13zdy_5._linked_13zdy_121:not(:disabled):active{--color: var(--color-button-linked-active-text);--border-color: var(--color-button-linked-active-border);--background-color: var(--color-button-linked-active-background)}._root_13zdy_5._quicklink_13zdy_150{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;--color: var(--color-button-quicklink-text);--border-color: var(--color-button-quicklink-border);--background-color: var(--color-button-quicklink-background)}._root_13zdy_5._quicklink_13zdy_150 ._icon_13zdy_157{position:relative;right:0}._root_13zdy_5._quicklink_13zdy_150 ._icon_13zdy_157{transition:right .25s ease,outline-offset 0s,outline 0s}._root_13zdy_5._quicklink_13zdy_150:disabled{--color: var(--color-button-quicklink-disabled-text);--border-color: var(--color-button-quicklink-disabled-border);--background-color: var(--color-button-quicklink-disabled-background)}._root_13zdy_5._quicklink_13zdy_150:not(:disabled):hover{--color: var(--color-button-quicklink-hover-text);--border-color: var(--color-button-quicklink-hover-border);--background-color: var(--color-button-quicklink-hover-background)}._root_13zdy_5._quicklink_13zdy_150:not(:disabled):hover ._icon_13zdy_157{right:calc(-1 * calc(var(--quant) * .5))}._root_13zdy_5._quicklink_13zdy_150:not(:disabled):active{--color: var(--color-button-quicklink-active-text);--border-color: var(--color-button-quicklink-active-border);--background-color: var(--color-button-quicklink-active-background)}._root_13zdy_5._icononly_13zdy_182{padding:0;width:var(--height);line-height:0}._root_13zdy_5 ._decorator_13zdy_187{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
1
+ .cfxui__Button__unsetAll__44b96{all:unset}.cfxui__Button__root__e2ace{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);box-sizing:border-box;--height: var(--control-height-large);height:var(--height);min-width:var(--control-height-large);padding:var(--offset-xxsmall) calc(var(--quant) * 5);outline:none;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxsmall);line-height:1.2;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:solid 1.5px;border-radius:var(--border-radius-small);--color: var(--color-button-text);--border-color: var(--color-button-border);--background-color: var(--color-button-background);color:var(--color);border-color:var(--border-color);background-color:var(--background-color)}.cfxui__Button__root__e2ace{transition:background-color .25s ease,color .25s ease,outline-offset 0s,outline 0s}.cfxui__Button__root__e2ace.cfxui__Button__fullWidth__f61d9{width:100%;flex-shrink:1}.cfxui__Button__root__e2ace:disabled{cursor:not-allowed;opacity:.5}.cfxui__Button__root__e2ace:not(:disabled):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}.cfxui__Button__root__e2ace:not(:disabled):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background);transform:translateY(1px)}.cfxui__Button__root__e2ace:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-primary-text);--border-color: var(--color-button-primary-border);--background-color: var(--color-button-primary-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:disabled{--color: var(--color-button-primary-disabled-text);--border-color: var(--color-button-primary-disabled-border);--background-color: var(--color-button-primary-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:not(:disabled):hover{--color: var(--color-button-primary-hover-text);--border-color: var(--color-button-primary-hover-border);--background-color: var(--color-button-primary-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:not(:disabled):active{--color: var(--color-button-primary-active-text);--border-color: var(--color-button-primary-active-border);--background-color: var(--color-button-primary-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-secondary-text);--border-color: var(--color-button-secondary-border);--background-color: var(--color-button-secondary-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:disabled{--color: var(--color-button-secondary-disabled-text);--border-color: var(--color-button-secondary-disabled-border);--background-color: var(--color-button-secondary-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:not(:disabled):hover{--color: var(--color-button-secondary-hover-text);--border-color: var(--color-button-secondary-hover-border);--background-color: var(--color-button-secondary-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:not(:disabled):active{--color: var(--color-button-secondary-active-text);--border-color: var(--color-button-secondary-active-border);--background-color: var(--color-button-secondary-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-onlight-text);--border-color: var(--color-button-onlight-border);--background-color: var(--color-button-onlight-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:disabled{--color: var(--color-button-onlight-disabled-text);--border-color: var(--color-button-onlight-disabled-border);--background-color: var(--color-button-onlight-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:not(:disabled):hover{--color: var(--color-button-onlight-hover-text);--border-color: var(--color-button-onlight-hover-border);--background-color: var(--color-button-onlight-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:not(:disabled):active{--color: var(--color-button-onlight-active-text);--border-color: var(--color-button-onlight-active-border);--background-color: var(--color-button-onlight-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb{--height: calc(var(--quant) * 4);font-weight:var(--font-weight-normal);line-height:1.2;letter-spacing:0;font-size:var(--font-size-xsmall);-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:none;min-width:0;padding:0 var(--offset-small);--color: var(--color-button-linked-text);--border-color: var(--color-button-linked-border);--background-color: var(--color-button-linked-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:disabled{--color: var(--color-button-linked-disabled-text);--border-color: var(--color-button-linked-disabled-border);--background-color: var(--color-button-linked-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:not(:disabled):hover{--color: var(--color-button-linked-hover-text);--border-color: var(--color-button-linked-hover-border);--background-color: var(--color-button-linked-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:not(:disabled):active{--color: var(--color-button-linked-active-text);--border-color: var(--color-button-linked-active-border);--background-color: var(--color-button-linked-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;--color: var(--color-button-quicklink-text);--border-color: var(--color-button-quicklink-border);--background-color: var(--color-button-quicklink-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac .cfxui__Button__icon__44e51{position:relative;right:0}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac .cfxui__Button__icon__44e51{transition:right .25s ease,outline-offset 0s,outline 0s}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:disabled{--color: var(--color-button-quicklink-disabled-text);--border-color: var(--color-button-quicklink-disabled-border);--background-color: var(--color-button-quicklink-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):hover{--color: var(--color-button-quicklink-hover-text);--border-color: var(--color-button-quicklink-hover-border);--background-color: var(--color-button-quicklink-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):hover .cfxui__Button__icon__44e51{right:calc(-1 * calc(var(--quant) * .5))}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):active{--color: var(--color-button-quicklink-active-text);--border-color: var(--color-button-quicklink-active-border);--background-color: var(--color-button-quicklink-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__icononly__4f786{padding:0;width:var(--height);line-height:0}.cfxui__Button__root__e2ace .cfxui__Button__decorator__39a9b{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
@@ -1 +1 @@
1
- ._bar_4bu59_1{display:flex;align-items:center;gap:calc(var(--quant) * 2.5)}
1
+ .cfxui__ButtonBar__bar__cf894{display:flex;align-items:center;gap:calc(var(--quant) * 2.5)}
@@ -1 +1 @@
1
- ._root_gr1d9_1{display:flex}._root_gr1d9_1._vertical_gr1d9_4{height:100%;align-items:center}._root_gr1d9_1._horizontal_gr1d9_8{width:100%;justify-content:center}
1
+ .cfxui__Center__root__e3435{display:flex}.cfxui__Center__root__e3435.cfxui__Center__vertical__a517d{height:100%;align-items:center}.cfxui__Center__root__e3435.cfxui__Center__horizontal__21f93{width:100%;justify-content:center}
@@ -1 +1 @@
1
- ._rootUnset_1i045_1{all:unset}._root_1i045_1{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._root_1i045_1:focus-visible,._root_1i045_1:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}._root_1i045_1[data-disabled]{opacity:.5;cursor:not-allowed}._root_1i045_1 ._indicator_1i045_20{color:inherit;display:flex;align-items:center;justify-content:center}._root_1i045_1._size-small_1i045_26{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);border-radius:var(--border-radius-xxsmall);border:1.5px solid}._root_1i045_1._size-small_1i045_26 ._indicator_1i045_20{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);line-height:var(--control-height-xxsmall)}._root_1i045_1._size-small_1i045_26 ._indicator_1i045_20 svg{width:calc(var(--control-height-xxsmall) / 1.5);height:calc(var(--control-height-xxsmall) / 1.5)}._root_1i045_1._size-normal_1i045_41{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--border-radius-xsmall);border:calc(var(--quant) * .25) solid}._root_1i045_1._size-normal_1i045_41 ._indicator_1i045_20{width:var(--control-height-xsmall);height:var(--control-height-xsmall);line-height:var(--control-height-xsmall)}._root_1i045_1._size-normal_1i045_41 ._indicator_1i045_20 svg{width:calc(var(--control-height-xsmall) / 1.5);height:calc(var(--control-height-xsmall) / 1.5)}._root_1i045_1._size-large_1i045_56{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--border-radius-small);border:calc(var(--quant) * .25) solid}._root_1i045_1._size-large_1i045_56 ._indicator_1i045_20{width:var(--control-height-small);height:var(--control-height-small);line-height:var(--control-height-small)}._root_1i045_1._size-large_1i045_56 ._indicator_1i045_20 svg{width:calc(var(--control-height-small) / 1.5);height:calc(var(--control-height-small) / 1.5)}
1
+ .cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cfxui__Checkbox__root__865aa:focus-visible,.cfxui__Checkbox__root__865aa:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}.cfxui__Checkbox__root__865aa[data-disabled]{opacity:.5;cursor:not-allowed}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{color:inherit;display:flex;align-items:center;justify-content:center}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);border-radius:var(--border-radius-xxsmall);border:1.5px solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);line-height:var(--control-height-xxsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-xxsmall) / 1.5);height:calc(var(--control-height-xxsmall) / 1.5)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--border-radius-xsmall);border:calc(var(--quant) * .25) solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xsmall);height:var(--control-height-xsmall);line-height:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-xsmall) / 1.5);height:calc(var(--control-height-xsmall) / 1.5)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--border-radius-small);border:calc(var(--quant) * .25) solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-small);height:var(--control-height-small);line-height:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-small) / 1.5);height:calc(var(--control-height-small) / 1.5)}
@@ -1 +1 @@
1
- ._root_185u8_1._copied_185u8_1{color:var(--color-title-text-copy);background-color:var(--color-title-background-dark)}
1
+ .cfxui__ClipboardButton__root__e8251.cfxui__ClipboardButton__copied__6e0b9{color:var(--color-title-text-copy);background-color:var(--color-title-background-dark)}
@@ -1 +1 @@
1
- ._root_1ykga_1{display:flex;align-items:center}._root_1ykga_1._small_1ykga_5{height:var(--control-height-small)}._root_1ykga_1._normal_1ykga_8{height:var(--control-height-normal)}._root_1ykga_1._large_1ykga_11{height:var(--control-height-large)}
1
+ .cfxui__ControlBox__root__6a08c{display:flex;align-items:center}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__small__8beb2{height:var(--control-height-small)}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__normal__e3aa5{height:var(--control-height-normal)}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__large__1039d{height:var(--control-height-large)}