@cfx-dev/ui-components 0.0.5

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 (188) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +17 -0
  3. package/dist/Button.module-Z6njvP9Z.js +17 -0
  4. package/dist/Combination-AG9vHdSx.js +1478 -0
  5. package/dist/Icons-B26SczGZ.js +162 -0
  6. package/dist/Rail-DoYzqKk4.js +89 -0
  7. package/dist/assets/Avatar.css +1 -0
  8. package/dist/assets/Badge.css +1 -0
  9. package/dist/assets/Box.css +1 -0
  10. package/dist/assets/Button.css +1 -0
  11. package/dist/assets/Center.css +1 -0
  12. package/dist/assets/Checkbox.css +1 -0
  13. package/dist/assets/ControlBox.css +1 -0
  14. package/dist/assets/CountryFlag.css +1 -0
  15. package/dist/assets/Decorate.css +1 -0
  16. package/dist/assets/Dot.css +1 -0
  17. package/dist/assets/Flex.css +1 -0
  18. package/dist/assets/FlexRestricter.css +1 -0
  19. package/dist/assets/Flyout.css +1 -0
  20. package/dist/assets/Icon.css +1 -0
  21. package/dist/assets/Indicator.css +1 -0
  22. package/dist/assets/InfoPanel.css +1 -0
  23. package/dist/assets/Input.css +1 -0
  24. package/dist/assets/Interactive.css +1 -0
  25. package/dist/assets/Island.css +1 -0
  26. package/dist/assets/Loaf.css +1 -0
  27. package/dist/assets/Modal.css +1 -0
  28. package/dist/assets/NavList.css +1 -0
  29. package/dist/assets/Overlay.css +1 -0
  30. package/dist/assets/Pad.css +1 -0
  31. package/dist/assets/Page.css +1 -0
  32. package/dist/assets/Popover.css +1 -0
  33. package/dist/assets/PremiumBadge.css +1 -0
  34. package/dist/assets/Prose.css +1 -0
  35. package/dist/assets/Radio.css +1 -0
  36. package/dist/assets/Rail.css +1 -0
  37. package/dist/assets/RichInput.css +1 -0
  38. package/dist/assets/Select.css +1 -0
  39. package/dist/assets/Separator.css +1 -0
  40. package/dist/assets/Shroud.css +1 -0
  41. package/dist/assets/Spacer.css +1 -0
  42. package/dist/assets/Switch.css +1 -0
  43. package/dist/assets/Tabular.css +1 -0
  44. package/dist/assets/Text.css +1 -0
  45. package/dist/assets/Textarea.css +1 -0
  46. package/dist/assets/Title.css +1 -0
  47. package/dist/assets/global.css +1 -0
  48. package/dist/assets/themes.css +1 -0
  49. package/dist/components/Avatar/Avatar.d.ts +8 -0
  50. package/dist/components/Avatar/Avatar.js +22 -0
  51. package/dist/components/BackdropPortal/BackdropPortal.d.ts +6 -0
  52. package/dist/components/BackdropPortal/BackdropPortal.js +11 -0
  53. package/dist/components/Badge/Badge.d.ts +9 -0
  54. package/dist/components/Badge/Badge.js +18 -0
  55. package/dist/components/Button/Button.d.ts +22 -0
  56. package/dist/components/Button/Button.js +56 -0
  57. package/dist/components/Button/ButtonBar.d.ts +6 -0
  58. package/dist/components/Button/ButtonBar.js +13 -0
  59. package/dist/components/Checkbox/Checkbox.d.ts +12 -0
  60. package/dist/components/Checkbox/Checkbox.js +42 -0
  61. package/dist/components/ControlBox/ControlBox.d.ts +9 -0
  62. package/dist/components/ControlBox/ControlBox.js +19 -0
  63. package/dist/components/CountryFlag/CountryFlag.d.ts +9 -0
  64. package/dist/components/CountryFlag/CountryFlag.js +21 -0
  65. package/dist/components/Decorate/Decorate.d.ts +9 -0
  66. package/dist/components/Decorate/Decorate.js +20 -0
  67. package/dist/components/Dot/Dot.d.ts +6 -0
  68. package/dist/components/Dot/Dot.js +14 -0
  69. package/dist/components/Flyout/Flyout.d.ts +17 -0
  70. package/dist/components/Flyout/Flyout.js +60 -0
  71. package/dist/components/Icon/Icon.d.ts +11 -0
  72. package/dist/components/Icon/Icon.js +24 -0
  73. package/dist/components/Icons.d.ts +38 -0
  74. package/dist/components/Icons.js +6 -0
  75. package/dist/components/Indicator/Indicator.d.ts +6 -0
  76. package/dist/components/Indicator/Indicator.js +19 -0
  77. package/dist/components/InfoPanel/InfoPanel.d.ts +13 -0
  78. package/dist/components/InfoPanel/InfoPanel.js +34 -0
  79. package/dist/components/Input/Input.d.ts +37 -0
  80. package/dist/components/Input/Input.js +96 -0
  81. package/dist/components/Input/RichInput.d.ts +18 -0
  82. package/dist/components/Input/RichInput.js +63 -0
  83. package/dist/components/Interactive/Interactive.d.ts +6 -0
  84. package/dist/components/Interactive/Interactive.js +18 -0
  85. package/dist/components/Island/Island.d.ts +26 -0
  86. package/dist/components/Island/Island.js +34 -0
  87. package/dist/components/Layout/Box/Box.d.ts +21 -0
  88. package/dist/components/Layout/Box/Box.js +38 -0
  89. package/dist/components/Layout/Center/Center.d.ts +9 -0
  90. package/dist/components/Layout/Center/Center.js +22 -0
  91. package/dist/components/Layout/Flex/Flex.d.ts +26 -0
  92. package/dist/components/Layout/Flex/Flex.js +75 -0
  93. package/dist/components/Layout/Flex/FlexRestricter.d.ts +12 -0
  94. package/dist/components/Layout/Flex/FlexRestricter.js +20 -0
  95. package/dist/components/Layout/Pad/Pad.d.ts +15 -0
  96. package/dist/components/Layout/Pad/Pad.js +36 -0
  97. package/dist/components/Layout/Page/Page.d.ts +8 -0
  98. package/dist/components/Layout/Page/Page.js +21 -0
  99. package/dist/components/Layout/Scrollable/Rail.d.ts +13 -0
  100. package/dist/components/Layout/Scrollable/Rail.js +10 -0
  101. package/dist/components/Layout/Scrollable/Scrollable.d.ts +14 -0
  102. package/dist/components/Layout/Scrollable/Scrollable.js +89 -0
  103. package/dist/components/Layout/Scrollable/VirtualScrollable.d.ts +11 -0
  104. package/dist/components/Layout/Scrollable/VirtualScrollable.js +426 -0
  105. package/dist/components/Loaf/Loaf.d.ts +12 -0
  106. package/dist/components/Loaf/Loaf.js +27 -0
  107. package/dist/components/Modal/Modal.d.ts +18 -0
  108. package/dist/components/Modal/Modal.js +42 -0
  109. package/dist/components/NavList/NavList.d.ts +14 -0
  110. package/dist/components/NavList/NavList.js +33 -0
  111. package/dist/components/OnScreenSensor.d.ts +5 -0
  112. package/dist/components/OnScreenSensor.js +26 -0
  113. package/dist/components/Overlay/Overlay.d.ts +20 -0
  114. package/dist/components/Overlay/Overlay.js +28 -0
  115. package/dist/components/Popover/Popover.d.ts +12 -0
  116. package/dist/components/Popover/Popover.js +40 -0
  117. package/dist/components/PremiumBadge/PremiumBadge.d.ts +15 -0
  118. package/dist/components/PremiumBadge/PremiumBadge.js +38 -0
  119. package/dist/components/Prose/Prose.d.ts +6 -0
  120. package/dist/components/Prose/Prose.js +12 -0
  121. package/dist/components/Radio/Radio.d.ts +12 -0
  122. package/dist/components/Radio/Radio.js +45 -0
  123. package/dist/components/Select/Select.d.ts +16 -0
  124. package/dist/components/Select/Select.js +3293 -0
  125. package/dist/components/Separator/Separator.d.ts +8 -0
  126. package/dist/components/Separator/Separator.js +29 -0
  127. package/dist/components/Shroud/Shroud.d.ts +6 -0
  128. package/dist/components/Shroud/Shroud.js +41 -0
  129. package/dist/components/Spacer/Spacer.d.ts +5 -0
  130. package/dist/components/Spacer/Spacer.js +26 -0
  131. package/dist/components/Style/Style.d.ts +12 -0
  132. package/dist/components/Style/Style.js +23 -0
  133. package/dist/components/Switch/Switch.d.ts +17 -0
  134. package/dist/components/Switch/Switch.js +65 -0
  135. package/dist/components/Symbols.d.ts +5 -0
  136. package/dist/components/Symbols.js +7 -0
  137. package/dist/components/Tabular/Tabular.d.ts +30 -0
  138. package/dist/components/Tabular/Tabular.js +64 -0
  139. package/dist/components/Text/Text.d.ts +8 -0
  140. package/dist/components/Text/Text.js +61 -0
  141. package/dist/components/Text/Text.types.d.ts +33 -0
  142. package/dist/components/Text/Text.types.js +1 -0
  143. package/dist/components/Textarea/Textarea.d.ts +15 -0
  144. package/dist/components/Textarea/Textarea.js +57 -0
  145. package/dist/components/Title/Title.d.ts +13 -0
  146. package/dist/components/Title/Title.js +113 -0
  147. package/dist/components/outlets.d.ts +10 -0
  148. package/dist/components/outlets.js +7 -0
  149. package/dist/components/ui.d.ts +28 -0
  150. package/dist/components/ui.js +29 -0
  151. package/dist/functional-C0pE183N.js +30 -0
  152. package/dist/hooks-Bv1kQUpO.js +65 -0
  153. package/dist/index-C75OpfGQ.js +19577 -0
  154. package/dist/links-CgOD-Vfj.js +1142 -0
  155. package/dist/main.d.ts +68 -0
  156. package/dist/main.js +118 -0
  157. package/dist/math-i2ceybzU.js +16 -0
  158. package/dist/medium-Dc7QRuE0.js +118 -0
  159. package/dist/outlet-C4wpavcH.js +25 -0
  160. package/dist/outlets-BsMV5obW.js +13 -0
  161. package/dist/string-NVxCUbqk.js +54 -0
  162. package/dist/styles-scss/_colors.scss +211 -0
  163. package/dist/styles-scss/_ui.scss +195 -0
  164. package/dist/styles-scss/global.scss +71 -0
  165. package/dist/styles-scss/themes/dark.scss +24 -0
  166. package/dist/styles-scss/themes/light.scss +54 -0
  167. package/dist/styles-scss/themes.scss +2 -0
  168. package/dist/styles-scss/tokens.scss +274 -0
  169. package/dist/tslib.es6-Dd_EkEfR.js +48 -0
  170. package/dist/utils/clsx.d.ts +7 -0
  171. package/dist/utils/clsx.js +14 -0
  172. package/dist/utils/functional.d.ts +5 -0
  173. package/dist/utils/functional.js +8 -0
  174. package/dist/utils/getValue.d.ts +2 -0
  175. package/dist/utils/getValue.js +6 -0
  176. package/dist/utils/hooks.d.ts +13 -0
  177. package/dist/utils/hooks.js +9 -0
  178. package/dist/utils/links.d.ts +27 -0
  179. package/dist/utils/links.js +14 -0
  180. package/dist/utils/math.d.ts +2 -0
  181. package/dist/utils/math.js +5 -0
  182. package/dist/utils/mergeRefs.d.ts +3 -0
  183. package/dist/utils/mergeRefs.js +10 -0
  184. package/dist/utils/outlet.d.ts +4 -0
  185. package/dist/utils/outlet.js +6 -0
  186. package/dist/utils/string.d.ts +6 -0
  187. package/dist/utils/string.js +9 -0
  188. package/package.json +82 -0
