@cfx-dev/ui-components 1.0.2 → 1.1.1

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 (59) hide show
  1. package/README.md +38 -38
  2. package/dist/Button.module-Cv-7p0xt.js +16 -0
  3. package/dist/assets/Button.css +1 -1
  4. package/dist/assets/Flex.css +1 -1
  5. package/dist/assets/Flyout.css +1 -1
  6. package/dist/assets/Input.css +1 -1
  7. package/dist/assets/Island.css +1 -1
  8. package/dist/assets/Pad.css +1 -1
  9. package/dist/assets/Popover.css +1 -1
  10. package/dist/assets/RichInput.css +1 -1
  11. package/dist/assets/Spacer.css +1 -1
  12. package/dist/assets/Textarea.css +1 -1
  13. package/dist/assets/global.css +1 -1
  14. package/dist/components/Button/Button.d.ts +1 -1
  15. package/dist/components/Button/Button.js +1 -1
  16. package/dist/components/Button/ButtonBar.js +1 -1
  17. package/dist/components/Flyout/Flyout.js +39 -39
  18. package/dist/components/Input/Input.d.ts +0 -1
  19. package/dist/components/Input/Input.js +58 -61
  20. package/dist/components/Input/RichInput.js +27 -27
  21. package/dist/components/InputDropzone/InputDropzone.js +122 -119
  22. package/dist/components/InputDropzone/ItemPreview.js +1 -1
  23. package/dist/components/Island/Island.js +23 -23
  24. package/dist/components/Layout/Flex/Flex.d.ts +1 -1
  25. package/dist/components/Layout/Flex/Flex.js +44 -43
  26. package/dist/components/Layout/Pad/Pad.d.ts +1 -1
  27. package/dist/components/Layout/Pad/Pad.js +30 -29
  28. package/dist/components/Modal/Modal.d.ts +2 -0
  29. package/dist/components/Modal/Modal.js +25 -23
  30. package/dist/components/Overlay/Overlay.js +13 -13
  31. package/dist/components/Popover/Popover.js +18 -18
  32. package/dist/components/Select/Select.d.ts +1 -1
  33. package/dist/components/Select/Select.js +239 -229
  34. package/dist/components/Spacer/Spacer.d.ts +1 -1
  35. package/dist/components/Spacer/Spacer.js +13 -12
  36. package/dist/components/Table/Table.js +41 -35
  37. package/dist/components/Text/Text.types.d.ts +1 -1
  38. package/dist/components/Textarea/Textarea.d.ts +0 -1
  39. package/dist/components/Textarea/Textarea.js +37 -40
  40. package/dist/iconBase-Bipuk9tK.js +112 -0
  41. package/dist/main.d.ts +1 -1
  42. package/dist/main.js +112 -113
  43. package/dist/style-guide/Icons/IconDisplayGrid.js +3 -3
  44. package/dist/style-guide/Icons/Icons.d.ts +13 -13
  45. package/dist/style-guide/Icons/Icons.js +36 -8
  46. package/dist/styles-scss/_ui.scss +167 -195
  47. package/dist/styles-scss/assets/images/checkered_dark.svg +7 -7
  48. package/dist/styles-scss/assets/images/checkered_light.svg +7 -7
  49. package/dist/styles-scss/global.scss +73 -75
  50. package/dist/styles-scss/theme_dark.scss +24 -24
  51. package/dist/styles-scss/theme_light.scss +54 -54
  52. package/dist/styles-scss/themes.scss +2 -2
  53. package/dist/styles-scss/tokens.scss +272 -274
  54. package/dist/utils/string.d.ts +16 -1
  55. package/dist/utils/string.js +46 -39
  56. package/package.json +71 -72
  57. package/dist/Button.module-Z6njvP9Z.js +0 -17
  58. package/dist/Icons-NE1cibCU.js +0 -107
  59. package/dist/index.esm-BkynlSN6.js +0 -72
@@ -1,5 +1,5 @@
1
1
  export interface SpacerProps {
2
- size?: 'none' | 'thin' | 'small' | 'normal' | 'large' | 'xlarge';
2
+ size?: 'none' | 'thin' | 'small' | 'normal' | 'medium' | 'large' | 'xlarge';
3
3
  vertical?: boolean;
4
4
  }