@@ -0,0 +1,162 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import c from "react";
3
+ var L = {
4
+ color: void 0,
5
+ size: void 0,
6
+ className: void 0,
7
+ style: void 0,
8
+ attr: void 0
9
+ }, d = c.createContext && c.createContext(L), o = function() {
10
+ return o = Object.assign || function(t) {
11
+ for (var l, e = 1, n = arguments.length; e < n; e++) {
12
+ l = arguments[e];
13
+ for (var i in l)
14
+ Object.prototype.hasOwnProperty.call(l, i) && (t[i] = l[i]);
15
+ }
16
+ return t;
17
+ }, o.apply(this, arguments);
18
+ }, z = function(t, l) {
19
+ var e = {};
20
+ for (var n in t)
21
+ Object.prototype.hasOwnProperty.call(t, n) && l.indexOf(n) < 0 && (e[n] = t[n]);
22
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
23
+ for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
24
+ l.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (e[n[i]] = t[n[i]]);
25
+ return e;
26
+ };
27
+ function m(t) {
28
+ return t && t.map(function(l, e) {
29
+ return c.createElement(l.tag, o({
30
+ key: e
31
+ }, l.attr), m(l.child));
32
+ });
33
+ }
34
+ function r(t) {
35
+ return function(l) {
36
+ return c.createElement(p, o({
37
+ attr: o({}, t.attr)
38
+ }, l), m(t.child));
39
+ };
40
+ }
41
+ function p(t) {
42
+ var l = function(e) {
43
+ var n = t.attr, i = t.size, u = t.title, C = z(t, ["attr", "size", "title"]), g = i || e.size || "1em", s;
44
+ return e.className && (s = e.className), t.className && (s = (s ? s + " " : "") + t.className), c.createElement("svg", o({
45
+ stroke: "currentColor",
46
+ fill: "currentColor",
47
+ strokeWidth: "0"
48
+ }, e.attr, n, C, {
49
+ className: s,
50
+ style: o(o({
51
+ color: t.color || e.color
52
+ }, e.style), t.style),
53
+ height: g,
54
+ width: g,
55
+ xmlns: "http://www.w3.org/2000/svg"
56
+ }), u && c.createElement("title", null, u), t.children);
57
+ };
58
+ return d !== void 0 ? c.createElement(d.Consumer, null, function(e) {
59
+ return l(e);
60
+ }) : l(L);
61
+ }
62
+ function x(t) {
63
+ return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" } }, { tag: "path", attr: { d: "M13 7h-2v6h6v-2h-4z" } }] })(t);
64
+ }
65
+ function M(t) {
66
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z" } }, { tag: "path", attr: { d: "M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" } }] })(t);
67
+ }
68
+ function B(t) {
69
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" } }] })(t);
70
+ }
71
+ function w(t) {
72
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" } }] })(t);
73
+ }
74
+ function y(t) {
75
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } }] })(t);
76
+ }
77
+ function Q(t) {
78
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" } }] })(t);
79
+ }
80
+ function q(t) {
81
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(t);
82
+ }
83
+ function H(t) {
84
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" } }, { tag: "path", attr: { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" } }] })(t);
85
+ }
86
+ function V(t) {
87
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z" } }] })(t);
88
+ }
89
+ function k(t) {
90
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" } }] })(t);
91
+ }
92
+ function b(t) {
93
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" } }] })(t);
94
+ }
95
+ function A(t) {
96
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" } }] })(t);
97
+ }
98
+ function F(t) {
99
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" } }] })(t);
100
+ }
101
+ function O(t) {
102
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" } }] })(t);
103
+ }
104
+ function Z(t) {
105
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z" } }] })(t);
106
+ }
107
+ function N(t) {
108
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z" } }] })(t);
109
+ }
110
+ function S(t) {
111
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" } }, { tag: "path", attr: { d: "M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" } }] })(t);
112
+ }
113
+ function E(t) {
114
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z" } }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z" } }] })(t);
115
+ }
116
+ function _(t) {
117
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
118
+ }
119
+ function j(t) {
120
+ return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
121
+ }
122
+ function P(t) {
123
+ return r({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z" } }] })(t);
124
+ }
125
+ function R(t) {
126
+ return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" } }, { tag: "polyline", attr: { points: "15 3 21 3 21 9" } }, { tag: "line", attr: { x1: "10", y1: "14", x2: "21", y2: "3" } }] })(t);
127
+ }
128
+ function h(t) {
129
+ return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256.65 38.984l-49.697 100.702-111.13 16.146 80.413 78.385-18.982 110.68 99.396-52.256 99.397 52.256-18.983-110.68 80.413-78.384-111.127-16.146-49.7-100.702zM112 308.826l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L112 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L112 308.825zm288 0l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L400 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L400 308.825z" } }] })(t);
130
+ }
131
+ function v(t) {
132
+ return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M345.6 128l51.3 51.3-109.3 109.4-89.6-89.6L32 365.4 63.6 397 198 262.5l89.6 89.7 141.1-141 51.3 51.3V128H345.6z" } }] })(t);
133
+ }
134
+ function T(t) {
135
+ return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z" } }] })(t);
136
+ }
137
+ function U(t) {
138
+ return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z" } }] })(t);
139
+ }
140
+ function G(t) {
141
+ return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { fill: "none" }, child: [{ tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }] }, { tag: "path", attr: { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" } }] })(t);
142
+ }
143
+ function D(t) {
144
+ return r({ tag: "svg", attr: { viewBox: "0 0 16 16", fill: "currentColor" }, child: [{ tag: "rect", attr: { x: "2", y: "9", width: "9", height: "1" } }, { tag: "rect", attr: { x: "2", y: "12", width: "8", height: "1" } }, { tag: "rect", attr: { x: "2", y: "6", width: "12", height: "1" } }, { tag: "rect", attr: { x: "2", y: "3", width: "11", height: "1" } }] })(t);
145
+ }
146
+ var f;
147
+ ((t) => {
148
+ t.exit = /* @__PURE__ */ a(j, { style: { fontSize: "1.75em" } }), t.settings = /* @__PURE__ */ a(b, {}), t.changelog = /* @__PURE__ */ a(P, {}), t.storymode = /* @__PURE__ */ a(Z, {}), t.replayEditor = /* @__PURE__ */ a(G, {}), t.tipInfo = /* @__PURE__ */ a(N, {}), t.remove = /* @__PURE__ */ a(E, {}), t.externalLink = /* @__PURE__ */ a(R, {}), t.tags = /* @__PURE__ */ a(S, {}), t.checkmark = /* @__PURE__ */ a(y, {}), t.playersCount = /* @__PURE__ */ a(O, {}), t.last24h = /* @__PURE__ */ a(U, {}), t.statusLevelAllGood = /* @__PURE__ */ a(w, {}), t.statusLevelMinor = /* @__PURE__ */ a(k, {}), t.statusLevelMajor = /* @__PURE__ */ a(_, {}), t.favoriteInactive = /* @__PURE__ */ a(F, {}), t.favoriteActive = /* @__PURE__ */ a(A, { className: "cfx-color-primary" }), t.account = /* @__PURE__ */ a(B, {}), t.accountLoaded = /* @__PURE__ */ a(M, {}), t.serversListAll = /* @__PURE__ */ a(D, {}), t.serversListSupporters = /* @__PURE__ */ a(V, {}), t.serversListHistory = /* @__PURE__ */ a(H, {}), t.serversListFavorites = t.favoriteInactive, t.serverLastConnected = /* @__PURE__ */ a(x, {}), t.serversFeatured = /* @__PURE__ */ a(h, { style: { fill: "url(#pin-gradient)" } }), t.serversFeaturedUnstyled = /* @__PURE__ */ a(h, {}), t.serverBoost = /* @__PURE__ */ a(v, { style: { fill: "url(#boost-gradient)" } }), t.serverBoostUnstyled = /* @__PURE__ */ a(v, {}), t.serverBurst = /* @__PURE__ */ a(T, { style: { fill: "url(#burst-gradient)" } });
149
+ })(f || (f = {}));
150
+ const J = {
151
+ gta5: /* @__PURE__ */ a("svg", { className: "brand-icon mirror", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-gta5" }) }),
152
+ rdr3: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-rdr3" }) }),
153
+ ny: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-ny" }) }),
154
+ cfxre: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-cfxre" }) }),
155
+ ROS: /* @__PURE__ */ a("svg", { className: "brand-icon", viewBox: "0 0 128 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M126.7,82.9L99.6,82.9L95.3,55.9L79.5,82.7L76.5,82.7C74.7,79.6 74,75.1 74,72.3C74,67.7 74.3,63.2 74.3,57.3C74.3,49.5 72,45.4 65.9,43.9L65.9,43.7C78.8,41.9 84.7,33.3 84.7,21.3C84.7,4.2 73.3,0.5 58.4,0.5L18.3,0.5L1.3,80.9L22.6,80.9L28.8,51.6L43,51.6C50.6,51.6 53.7,55.3 53.7,62.4C53.7,67.8 53.1,72.1 53.1,76.2C53.1,77.7 53.4,81.3 54.5,82.7L69.9,99L56.6,127.5L85,110.6L106.2,126.9L102.3,100L126.7,82.9ZM49.4,36.6L32.4,36.6L36.5,17.2L52.3,17.2C57.9,17.2 63.8,18.7 63.8,25.5C63.8,34.2 57.1,36.6 49.4,36.6M85.4,105.9L65.6,117.7L74.7,98.3L63.7,86.7L81.8,86.7L93.2,67.4L96.3,86.9L114.3,86.9L98.1,98.2L101,118L85.4,105.9Z" }) })
156
+ };
157
+ export {
158
+ J as B,
159
+ f as I,
160
+ Q as a,
161
+ q as b
162
+ };
@@ -0,0 +1,89 @@
1
+ import { jsx as _ } from "react/jsx-runtime";
2
+ import r from "react";
3
+ import { Interactive as w } from "./components/Interactive/Interactive.js";
4
+ import { clsx as A } from "./utils/clsx.js";
5
+ import { c as C } from "./hooks-Bv1kQUpO.js";
6
+ import { c as b } from "./math-i2ceybzU.js";
7
+ import './assets/Rail.css';const P = "_virtual_sn3qq_1", T = "_root_sn3qq_5", y = "_active_sn3qq_13", z = "_scroller_sn3qq_17", M = "_content_sn3qq_27", R = "_thumb_sn3qq_42", a = {
8
+ virtual: P,
9
+ root: T,
10
+ "rail-y": "_rail-y_sn3qq_12",
11
+ "rail-x": "_rail-x_sn3qq_13",
12
+ active: y,
13
+ scroller: z,
14
+ "no-x-scroll": "_no-x-scroll_sn3qq_21",
15
+ "no-y-scroll": "_no-y-scroll_sn3qq_24",
16
+ content: M,
17
+ thumb: R
18
+ };
19
+ function E() {
20
+ return {
21
+ pos: 0,
22
+ ratio: 1,
23
+ height: 0,
24
+ offset: 0,
25
+ dragging: !1,
26
+ dragStartAtCursor: 0,
27
+ dragStartAtPos: 0,
28
+ movementMultiplier: 1
29
+ };
30
+ }
31
+ function X(d) {
32
+ const {
33
+ axis: l,
34
+ pos: n,
35
+ size: e,
36
+ scrollSize: g,
37
+ rootRef: v,
38
+ setRootActive: c,
39
+ minThumbSize: i
40
+ } = d, o = r.useMemo(() => l === "x" ? {
41
+ sizeCSS: "width",
42
+ offsetCSSTransform: "translateX",
43
+ scrollToSide: "left",
44
+ mousePosAxis: "clientX"
45
+ } : {
46
+ sizeCSS: "height",
47
+ offsetCSSTransform: "translateY",
48
+ scrollToSide: "top",
49
+ mousePosAxis: "clientY"
50
+ }, []), [S, m] = r.useState(!1), t = C(E);
51
+ t.pos = n, t.ratio = b(e / g), t.height = e * t.ratio, t.offset = n * t.ratio, t.height < i && (t.height = i, t.offset = n * t.ratio * ((e - i) / e)), t.movementMultiplier = 1 / t.ratio;
52
+ const h = r.useCallback((s) => {
53
+ t.dragging = !0, t.dragStartAtPos = t.pos, t.dragStartAtCursor = s[o.mousePosAxis], m(!0), c(!0);
54
+ }, []);
55
+ r.useEffect(() => {
56
+ const s = (q) => {
57
+ var f;
58
+ if (!t.dragging)
59
+ return;
60
+ const x = q[o.mousePosAxis] - t.dragStartAtCursor;
61
+ (f = v.current) == null || f.scrollTo({
62
+ [o.scrollToSide]: t.dragStartAtPos + x * t.movementMultiplier,
63
+ behavior: "auto"
64
+ });
65
+ }, u = () => {
66
+ t.dragging && (t.dragging = !1, m(!1), c(!1));
67
+ };
68
+ return window.addEventListener("mousemove", s), window.addEventListener("mouseup", u), () => {
69
+ window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", u);
70
+ };
71
+ }, []);
72
+ const p = {
73
+ [o.sizeCSS]: `${t.height}px`,
74
+ transform: `${o.offsetCSSTransform}(${t.offset}px)`
75
+ };
76
+ return /* @__PURE__ */ _("div", { className: a[`rail-${l}`], children: /* @__PURE__ */ _(
77
+ w,
78
+ {
79
+ showPointer: !1,
80
+ style: p,
81
+ className: A(a.thumb, { [a.active]: S }),
82
+ onMouseDown: h
83
+ }
84
+ ) });
85
+ }
86
+ export {
87
+ X as R,
88
+ a as s
89
+ };
@@ -0,0 +1 @@
1
+ ._root_kigp9_1{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}._root_kigp9_1._size-small_kigp9_7{width:var(--control-height-small);height:var(--control-height-small)}._root_kigp9_1._size-normal_kigp9_11{width:var(--control-height-normal);height:var(--control-height-normal)}._root_kigp9_1._size-large_kigp9_15{width:var(--control-height-large);height:var(--control-height-large)}._root_kigp9_1._size-xxxlarge_kigp9_19{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
@@ -0,0 +1 @@
1
+ ._root_11j4y_1{display:flex;align-items:center;justify-content:center;padding:0 var(--offset-small);font-size:var(--font-size-xsmall);height:var(--control-height-xsmall);border:solid 1px;border-radius:var(--offset-large)}._root_11j4y_1._default_11j4y_11{color:var(--color-badge-text);border-color:var(--color-badge-border);background-color:var(--color-badge-background)}._root_11j4y_1._primary_11j4y_16{border-color:var(--color-badge-primary-border);background-color:var(--color-badge-primary-background)}
@@ -0,0 +1 @@
1
+ ._root_1e1ao_1._no-overflow_1e1ao_1{overflow:hidden}._root_1e1ao_1._no-shrink_1e1ao_4{flex-shrink:0}._root_1e1ao_1._grow_1e1ao_7{flex-grow:1}._root_1e1ao_1._no-grow_1e1ao_10{flex-grow:0}
@@ -0,0 +1 @@
1
+ ._bar_rzf6p_1{display:flex;align-items:center;gap:2px}._bar_rzf6p_1 ._root_rzf6p_6{border-radius:0}._bar_rzf6p_1>*:first-child ._root_rzf6p_6,._bar_rzf6p_1>._root_rzf6p_6:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}._bar_rzf6p_1>*:last-child ._root_rzf6p_6,._bar_rzf6p_1>._root_rzf6p_6:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}._bar_rzf6p_1 ._root_rzf6p_6 ._root_rzf6p_6{border-radius:var(--border-radius-small)}._root_rzf6p_6{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);--height: var(--control-height-normal);height:var(--height);padding:0 var(--offset-normal);border:none;outline:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);line-height:1.1;letter-spacing:1px;text-decoration:none;cursor:pointer;border:solid 2px;border-radius:var(--border-radius-small);color:var(--color-button-text);border-color:var(--color-button-border);background-color:var(--color-button-background)}._root_rzf6p_6{transition:background-color .2s ease}._root_rzf6p_6:hover{transition:none}._root_rzf6p_6:disabled{cursor:not-allowed;opacity:.5}._root_rzf6p_6:not(:disabled):hover{border-color:var(--color-button-hover-border);background-color:var(--color-button-hover-background)}._root_rzf6p_6:not(:disabled):active{border-color:var(--color-button-active-border);background-color:var(--color-button-active-background);transform:translateY(1px)}._root_rzf6p_6:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_rzf6p_6._fullWidth_rzf6p_71{width:100%}._root_rzf6p_6._primary_rzf6p_74{-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_rzf6p_6._primary_rzf6p_74: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_rzf6p_6._primary_rzf6p_74: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_rzf6p_6._default-blurred_rzf6p_90{--_backdrop-color: var(--backdrop-color, transparent);--_backdrop-image-blur: var(--backdrop-image-blur, url(assets/images/bg2-blur.png));background-color:var(--_backdrop-color, initial);background-image:linear-gradient(var(--_backdrop-color, initial),var(--_backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--_backdrop-image-blur, initial),var(--_backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed;--backdrop-color: var(--color-button-background)}._root_rzf6p_6._default-blurred_rzf6p_90:not(:disabled):hover{--backdrop-color: var(--color-button-hover-background)}._root_rzf6p_6._default-blurred_rzf6p_90:not(:disabled):active{--backdrop-color: var(--color-button-active-background)}._root_rzf6p_6._transparent_rzf6p_106{border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}._root_rzf6p_6._small_rzf6p_111{--height: var(--control-height-small);padding:0 var(--offset-small);font-size:var(--font-size-small)}._root_rzf6p_6._large_rzf6p_116{--height: var(--control-height-large);padding:0 var(--offset-large);font-size:var(--font-size-normal)}._root_rzf6p_6._icon_rzf6p_121{padding:0;width:var(--height)}._root_rzf6p_6._straight-borders_rzf6p_125{border-radius:0}._root_rzf6p_6 ._icon-node_rzf6p_128{display:flex;align-items:center;height:100%}._root_rzf6p_6 ._decorator_rzf6p_133{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
@@ -0,0 +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}
@@ -0,0 +1 @@
1
+ ._root_ucpv2_1{display:inline-flex;align-items:center;justify-content:flex-start;padding:var(--offset-small) var(--offset-normal);font-family:var(--font-family-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-checkbox-text);border:solid 2px var(--color-checkbox-border);background-color:var(--color-checkbox-background);border-radius:var(--border-radius-small)}._root_ucpv2_1{transition:all .2s ease}._root_ucpv2_1:hover{transition:none}._root_ucpv2_1._size-normal_ucpv2_22{min-height:var(--control-height-normal)}._root_ucpv2_1._size-large_ucpv2_25{min-height:var(--control-height-large)}._root_ucpv2_1 input{width:0;height:0}._root_ucpv2_1 ._indicator_ucpv2_32{align-self:flex-start;flex-shrink:0;margin-top:calc(var(--offset-small) / 2);width:calc(var(--control-height-xsmall) - 4px);height:calc(var(--control-height-xsmall) - 4px);border:solid 1px transparent;border-radius:1px;box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 0 var(--color-checkbox-indicator) inset}._root_ucpv2_1 ._indicator_ucpv2_32{transition:all .2s ease}._root_ucpv2_1 ._indicator_ucpv2_32:hover{transition:none}._root_ucpv2_1 input:checked+._indicator_ucpv2_32{box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 calc(var(--control-height-xsmall) - 4px) var(--color-checkbox-indicator) inset}._root_ucpv2_1._disabled_ucpv2_51{cursor:not-allowed;opacity:.5}._root_ucpv2_1:not(._disabled_ucpv2_51):hover{background-color:var(--color-checkbox-hover-background)}._root_ucpv2_1:not(._disabled_ucpv2_51) input:focus-visible+._indicator_ucpv2_32{outline:solid 2px var(--color-checkbox-focus-outline)}._root_ucpv2_1._with-label_ucpv2_61 ._indicator_ucpv2_32{margin-right:var(--offset-normal)}
@@ -0,0 +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)}