5
5
  export declare function Spacer(props: SpacerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,23 +1,24 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { clsx as l } from "../../utils/clsx.js";
3
- import '../../assets/Spacer.css';const a = "_root_19yue_1", t = "_horizontal_19yue_1", e = {
3
+ import '../../assets/Spacer.css';const a = "_root_gods5_1", t = "_horizontal_gods5_1", s = {
4
4
  root: a,
5
5
  horizontal: t,
6
- "size-none": "_size-none_19yue_4",
7
- "size-thin": "_size-thin_19yue_7",
8
- "size-xsmall": "_size-xsmall_19yue_10",
9
- "size-small": "_size-small_19yue_13",
10
- "size-normal": "_size-normal_19yue_16",
11
- "size-large": "_size-large_19yue_19",
12
- "size-xlarge": "_size-xlarge_19yue_22"
6
+ "size-none": "_size-none_gods5_4",
7
+ "size-thin": "_size-thin_gods5_7",
8
+ "size-xsmall": "_size-xsmall_gods5_10",
9
+ "size-small": "_size-small_gods5_13",
10
+ "size-normal": "_size-normal_gods5_16",
11
+ "size-medium": "_size-medium_gods5_19",
12
+ "size-large": "_size-large_gods5_22",
13
+ "size-xlarge": "_size-xlarge_gods5_25"
13
14
  };
14
- function m(s) {
15
+ function m(e) {
15
16
  const {
16
17
  size: i = "normal",
17
18
  vertical: o = !1
18
- } = s, _ = l(e.root, e[`size-${i}`], {
19
- [e.horizontal]: !o,
20
- [e.vertical]: o
19
+ } = e, _ = l(s.root, s[`size-${i}`], {
20
+ [s.horizontal]: !o,
21
+ [s.vertical]: o
21
22
  });
22
23
  return /* @__PURE__ */ r("div", { className: _ });
23
24
  }
@@ -1,54 +1,60 @@
1
- import { jsx as t, jsxs as a } from "react/jsx-runtime";
2
- import d, { useState as i } from "react";
3
- import { F, a as A } from "../../index.esm-BkynlSN6.js";
4
- import '../../assets/Table.css';const E = "_selectedRow_1jg2j_23", _ = {
1
+ import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
+ import d, { useState as o } from "react";
3
+ import { G as R } from "../../iconBase-Bipuk9tK.js";
4
+ import '../../assets/Table.css';function x(l) {
5
+ return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" }, child: [] }] })(l);
6
+ }
7
+ function L(l) {
8
+ return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" }, child: [] }] })(l);
9
+ }
10
+ const z = "_selectedRow_1jg2j_23", w = {
5
11
  "table-responsive": "_table-responsive_1jg2j_1",
6
- selectedRow: E
12
+ selectedRow: z
7
13
  };
8
- function S({
9
- headers: h = [],
10
- data: w = [],
11
- includeRadio: n = !1,
12
- onSelectChange: c,
13
- dataContainer: p,
14
- useSort: m = !1,
14
+ function G({
15
+ headers: l = [],
16
+ data: _ = [],
17
+ includeRadio: p = !1,
18
+ onSelectChange: r,
19
+ dataContainer: h,
20
+ useSort: u = !1,
15
21
  sortBy: j,
16
- sortOrder: v = "asc",
17
- onSortChange: o
22
+ sortOrder: y = "asc",
23
+ onSortChange: n
18
24
  }) {
19
- const [b, f] = i(null), [u, y] = i(j), [R, k] = i(v), O = (e) => {
20
- const l = u === e && R === "asc" ? "desc" : "asc";
21
- y(e), k(l), o == null || o(e, l);
22
- }, $ = d.useCallback((e) => {
23
- f(parseInt(e.target.value, 10)), c == null || c(parseInt(e.target.value, 10));
24
- }, [f, c]);
25
- return /* @__PURE__ */ t("div", { className: _.table, children: /* @__PURE__ */ a("table", { children: [
26
- /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
27
- n && /* @__PURE__ */ t("th", { children: "Select Row" }),
28
- h.map((e, s) => /* @__PURE__ */ a("th", { onClick: () => m && O(e), children: [
29
- e,
30
- m && u === e && /* @__PURE__ */ t("span", { children: R === "asc" ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(A, {}) })
25
+ const [m, f] = o(null), [b, g] = o(j), [v, B] = o(y), k = (t) => {
26
+ const c = b === t && v === "asc" ? "desc" : "asc";
27
+ g(t), B(c), n == null || n(t, c);
28
+ }, O = d.useCallback((t) => {
29
+ f(parseInt(t.target.value, 10)), r == null || r(parseInt(t.target.value, 10));
30
+ }, [f, r]);
31
+ return /* @__PURE__ */ e("div", { className: w.table, children: /* @__PURE__ */ i("table", { children: [
32
+ /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
33
+ p && /* @__PURE__ */ e("th", { children: "Select Row" }),
34
+ l.map((t, s) => /* @__PURE__ */ i("th", { onClick: () => u && k(t), children: [
35
+ t,
36
+ u && b === t && /* @__PURE__ */ e("span", { children: v === "asc" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(x, {}) })
31
37
  ] }, `header-${s}`))
32
38
  ] }) }),
33
- /* @__PURE__ */ t("tbody", { children: w.map((e, s) => /* @__PURE__ */ a(
39
+ /* @__PURE__ */ e("tbody", { children: _.map((t, s) => /* @__PURE__ */ i(
34
40
  "tr",
35
41
  {
36
- className: b === s ? _.selectedRow : "",
42
+ className: m === s ? w.selectedRow : "",
37
43
  children: [
38
- n && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
44
+ p && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
39
45
  "input",
40
46
  {
41
47
  type: "radio",
42
48
  name: "tableRowSelect",
43
49
  value: s,
44
- checked: b === s,
45
- onChange: $,
50
+ checked: m === s,
51
+ onChange: O,
46
52
  "aria-label": `${s}`
47
53
  }
48
54
  ) }),
49
- e.map((l, B) => {
50
- let r;
51
- return d.isValidElement(l) ? r = l : p ? r = d.createElement(p, { item: l }) : r = String(l), /* @__PURE__ */ t("td", { children: r }, `item-${B}`);
55
+ t.map((c, $) => {
56
+ let a;
57
+ return d.isValidElement(c) ? a = c : h ? a = d.createElement(h, { item: c }) : a = String(c), /* @__PURE__ */ e("td", { children: a }, `item-${$}`);
52
58
  })
53
59
  ]
54
60
  },
@@ -57,5 +63,5 @@ function S({
57
63
  ] }) });
58
64
  }
59
65
  export {
60
- S as Table
66
+ G as Table
61
67
  };
@@ -17,7 +17,7 @@ interface TextPropsBase {
17
17
  uppercase?: boolean;
18
18
  size?: TextSize;
19
19
  weight?: TextWeight;
20
- family?: 'primary' | 'secondary' | 'monospace';
20
+ family?: 'primary' | 'monospace';
21
21
  children?: React.ReactNode;
22
22
  className?: string;
23
23
  }
@@ -10,6 +10,5 @@ export interface TextareaProps {
10
10
  resize?: 'none' | 'vertical' | 'horizontal' | 'both';
11
11
  autofocus?: boolean;
12
12
  className?: string;
13
- backdropBlur?: boolean;
14
13
  }
15
14
  export declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
@@ -1,57 +1,54 @@
1
- import { jsx as t, jsxs as z } from "react/jsx-runtime";
1
+ import { jsx as l, jsxs as f } from "react/jsx-runtime";
2
2
  import _ from "react";
3
- import { clsx as p } from "../../utils/clsx.js";
4
- import '../../assets/Textarea.css';const k = "_root_1gmfx_1", v = "_small_1gmfx_7", C = "_large_1gmfx_11", N = "_error_1gmfx_15", w = "_disabled_1gmfx_19", e = {
5
- root: k,
6
- "full-width": "_full-width_1gmfx_4",
3
+ import { clsx as g } from "../../utils/clsx.js";
4
+ import '../../assets/Textarea.css';const x = "_root_19t3p_1", v = "_small_19t3p_7", C = "_large_19t3p_11", N = "_error_19t3p_15", w = "_disabled_19t3p_19", e = {
5
+ root: x,
6
+ "full-width": "_full-width_19t3p_4",
7
7
  small: v,
8
8
  large: C,
9
9
  error: N,
10
10
  disabled: w,
11
- "resize-none": "_resize-none_1gmfx_57",
12
- "resize-vertical": "_resize-vertical_1gmfx_60",
13
- "resize-horizontal": "_resize-horizontal_1gmfx_63",
14
- "resize-both": "_resize-both_1gmfx_66",
15
- "backdrop-blur": "_backdrop-blur_1gmfx_83"
11
+ "resize-none": "_resize-none_19t3p_57",
12
+ "resize-vertical": "_resize-vertical_19t3p_60",
13
+ "resize-horizontal": "_resize-horizontal_19t3p_63",
14
+ "resize-both": "_resize-both_19t3p_66"
16
15
  };
17
- function B(n) {
16
+ function k(n) {
18
17
  const {
19
- value: c,
20
- onChange: r,
21
- label: o,
22
- placeholder: i,
18
+ value: i,
19
+ onChange: o,
20
+ label: t,
21
+ placeholder: c,
23
22
  rows: d,
24
- resize: m = "none",
25
- disabled: a = !1,
26
- autofocus: f,
27
- className: g,
28
- backdropBlur: x = !1
29
- } = n, b = _.useCallback(
30
- (h) => {
31
- r(h.target.value);
23
+ resize: p = "none",
24
+ disabled: r = !1,
25
+ autofocus: h,
26
+ className: m
27
+ } = n, u = _.useCallback(
28
+ (b) => {
29
+ o(b.target.value);
32
30
  },
33
- [r]
34
- ), l = _.useId(), s = /* @__PURE__ */ t(
31
+ [o]
32
+ ), s = _.useId(), a = /* @__PURE__ */ l(
35
33
  "textarea",
36
34
  {
37
- autoFocus: f,
38
- id: l,
39
- className: e[`resize-${m}`],
35
+ autoFocus: h,
36
+ id: s,
37
+ className: e[`resize-${p}`],
40
38
  rows: d,
41
- value: c,
42
- disabled: a,
43
- onChange: b,
44
- placeholder: i
39
+ value: i,
40
+ disabled: r,
41
+ onChange: u,
42
+ placeholder: c
45
43
  }
46
- ), u = p(e.root, g, {
47
- [e.disabled]: a,
48
- [e["backdrop-blur"]]: x
44
+ ), z = g(e.root, m, {
45
+ [e.disabled]: r
49
46
  });
50
- return /* @__PURE__ */ t("div", { className: u, children: o ? /* @__PURE__ */ z("label", { htmlFor: l, children: [
51
- o,
52
- s
53
- ] }) : s });
47
+ return /* @__PURE__ */ l("div", { className: z, children: t ? /* @__PURE__ */ f("label", { htmlFor: s, children: [
48
+ t,
49
+ a
50
+ ] }) : a });
54
51
  }
55
52
  export {
56
- B as Textarea
53
+ k as Textarea
57
54
  };
@@ -0,0 +1,112 @@
1
+ import a from "react";
2
+ var p = {
3
+ color: void 0,
4
+ size: void 0,
5
+ className: void 0,
6
+ style: void 0,
7
+ attr: void 0
8
+ }, s = a.createContext && /* @__PURE__ */ a.createContext(p), O = ["attr", "size", "title"];
9
+ function g(e, t) {
10
+ if (e == null) return {};
11
+ var r = y(e, t), n, i;
12
+ if (Object.getOwnPropertySymbols) {
13
+ var o = Object.getOwnPropertySymbols(e);
14
+ for (i = 0; i < o.length; i++)
15
+ n = o[i], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
16
+ }
17
+ return r;
18
+ }
19
+ function y(e, t) {
20
+ if (e == null) return {};
21
+ var r = {};
22
+ for (var n in e)
23
+ if (Object.prototype.hasOwnProperty.call(e, n)) {
24
+ if (t.indexOf(n) >= 0) continue;
25
+ r[n] = e[n];
26
+ }
27
+ return r;
28
+ }
29
+ function c() {
30
+ return c = Object.assign ? Object.assign.bind() : function(e) {
31
+ for (var t = 1; t < arguments.length; t++) {
32
+ var r = arguments[t];
33
+ for (var n in r)
34
+ Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
35
+ }
36
+ return e;
37
+ }, c.apply(this, arguments);
38
+ }
39
+ function m(e, t) {
40
+ var r = Object.keys(e);
41
+ if (Object.getOwnPropertySymbols) {
42
+ var n = Object.getOwnPropertySymbols(e);
43
+ t && (n = n.filter(function(i) {
44
+ return Object.getOwnPropertyDescriptor(e, i).enumerable;
45
+ })), r.push.apply(r, n);
46
+ }
47
+ return r;
48
+ }
49
+ function u(e) {
50
+ for (var t = 1; t < arguments.length; t++) {
51
+ var r = arguments[t] != null ? arguments[t] : {};
52
+ t % 2 ? m(Object(r), !0).forEach(function(n) {
53
+ d(e, n, r[n]);
54
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : m(Object(r)).forEach(function(n) {
55
+ Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
56
+ });
57
+ }
58
+ return e;
59
+ }
60
+ function d(e, t, r) {
61
+ return t = j(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
62
+ }
63
+ function j(e) {
64
+ var t = P(e, "string");
65
+ return typeof t == "symbol" ? t : t + "";
66
+ }
67
+ function P(e, t) {
68
+ if (typeof e != "object" || !e) return e;
69
+ var r = e[Symbol.toPrimitive];
70
+ if (r !== void 0) {
71
+ var n = r.call(e, t || "default");
72
+ if (typeof n != "object") return n;
73
+ throw new TypeError("@@toPrimitive must return a primitive value.");
74
+ }
75
+ return (t === "string" ? String : Number)(e);
76
+ }
77
+ function b(e) {
78
+ return e && e.map((t, r) => /* @__PURE__ */ a.createElement(t.tag, u({
79
+ key: r
80
+ }, t.attr), b(t.child)));
81
+ }
82
+ function E(e) {
83
+ return (t) => /* @__PURE__ */ a.createElement(h, c({
84
+ attr: u({}, e.attr)
85
+ }, t), b(e.child));
86
+ }
87
+ function h(e) {
88
+ var t = (r) => {
89
+ var {
90
+ attr: n,
91
+ size: i,
92
+ title: o
93
+ } = e, v = g(e, O), f = i || r.size || "1em", l;
94
+ return r.className && (l = r.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ a.createElement("svg", c({
95
+ stroke: "currentColor",
96
+ fill: "currentColor",
97
+ strokeWidth: "0"
98
+ }, r.attr, n, v, {
99
+ className: l,
100
+ style: u(u({
101
+ color: e.color || r.color
102
+ }, r.style), e.style),
103
+ height: f,
104
+ width: f,
105
+ xmlns: "http://www.w3.org/2000/svg"
106
+ }), o && /* @__PURE__ */ a.createElement("title", null, o), e.children);
107
+ };
108
+ return s !== void 0 ? /* @__PURE__ */ a.createElement(s.Consumer, null, (r) => t(r)) : t(p);
109
+ }
110
+ export {
111
+ E as G
112
+ };
package/dist/main.d.ts CHANGED
@@ -5,7 +5,7 @@ export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, u
5
5
  export { noop, returnTrue, returnFalse, identity, invoke, } from './utils/functional';
6
6
  export { isExternalUrl, matchLinks, matchLinkNodes, defaultLinkReplacerx, defaultLinkReplacer, linkifyx, linkify, Linkify, } from './utils/links';
7
7
  export { clamp01, clamp, } from './utils/math';
8
- export { unicodeCharAt, splitByIndices, replaceRange, normalizeSlashes, isTrueString, isFalseString, } from './utils/string';
8
+ export { splitByIndices, replaceRange, normalizeSlashes, isTrueString, isFalseString, } from './utils/string';
9
9
  export { debounce, throttle, } from './utils/execution';
10
10
  export type { ValueOrGetter } from './utils/getValue';
11
11
  export type { ILinkSubstitute, ILinkMatch, LinkifyProps, } from './utils/links';
package/dist/main.js CHANGED
@@ -3,146 +3,145 @@ import { clsx as p } from "./utils/clsx.js";
3
3
  import { getValue as m } from "./utils/getValue.js";
4
4
  import { useDynamicRef as a, useGlobalKeyboardEvent as l, useInstance as n, useKeyboardClose as i, useOutlet as s, useWindowResize as u } from "./utils/hooks.js";
5
5
  import { identity as d, invoke as T, noop as I, returnFalse as L, returnTrue as S } from "./utils/functional.js";
6
- import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as h, matchLinks as D } from "./utils/links.js";
7
- import { clamp as E, clamp01 as P } from "./utils/math.js";
8
- import { isFalseString as v, isTrueString as F, normalizeSlashes as U, replaceRange as A, splitByIndices as z, unicodeCharAt as K } from "./utils/string.js";
9
- import { debounce as w, throttle as N } from "./utils/execution.js";
10
- import { Checkbox as G } from "./components/Checkbox/Checkbox.js";
11
- import { Button as W } from "./components/Button/Button.js";
12
- import { LinkButton as q } from "./components/Button/LinkButton.js";
13
- import { ButtonBar as J } from "./components/Button/ButtonBar.js";
14
- import { Avatar as X } from "./components/Avatar/Avatar.js";
15
- import { BACKDROP_OUTLET_ID as $, BackdropPortal as oo } from "./components/BackdropPortal/BackdropPortal.js";
16
- import { Badge as eo } from "./components/Badge/Badge.js";
17
- import { ControlBox as po } from "./components/ControlBox/ControlBox.js";
18
- import { CountryFlag as mo } from "./components/CountryFlag/CountryFlag.js";
19
- import { Decorate as ao } from "./components/Decorate/Decorate.js";
20
- import { Dot as no } from "./components/Dot/Dot.js";
21
- import { FLYOUT_OUTLET_ID as so, Flyout as uo } from "./components/Flyout/Flyout.js";
22
- import { Icon as To } from "./components/Icon/Icon.js";
23
- import { Indicator as Lo } from "./components/Indicator/Indicator.js";
24
- import { InfoPanel as yo } from "./components/InfoPanel/InfoPanel.js";
25
- import { Input as ko } from "./components/Input/Input.js";
26
- import { RichInput as bo } from "./components/Input/RichInput.js";
27
- import { Interactive as go } from "./components/Interactive/Interactive.js";
6
+ import { Linkify as B, defaultLinkReplacer as k, defaultLinkReplacerx as R, isExternalUrl as b, linkify as O, linkifyx as g, matchLinkNodes as D, matchLinks as h } from "./utils/links.js";
7
+ import { clamp as P, clamp01 as _ } from "./utils/math.js";
8
+ import { isFalseString as C, isTrueString as F, normalizeSlashes as U, replaceRange as z, splitByIndices as A } from "./utils/string.js";
9
+ import { debounce as V, throttle as w } from "./utils/execution.js";
10
+ import { Checkbox as Y } from "./components/Checkbox/Checkbox.js";
11
+ import { Button as M } from "./components/Button/Button.js";
12
+ import { LinkButton as j } from "./components/Button/LinkButton.js";
13
+ import { ButtonBar as H } from "./components/Button/ButtonBar.js";
14
+ import { Avatar as Q } from "./components/Avatar/Avatar.js";
15
+ import { BACKDROP_OUTLET_ID as Z, BackdropPortal as $ } from "./components/BackdropPortal/BackdropPortal.js";
16
+ import { Badge as ro } from "./components/Badge/Badge.js";
17
+ import { ControlBox as to } from "./components/ControlBox/ControlBox.js";
18
+ import { CountryFlag as xo } from "./components/CountryFlag/CountryFlag.js";
19
+ import { Decorate as fo } from "./components/Decorate/Decorate.js";
20
+ import { Dot as lo } from "./components/Dot/Dot.js";
21
+ import { FLYOUT_OUTLET_ID as io, Flyout as so } from "./components/Flyout/Flyout.js";
22
+ import { Icon as co } from "./components/Icon/Icon.js";
23
+ import { Indicator as Io } from "./components/Indicator/Indicator.js";
24
+ import { InfoPanel as So } from "./components/InfoPanel/InfoPanel.js";
25
+ import { Input as Bo } from "./components/Input/Input.js";
26
+ import { RichInput as Ro } from "./components/Input/RichInput.js";
27
+ import { Interactive as Oo } from "./components/Interactive/Interactive.js";
28
28
  import { Island as Do } from "./components/Island/Island.js";
29
29
  import { Box as Eo } from "./components/Layout/Box/Box.js";
30
30
  import { Center as _o } from "./components/Layout/Center/Center.js";
31
- import { Flex as Fo } from "./components/Layout/Flex/Flex.js";
32
- import { FlexRestricter as Ao } from "./components/Layout/Flex/FlexRestricter.js";
33
- import { Pad as Ko } from "./components/Layout/Pad/Pad.js";
34
- import { Page as wo } from "./components/Layout/Page/Page.js";
35
- import { Scrollable as Yo } from "./components/Layout/Scrollable/Scrollable.js";
36
- import { VirtualScrollable as Mo } from "./components/Layout/Scrollable/VirtualScrollable.js";
37
- import { Loaf as jo } from "./components/Loaf/Loaf.js";
38
- import { Modal as Ho } from "./components/Modal/Modal.js";
39
- import { NavList as Qo } from "./components/NavList/NavList.js";
40
- import { OVERLAY_OUTLET_ID as Zo, Overlay as $o } from "./components/Overlay/Overlay.js";
41
- import { Popover as rr } from "./components/Popover/Popover.js";
42
- import { PremiumBadge as tr } from "./components/PremiumBadge/PremiumBadge.js";
43
- import { Prose as xr } from "./components/Prose/Prose.js";
44
- import { Radio as fr } from "./components/Radio/Radio.js";
45
- import { Select as lr } from "./components/Select/Select.js";
46
- import { Separator as ir } from "./components/Separator/Separator.js";
47
- import { Shroud as ur } from "./components/Shroud/Shroud.js";
48
- import { Spacer as dr } from "./components/Spacer/Spacer.js";
49
- import { Style as Ir, useContextualStyle as Lr } from "./components/Style/Style.js";
50
- import { Switch as yr } from "./components/Switch/Switch.js";
51
- import { Tabular as kr } from "./components/Tabular/Tabular.js";
52
- import { Table as br } from "./components/Table/Table.js";
53
- import { Text as gr, TextBlock as hr } from "./components/Text/Text.js";
54
- import { Textarea as Cr } from "./components/Textarea/Textarea.js";
31
+ import { Flex as Co } from "./components/Layout/Flex/Flex.js";
32
+ import { FlexRestricter as Uo } from "./components/Layout/Flex/FlexRestricter.js";
33
+ import { Pad as Ao } from "./components/Layout/Pad/Pad.js";
34
+ import { Page as Vo } from "./components/Layout/Page/Page.js";
35
+ import { Scrollable as No } from "./components/Layout/Scrollable/Scrollable.js";
36
+ import { VirtualScrollable as Go } from "./components/Layout/Scrollable/VirtualScrollable.js";
37
+ import { Loaf as Wo } from "./components/Loaf/Loaf.js";
38
+ import { Modal as qo } from "./components/Modal/Modal.js";
39
+ import { NavList as Jo } from "./components/NavList/NavList.js";
40
+ import { OVERLAY_OUTLET_ID as Xo, Overlay as Zo } from "./components/Overlay/Overlay.js";
41
+ import { Popover as or } from "./components/Popover/Popover.js";
42
+ import { PremiumBadge as er } from "./components/PremiumBadge/PremiumBadge.js";
43
+ import { Prose as pr } from "./components/Prose/Prose.js";
44
+ import { Radio as mr } from "./components/Radio/Radio.js";
45
+ import { Select as ar } from "./components/Select/Select.js";
46
+ import { Separator as nr } from "./components/Separator/Separator.js";
47
+ import { Shroud as sr } from "./components/Shroud/Shroud.js";
48
+ import { Spacer as cr } from "./components/Spacer/Spacer.js";
49
+ import { Style as Tr, useContextualStyle as Ir } from "./components/Style/Style.js";
50
+ import { Switch as Sr } from "./components/Switch/Switch.js";
51
+ import { Tabular as Br } from "./components/Tabular/Tabular.js";
52
+ import { Table as Rr } from "./components/Table/Table.js";
53
+ import { Text as Or, TextBlock as gr } from "./components/Text/Text.js";
54
+ import { Textarea as hr } from "./components/Textarea/Textarea.js";
55
55
  import { TITLE_OUTLET_ID as Pr, Title as _r } from "./components/Title/Title.js";
56
- import { InputDropzone as Fr } from "./components/InputDropzone/InputDropzone.js";
57
- import { B as Ar, I as zr } from "./Icons-NE1cibCU.js";
58
- import { OnScreenSensor as Vr } from "./components/OnScreenSensor.js";
59
- import { ui as Nr } from "./components/ui.js";
60
- import { Symbols as Gr } from "./components/Symbols.js";
56
+ import { InputDropzone as Cr } from "./components/InputDropzone/InputDropzone.js";
57
+ import { BrandIcon as Ur, Icons as zr } from "./style-guide/Icons/Icons.js";
58
+ import { OnScreenSensor as Kr } from "./components/OnScreenSensor.js";
59
+ import { ui as wr } from "./components/ui.js";
60
+ import { Symbols as Yr } from "./components/Symbols.js";
61
61
  export {
62
- X as Avatar,
63
- $ as BACKDROP_OUTLET_ID,
64
- oo as BackdropPortal,
65
- eo as Badge,
62
+ Q as Avatar,
63
+ Z as BACKDROP_OUTLET_ID,
64
+ $ as BackdropPortal,
65
+ ro as Badge,
66
66
  Eo as Box,
67
- Ar as BrandIcon,
68
- W as Button,
69
- J as ButtonBar,
67
+ Ur as BrandIcon,
68
+ M as Button,
69
+ H as ButtonBar,
70
70
  _o as Center,
71
- G as Checkbox,
72
- po as ControlBox,
73
- mo as CountryFlag,
74
- ao as Decorate,
75
- no as Dot,
76
- so as FLYOUT_OUTLET_ID,
77
- Fo as Flex,
78
- Ao as FlexRestricter,
79
- uo as Flyout,
80
- To as Icon,
71
+ Y as Checkbox,
72
+ to as ControlBox,
73
+ xo as CountryFlag,
74
+ fo as Decorate,
75
+ lo as Dot,
76
+ io as FLYOUT_OUTLET_ID,
77
+ Co as Flex,
78
+ Uo as FlexRestricter,
79
+ so as Flyout,
80
+ co as Icon,
81
81
  zr as Icons,
82
- Lo as Indicator,
83
- yo as InfoPanel,
84
- ko as Input,
85
- Fr as InputDropzone,
86
- go as Interactive,
82
+ Io as Indicator,
83
+ So as InfoPanel,
84
+ Bo as Input,
85
+ Cr as InputDropzone,
86
+ Oo as Interactive,
87
87
  Do as Island,
88
- q as LinkButton,
88
+ j as LinkButton,
89
89
  B as Linkify,
90
- jo as Loaf,
91
- Ho as Modal,
92
- Qo as NavList,
93
- Zo as OVERLAY_OUTLET_ID,
94
- Vr as OnScreenSensor,
95
- $o as Overlay,
96
- Ko as Pad,
97
- wo as Page,
98
- rr as Popover,
99
- tr as PremiumBadge,
100
- xr as Prose,
101
- fr as Radio,
102
- bo as RichInput,
103
- Yo as Scrollable,
104
- lr as Select,
105
- ir as Separator,
106
- ur as Shroud,
107
- dr as Spacer,
108
- Ir as Style,
109
- yr as Switch,
110
- Gr as Symbols,
90
+ Wo as Loaf,
91
+ qo as Modal,
92
+ Jo as NavList,
93
+ Xo as OVERLAY_OUTLET_ID,
94
+ Kr as OnScreenSensor,
95
+ Zo as Overlay,
96
+ Ao as Pad,
97
+ Vo as Page,
98
+ or as Popover,
99
+ er as PremiumBadge,
100
+ pr as Prose,
101
+ mr as Radio,
102
+ Ro as RichInput,
103
+ No as Scrollable,
104
+ ar as Select,
105
+ nr as Separator,
106
+ sr as Shroud,
107
+ cr as Spacer,
108
+ Tr as Style,
109
+ Sr as Switch,
110
+ Yr as Symbols,
111
111
  Pr as TITLE_OUTLET_ID,
112
- br as Table,
113
- kr as Tabular,
114
- gr as Text,
115
- hr as TextBlock,
116
- Cr as Textarea,
112
+ Rr as Table,
113
+ Br as Tabular,
114
+ Or as Text,
115
+ gr as TextBlock,
116
+ hr as Textarea,
117
117
  _r as Title,
118
- Mo as VirtualScrollable,
119
- E as clamp,
120
- P as clamp01,
118
+ Go as VirtualScrollable,
119
+ P as clamp,
120
+ _ as clamp01,
121
121
  p as clsx,
122
- w as debounce,
122
+ V as debounce,
123
123
  k as defaultLinkReplacer,
124
124
  R as defaultLinkReplacerx,
125
125
  m as getValue,
126
126
  d as identity,
127
127
  T as invoke,
128
128
  b as isExternalUrl,
129
- v as isFalseString,
129
+ C as isFalseString,
130
130
  F as isTrueString,
131
131
  O as linkify,
132
132
  g as linkifyx,
133
- h as matchLinkNodes,
134
- D as matchLinks,
133
+ D as matchLinkNodes,
134
+ h as matchLinks,
135
135
  e as mergeRefs,
136
136
  I as noop,
137
137
  U as normalizeSlashes,
138
- A as replaceRange,
138
+ z as replaceRange,
139
139
  L as returnFalse,
140
140
  S as returnTrue,
141
- z as splitByIndices,
142
- N as throttle,
143
- Nr as ui,
144
- K as unicodeCharAt,
145
- Lr as useContextualStyle,
141
+ A as splitByIndices,
142
+ w as throttle,
143
+ wr as ui,
144
+ Ir as useContextualStyle,
146
145
  a as useDynamicRef,
147
146
  l as useGlobalKeyboardEvent,
148
147
  n as useInstance,