highsoft-ui 1.0.135 → 1.0.136

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 (104) hide show
  1. package/dist/{Button-K3WlRB7Q.js → Button-CTdphXmG.js} +1 -0
  2. package/dist/{ButtonGroup-Di8R8XMS.js → ButtonGroup-D5_sI3QL.js} +16 -11
  3. package/dist/{Container--5g4TI1z.js → Container-BDssaLig.js} +1 -0
  4. package/dist/{CookiePolicyModal-BDtX6aXU.js → CookiePolicyModal-DGM4bMoR.js} +1 -1
  5. package/dist/{CopyCode-CPC5QPAz.js → CopyCode-DS-3fQBn.js} +2 -1
  6. package/dist/{Dropdown-CMR98u7M.js → Dropdown-CgbtoeLA.js} +30 -17
  7. package/dist/{Footer-CsMI-4FF.js → Footer-DSJzETEs.js} +6 -6
  8. package/dist/{FooterBottom-BSII1GXN.js → FooterBottom-BHQ-77CT.js} +2 -2
  9. package/dist/{FooterHelp-D14IrxvA.js → FooterHelp-B1zOPX-K.js} +1 -1
  10. package/dist/{FooterLinks-_OSgp8_1.js → FooterLinks-BxVVi8kz.js} +1 -1
  11. package/dist/FrameworkIcon-Ds6WrxO0.js +50 -0
  12. package/dist/{Header-CB4t3RmW.js → Header-4bkW4MNM.js} +5 -5
  13. package/dist/{Heading-pg3St8MI.js → Heading-DNDHqYWO.js} +1 -0
  14. package/dist/{InputGrouped-ENTLSUR_.js → InputGrouped-RLCBTqtp.js} +60 -56
  15. package/dist/{InputSolo-BUg1ip7e.js → InputSolo-2RPRX0wM.js} +1 -0
  16. package/dist/{NewsletterSignup-C8dPx-p1.js → NewsletterSignup-BawMuwkc.js} +3 -3
  17. package/dist/{Notification-DcC9pjzU.js → Notification-icY33paf.js} +2 -2
  18. package/dist/{PrefPanel-pFTxxuQW.js → PrefPanel-0iwUb8OU.js} +1 -1
  19. package/dist/{RoadmapDetails-Cv-T7-lm.js → RoadmapDetails-BPt5Ava0.js} +2 -2
  20. package/dist/{Search-DwY5daIl.js → Search-CF_Qyaff.js} +1 -1
  21. package/dist/{Tabs-BEpADhmv.js → Tabs-BuDaPqdN.js} +1 -1
  22. package/dist/{Typography-CJ7GcPcE.js → Typography-AvvBRu-u.js} +1 -0
  23. package/dist/components/Button/index.js +1 -1
  24. package/dist/components/ButtonGroup/index.js +1 -1
  25. package/dist/components/Container/index.js +1 -1
  26. package/dist/components/CopyCode/index.js +1 -1
  27. package/dist/components/Dropdown/index.js +1 -1
  28. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  29. package/dist/components/Footer/FooterBottom.js +1 -1
  30. package/dist/components/Footer/FooterHelp.js +1 -1
  31. package/dist/components/Footer/FooterLinks.js +1 -1
  32. package/dist/components/Footer/index.js +1 -1
  33. package/dist/components/FrameworkIcon/icons/monochrome/Android.js +28 -0
  34. package/dist/components/FrameworkIcon/icons/monochrome/Angular.js +28 -0
  35. package/dist/components/FrameworkIcon/icons/monochrome/Css.js +21 -0
  36. package/dist/components/FrameworkIcon/icons/monochrome/Dotnet.js +29 -0
  37. package/dist/components/FrameworkIcon/icons/monochrome/Html.js +32 -0
  38. package/dist/components/FrameworkIcon/icons/monochrome/Javascript.js +20 -0
  39. package/dist/components/FrameworkIcon/icons/monochrome/Python.js +21 -0
  40. package/dist/components/FrameworkIcon/icons/monochrome/React.js +18 -0
  41. package/dist/components/FrameworkIcon/icons/monochrome/Swift.js +29 -0
  42. package/dist/components/FrameworkIcon/icons/monochrome/Typescript.js +29 -0
  43. package/dist/components/FrameworkIcon/icons/monochrome/Vue.js +31 -0
  44. package/dist/components/FrameworkIcon/icons/monochrome/index.js +28 -0
  45. package/dist/components/FrameworkIcon/icons/multi/Android.js +28 -0
  46. package/dist/components/FrameworkIcon/icons/multi/Angular.js +28 -0
  47. package/dist/components/FrameworkIcon/icons/multi/Css.js +21 -0
  48. package/dist/components/FrameworkIcon/icons/multi/Dotnet.js +29 -0
  49. package/dist/components/FrameworkIcon/icons/multi/Html.js +32 -0
  50. package/dist/components/FrameworkIcon/icons/multi/Javascript.js +21 -0
  51. package/dist/components/FrameworkIcon/icons/multi/Python.js +21 -0
  52. package/dist/components/FrameworkIcon/icons/multi/React.js +18 -0
  53. package/dist/components/FrameworkIcon/icons/multi/Swift.js +29 -0
  54. package/dist/components/FrameworkIcon/icons/multi/Typescript.js +29 -0
  55. package/dist/components/FrameworkIcon/icons/multi/Vue.js +32 -0
  56. package/dist/components/FrameworkIcon/icons/multi/index.js +28 -0
  57. package/dist/components/FrameworkIcon/index.js +2 -0
  58. package/dist/components/Header/index.js +1 -1
  59. package/dist/components/Heading/index.js +1 -1
  60. package/dist/components/InputGrouped/index.js +1 -1
  61. package/dist/components/InputSolo/index.js +1 -1
  62. package/dist/components/Modal/ModalContactFooter.js +2 -2
  63. package/dist/components/Modal/index.js +2 -2
  64. package/dist/components/NewsletterSignup/index.js +1 -1
  65. package/dist/components/Notification/index.js +1 -1
  66. package/dist/components/PrefPanel/index.js +1 -1
  67. package/dist/components/RoadmapDetails/index.js +1 -1
  68. package/dist/components/Search/index.js +1 -1
  69. package/dist/components/Tabs/index.js +1 -1
  70. package/dist/components/Typography/index.js +1 -1
  71. package/dist/components/icons/MadeInNorway.js +1 -0
  72. package/dist/highsoft-ui.css +1 -1
  73. package/dist/lib/components/Box/index.d.ts +1 -1
  74. package/dist/lib/components/ButtonGroup/index.d.ts +9 -1
  75. package/dist/lib/components/Dropdown/index.d.ts +5 -1
  76. package/dist/lib/components/FrameworkIcon/icons/monochrome/Android.d.ts +2 -0
  77. package/dist/lib/components/FrameworkIcon/icons/monochrome/Angular.d.ts +2 -0
  78. package/dist/lib/components/FrameworkIcon/icons/monochrome/Css.d.ts +2 -0
  79. package/dist/lib/components/FrameworkIcon/icons/monochrome/Dotnet.d.ts +2 -0
  80. package/dist/lib/components/FrameworkIcon/icons/monochrome/Html.d.ts +2 -0
  81. package/dist/lib/components/FrameworkIcon/icons/monochrome/Javascript.d.ts +2 -0
  82. package/dist/lib/components/FrameworkIcon/icons/monochrome/Python.d.ts +2 -0
  83. package/dist/lib/components/FrameworkIcon/icons/monochrome/React.d.ts +2 -0
  84. package/dist/lib/components/FrameworkIcon/icons/monochrome/Swift.d.ts +2 -0
  85. package/dist/lib/components/FrameworkIcon/icons/monochrome/Typescript.d.ts +2 -0
  86. package/dist/lib/components/FrameworkIcon/icons/monochrome/Vue.d.ts +2 -0
  87. package/dist/lib/components/FrameworkIcon/icons/monochrome/index.d.ts +11 -0
  88. package/dist/lib/components/FrameworkIcon/icons/multi/Android.d.ts +2 -0
  89. package/dist/lib/components/FrameworkIcon/icons/multi/Angular.d.ts +2 -0
  90. package/dist/lib/components/FrameworkIcon/icons/multi/Css.d.ts +2 -0
  91. package/dist/lib/components/FrameworkIcon/icons/multi/Dotnet.d.ts +2 -0
  92. package/dist/lib/components/FrameworkIcon/icons/multi/Html.d.ts +2 -0
  93. package/dist/lib/components/FrameworkIcon/icons/multi/Javascript.d.ts +2 -0
  94. package/dist/lib/components/FrameworkIcon/icons/multi/Python.d.ts +2 -0
  95. package/dist/lib/components/FrameworkIcon/icons/multi/React.d.ts +2 -0
  96. package/dist/lib/components/FrameworkIcon/icons/multi/Swift.d.ts +2 -0
  97. package/dist/lib/components/FrameworkIcon/icons/multi/Typescript.d.ts +2 -0
  98. package/dist/lib/components/FrameworkIcon/icons/multi/Vue.d.ts +2 -0
  99. package/dist/lib/components/FrameworkIcon/icons/multi/index.d.ts +11 -0
  100. package/dist/lib/components/FrameworkIcon/index.d.ts +47 -0
  101. package/dist/lib/components/Notification/index.d.ts +1 -1
  102. package/dist/lib/main.d.ts +2 -0
  103. package/dist/main.js +27 -26
  104. package/package.json +4 -3
@@ -59,5 +59,6 @@ var a = {
59
59
  })]
60
60
  });
61
61
  });
62
+ o.displayName = "Button";
62
63
  //#endregion
63
64
  export { o as t };
@@ -1,8 +1,9 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { t } from "./Button-K3WlRB7Q.js";
2
+ import { t } from "./Button-CTdphXmG.js";
3
3
  import { useEffect as n, useState as r } from "react";
4
4
  import { jsx as i } from "react/jsx-runtime";
5
5
  var a = {
6
+ alt: "qkD_Ga_alt",
6
7
  buttonGroup: "qkD_Ga_buttonGroup",
7
8
  full: "qkD_Ga_full",
8
9
  item: "qkD_Ga_item",
@@ -16,25 +17,29 @@ var a = {
16
17
  };
17
18
  //#endregion
18
19
  //#region lib/components/ButtonGroup/index.tsx
19
- function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, fullWidth: d = !1, className: f, ...p }) {
20
- let m = o.find((e) => !e.disabled)?.value, [h, g] = r(c ?? m);
20
+ function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, variant: d = "default", fullWidth: f = !1, className: p, ...m }) {
21
+ let h = o.find((e) => !e.disabled)?.value, [g, _] = r(c ?? h);
21
22
  n(() => {
22
- s === void 0 && (o.some((e) => e.value === h && !e.disabled) || g(m));
23
+ s === void 0 && (o.some((e) => e.value === g && !e.disabled) || _(h));
23
24
  }, [
24
- m,
25
25
  h,
26
+ g,
26
27
  o,
27
28
  s
28
29
  ]);
29
- let _ = s ?? h, v = (e, t) => {
30
- t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 && g(t.value), t.value !== _ && l?.(t.value, t));
30
+ let v = s ?? g, y = (e, t) => {
31
+ t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 && _(t.value), t.value !== v && l?.(t.value, t));
31
32
  };
32
33
  return /* @__PURE__ */ i("div", {
33
- className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], { [a.full]: d }, f),
34
+ className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], {
35
+ [a.full]: f,
36
+ [a.alt]: d === "alt",
37
+ "hsui-button-group--alt": d === "alt"
38
+ }, p),
34
39
  role: "group",
35
- ...p,
40
+ ...m,
36
41
  children: o.map((n) => {
37
- let r = n.value === _;
42
+ let r = n.value === v;
38
43
  return /* @__PURE__ */ i(t, {
39
44
  ...n.buttonProps,
40
45
  className: e(a.item, n.buttonProps?.className, { [a.itemSelected]: r }),
@@ -43,7 +48,7 @@ function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, fu
43
48
  iconLeft: n.iconLeft,
44
49
  disabled: n.disabled,
45
50
  "aria-pressed": r,
46
- onClick: (e) => v(e, n),
51
+ onClick: (e) => y(e, n),
47
52
  children: n.label
48
53
  }, n.value);
49
54
  })
@@ -7,5 +7,6 @@ var r = { container: "mkfCBG_container" }, i = t(({ children: t, className: i, a
7
7
  ...o,
8
8
  children: t
9
9
  }));
10
+ i.displayName = "Container";
10
11
  //#endregion
11
12
  export { i as t };
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./esm-Co_Guu6S.js";
2
- import { t } from "./Button-K3WlRB7Q.js";
2
+ import { t } from "./Button-CTdphXmG.js";
3
3
  import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
4
4
  import { useEffect as l, useRef as u, useState as d } from "react";
5
5
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { r as e, s as t } from "./utils-K9S_6_Eq.js";
2
2
  import { t as n } from "./clsx-BWCAbrjV.js";
3
3
  import { L as r, N as i } from "./esm-Co_Guu6S.js";
4
- import { t as a } from "./Button-K3WlRB7Q.js";
4
+ import { t as a } from "./Button-CTdphXmG.js";
5
5
  import { forwardRef as o, useCallback as s } from "react";
6
6
  import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
7
  var u = {
@@ -36,5 +36,6 @@ var u = {
36
36
  })]
37
37
  });
38
38
  });
39
+ d.displayName = "CopyCode";
39
40
  //#endregion
40
41
  export { d as t };
@@ -753,6 +753,7 @@ var Qt = Ct, $t = Tt, en = Dt, tn = kt, nn = Ft, rn = zt, an = Vt, on = Gt, $ =
753
753
  content: "_0tr6ea_content",
754
754
  "hsui-dropdown-in": "_0tr6ea_hsui-dropdown-in",
755
755
  "hsui-dropdown-out": "_0tr6ea_hsui-dropdown-out",
756
+ icon: "_0tr6ea_icon",
756
757
  item: "_0tr6ea_item",
757
758
  label: "_0tr6ea_label",
758
759
  noCheck: "_0tr6ea_noCheck",
@@ -762,6 +763,7 @@ function cn({ trigger: t, value: n, onValueChange: r, showCheck: i = !0, closeOn
762
763
  let _ = n !== void 0 || r !== void 0, v = h === void 0 ? void 0 : h === "trigger" ? { width: "var(--radix-dropdown-menu-trigger-width)" } : { width: h }, y = o ? o.map((e) => /* @__PURE__ */ k(ln, {
763
764
  value: e.value,
764
765
  disabled: e.disabled,
766
+ icon: e.icon,
765
767
  children: e.label
766
768
  }, e.value)) : s;
767
769
  return /* @__PURE__ */ k(sn.Provider, {
@@ -789,31 +791,42 @@ function cn({ trigger: t, value: n, onValueChange: r, showCheck: i = !0, closeOn
789
791
  })
790
792
  });
791
793
  }
792
- function ln({ value: r, disabled: i, children: a, onSelect: o, className: s }) {
793
- let { closeOnSelect: c } = O(sn), l = (e) => {
794
- c || e.preventDefault(), o?.();
795
- }, u = e($.item, s), d = /* @__PURE__ */ k(n, {
794
+ function ln({ value: r, disabled: i, children: a, icon: o, onSelect: s, className: c }) {
795
+ let { closeOnSelect: l } = O(sn), u = (e) => {
796
+ l || e.preventDefault(), s?.();
797
+ }, d = e($.item, c), f = /* @__PURE__ */ k(n, {
796
798
  name: t,
797
799
  size: 16,
798
800
  className: $.checkIcon
799
- });
801
+ }), p = o ? /* @__PURE__ */ k("span", {
802
+ className: $.icon,
803
+ children: o
804
+ }) : null;
800
805
  return r === void 0 ? /* @__PURE__ */ A(nn, {
801
806
  disabled: i,
802
- onSelect: l,
803
- className: u,
804
- children: [d, /* @__PURE__ */ k("span", {
805
- className: $.label,
806
- children: a
807
- })]
807
+ onSelect: u,
808
+ className: d,
809
+ children: [
810
+ f,
811
+ p,
812
+ /* @__PURE__ */ k("span", {
813
+ className: $.label,
814
+ children: a
815
+ })
816
+ ]
808
817
  }) : /* @__PURE__ */ A(an, {
809
818
  value: r,
810
819
  disabled: i,
811
- onSelect: l,
812
- className: u,
813
- children: [d, /* @__PURE__ */ k("span", {
814
- className: $.label,
815
- children: a
816
- })]
820
+ onSelect: u,
821
+ className: d,
822
+ children: [
823
+ f,
824
+ p,
825
+ /* @__PURE__ */ k("span", {
826
+ className: $.label,
827
+ children: a
828
+ })
829
+ ]
817
830
  });
818
831
  }
819
832
  var un = ({ className: t }) => /* @__PURE__ */ k(on, { className: e($.separator, t) });
@@ -1,13 +1,13 @@
1
1
  import { r as e } from "./utils-K9S_6_Eq.js";
2
2
  import { L as t, P as n } from "./esm-Co_Guu6S.js";
3
- import { t as r } from "./Button-K3WlRB7Q.js";
4
- import { t as i } from "./Container--5g4TI1z.js";
3
+ import { t as r } from "./Button-CTdphXmG.js";
4
+ import { t as i } from "./Container-BDssaLig.js";
5
5
  import { t as a } from "./DiscordInvite-CLYxexdH.js";
6
6
  import { t as o } from "./Logo-DTfFHBgU.js";
7
- import { t as s } from "./NewsletterSignup-C8dPx-p1.js";
8
- import { t as c } from "./FooterBottom-BSII1GXN.js";
9
- import { t as l } from "./FooterHelp-D14IrxvA.js";
10
- import { t as u } from "./FooterLinks-_OSgp8_1.js";
7
+ import { t as s } from "./NewsletterSignup-BawMuwkc.js";
8
+ import { t as c } from "./FooterBottom-BHQ-77CT.js";
9
+ import { t as l } from "./FooterHelp-B1zOPX-K.js";
10
+ import { t as u } from "./FooterLinks-BxVVi8kz.js";
11
11
  import { t as d } from "./YoutubeModal-CiBt7a4G.js";
12
12
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
13
13
  var m = {
@@ -1,7 +1,7 @@
1
1
  import { a as e, t } from "./utils-K9S_6_Eq.js";
2
2
  import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-B95RwBpz.js";
3
- import { t as u } from "./Typography-CJ7GcPcE.js";
4
- import { t as d } from "./CookiePolicyModal-BDtX6aXU.js";
3
+ import { t as u } from "./Typography-AvvBRu-u.js";
4
+ import { t as d } from "./CookiePolicyModal-DGM4bMoR.js";
5
5
  import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
6
6
  //#region node_modules/react-icons/fa6/index.mjs
7
7
  function h(e) {
@@ -2,7 +2,7 @@ import { a as e, t } from "./utils-K9S_6_Eq.js";
2
2
  import { f as n, s as r } from "./esm-Co_Guu6S.js";
3
3
  import { t as i } from "./Icon-VeXJMj8Q.js";
4
4
  import { o as a, r as o } from "./fa-B95RwBpz.js";
5
- import { t as s } from "./Typography-CJ7GcPcE.js";
5
+ import { t as s } from "./Typography-AvvBRu-u.js";
6
6
  import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
7
  var u = {
8
8
  help: "vfdIHG_help",
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
2
  import { w as t } from "./esm-Co_Guu6S.js";
3
3
  import { t as n } from "./Icon-VeXJMj8Q.js";
4
- import { t as r } from "./Typography-CJ7GcPcE.js";
4
+ import { t as r } from "./Typography-AvvBRu-u.js";
5
5
  import { t as i } from "./Label-gTAMwE0j.js";
6
6
  import a from "./components/icons/MadeInNorway.js";
7
7
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -0,0 +1,50 @@
1
+ import { t as e } from "./clsx-BWCAbrjV.js";
2
+ import { t } from "./components/FrameworkIcon/icons/multi/index.js";
3
+ import { t as n } from "./components/FrameworkIcon/icons/monochrome/index.js";
4
+ import { jsx as r } from "react/jsx-runtime";
5
+ var i = {
6
+ boxInner: "QbXtEG_boxInner",
7
+ boxOuter: "QbXtEG_boxOuter",
8
+ icon: "QbXtEG_icon",
9
+ svg: "QbXtEG_svg"
10
+ }, a = {
11
+ javascript: "Javascript",
12
+ typescript: "Typescript",
13
+ react: "React",
14
+ vue: "Vue",
15
+ angular: "Angular",
16
+ python: "Python",
17
+ swift: "Swift",
18
+ android: "Android",
19
+ html: "Html",
20
+ css: "Css",
21
+ dotnet: "Dotnet"
22
+ }, o = {
23
+ multi: t,
24
+ monochrome: n
25
+ };
26
+ function s({ icon: t, theme: n = "multi", size: s = 24, box: c = !1, className: l, ...u }) {
27
+ let d = a[t], f = o[n][d];
28
+ if (!f) return console.warn(`FrameworkIcon: No icon found for "${t}" with theme "${n}"`), null;
29
+ let p = /* @__PURE__ */ r("span", {
30
+ className: e("hsui-framework-icon", i.icon, l),
31
+ style: {
32
+ width: s,
33
+ height: s
34
+ },
35
+ children: /* @__PURE__ */ r(f, {
36
+ width: s,
37
+ height: s,
38
+ ...u
39
+ })
40
+ });
41
+ return c ? /* @__PURE__ */ r("span", {
42
+ className: i.boxOuter,
43
+ children: /* @__PURE__ */ r("span", {
44
+ className: i.boxInner,
45
+ children: p
46
+ })
47
+ }) : p;
48
+ }
49
+ //#endregion
50
+ export { s as t };
@@ -1,13 +1,13 @@
1
1
  import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
2
2
  import { t as a } from "./clsx-BWCAbrjV.js";
3
3
  import { B as o, O as s, R as c, U as l, b as u, c as d, h as f, l as p, r as m, t as h, y as g } from "./esm-Co_Guu6S.js";
4
- import { t as _ } from "./Button-K3WlRB7Q.js";
5
- import { t as v } from "./Container--5g4TI1z.js";
4
+ import { t as _ } from "./Button-CTdphXmG.js";
5
+ import { t as v } from "./Container-BDssaLig.js";
6
6
  import { t as y } from "./Logo-DTfFHBgU.js";
7
- import { t as b } from "./PrefPanel-pFTxxuQW.js";
8
- import { t as x } from "./Search-DwY5daIl.js";
7
+ import { t as b } from "./PrefPanel-0iwUb8OU.js";
8
+ import { t as x } from "./Search-CF_Qyaff.js";
9
9
  import { t as S } from "./Label-gTAMwE0j.js";
10
- import { t as C } from "./Notification-DcC9pjzU.js";
10
+ import { t as C } from "./Notification-icY33paf.js";
11
11
  import { useEffect as w, useRef as T, useState as E } from "react";
12
12
  import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
13
13
  var A = {
@@ -15,5 +15,6 @@ var r = {
15
15
  ...s,
16
16
  children: t
17
17
  }));
18
+ i.displayName = "Heading";
18
19
  //#endregion
19
20
  export { i as t };
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
2
  import { A as t, F as n, j as r } from "./esm-Co_Guu6S.js";
3
- import { t as i } from "./Button-K3WlRB7Q.js";
3
+ import { t as i } from "./Button-CTdphXmG.js";
4
4
  import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
5
5
  import { jsx as u, jsxs as d } from "react/jsx-runtime";
6
6
  var f = {
@@ -34,46 +34,47 @@ var f = {
34
34
  ...r,
35
35
  children: t
36
36
  }));
37
+ p.displayName = "FormGroup";
37
38
  function m({ children: t, className: n }) {
38
39
  return /* @__PURE__ */ u("div", {
39
40
  className: e("hsui-form-row", f.formRow, n),
40
41
  children: t
41
42
  });
42
43
  }
43
- var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, value: E, defaultValue: D, ...O }, k) => {
44
- let A = c(null), j = k || A, [M, N] = l(!1), [P, F] = l(!1), [I, L] = l(!1), R = C === "password", [z, B] = l(D === void 0 ? "" : String(D)), V = E !== void 0, H = V ? String(E).length > 0 : z.length > 0, U = o((e) => {
45
- N(!0), w?.(e);
46
- }, [w]), W = o((e) => {
47
- N(!1), T?.(e);
48
- }, [T]), G = o((e) => {
49
- V || B(e.target.value), O.onChange?.(e);
50
- }, [V, O.onChange]), K = o((e) => {
51
- e.animationName.includes("onAutoFillStart") && F(!0);
44
+ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labelIcon: h, iconRight: g, button: _, hasError: v = !1, success: y = !1, disabled: b = !1, className: x, wrapperClassName: S, type: C, onFocus: w, onBlur: T, onChange: E, value: D, defaultValue: O, ...k }, A) => {
45
+ let j = c(null), M = A || j, [N, P] = l(!1), [F, I] = l(!1), [L, R] = l(!1), z = C === "password", [B, V] = l(O === void 0 ? "" : String(O)), H = D !== void 0, U = H ? String(D).length > 0 : B.length > 0, W = o((e) => {
46
+ P(!0), w?.(e);
47
+ }, [w]), G = o((e) => {
48
+ P(!1), T?.(e);
49
+ }, [T]), K = o((e) => {
50
+ H || V(e.target.value), E?.(e);
51
+ }, [H, E]), q = o((e) => {
52
+ e.animationName.includes("onAutoFillStart") && I(!0);
52
53
  }, []);
53
54
  s(() => {
54
- let e = j.current;
55
+ let e = M.current;
55
56
  if (!e) return;
56
57
  let t = () => {
57
58
  try {
58
- e.matches(":-webkit-autofill") && F(!0);
59
+ e.matches(":-webkit-autofill") && I(!0);
59
60
  } catch {}
60
61
  }, n = setTimeout(t, 100), r = setTimeout(t, 500);
61
62
  return () => {
62
63
  clearTimeout(n), clearTimeout(r);
63
64
  };
64
- }, [j]);
65
- let q = o(() => {
66
- !b && j.current && j.current.focus();
67
- }, [b, j]), J = R && I ? "text" : C;
65
+ }, [M]);
66
+ let J = o(() => {
67
+ !b && M.current && M.current.focus();
68
+ }, [b, M]), Y = z && L ? "text" : C;
68
69
  return /* @__PURE__ */ u("div", {
69
- onClick: q,
70
+ onClick: J,
70
71
  className: e("hsui-input-grouped", f.inputGrouped, {
71
- [f.focus]: M,
72
+ [f.focus]: N,
72
73
  [f.hasError]: v,
73
74
  [f.success]: y,
74
75
  [f.disabled]: b,
75
- [f.dirty]: H || P,
76
- [f.autofilled]: P
76
+ [f.dirty]: U || F,
77
+ [f.autofilled]: F
77
78
  }, S),
78
79
  children: /* @__PURE__ */ d("div", {
79
80
  className: f.content,
@@ -94,75 +95,77 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
94
95
  })]
95
96
  }),
96
97
  /* @__PURE__ */ u("input", {
97
- ref: j,
98
- type: J,
98
+ ref: M,
99
+ type: Y,
99
100
  className: e(f.inputElement, x),
100
101
  disabled: b,
101
102
  "aria-label": n,
102
103
  "aria-required": a,
103
104
  "aria-invalid": v,
104
- value: E,
105
- defaultValue: D,
106
- onFocus: U,
107
- onBlur: W,
108
- onChange: G,
109
- onAnimationStart: K,
110
- ...O
105
+ value: D,
106
+ defaultValue: O,
107
+ onFocus: W,
108
+ onBlur: G,
109
+ onChange: K,
110
+ onAnimationStart: q,
111
+ ...k
111
112
  }),
112
113
  m && p && /* @__PURE__ */ u("span", {
113
114
  className: f.helpText,
114
115
  children: p
115
116
  })
116
117
  ]
117
- }), (g || _ || R) && /* @__PURE__ */ d("div", {
118
+ }), (g || _ || z) && /* @__PURE__ */ d("div", {
118
119
  className: f.rightContent,
119
120
  children: [
120
121
  g && /* @__PURE__ */ u("span", {
121
122
  className: f.iconRight,
122
123
  children: g
123
124
  }),
124
- R && /* @__PURE__ */ u(i, {
125
+ z && /* @__PURE__ */ u(i, {
125
126
  type: "button",
126
127
  variant: "plain",
127
128
  size: 300,
128
129
  onClick: (e) => {
129
- e.stopPropagation(), L((e) => !e);
130
+ e.stopPropagation(), R((e) => !e);
130
131
  },
131
- "aria-label": I ? "Hide password" : "Show password",
132
- children: u(I ? t : r, {})
132
+ "aria-label": L ? "Hide password" : "Show password",
133
+ children: u(L ? t : r, {})
133
134
  }),
134
135
  _
135
136
  ]
136
137
  })]
137
138
  })
138
139
  });
139
- }), g = a(({ label: t, required: r = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, value: S, defaultValue: C, ...w }, T) => {
140
- let E = c(null), D = T || E, [O, k] = l(!1), [A, j] = l(!1), [M, N] = l(C === void 0 ? "" : String(C)), P = S !== void 0, F = P ? String(S).length > 0 : M.length > 0, I = o((e) => {
141
- k(!0), b?.(e);
142
- }, [b]), L = o((e) => {
143
- k(!1), j(!1), x?.(e);
144
- }, [x]), R = o((e) => {
145
- j(!1), P || N(e.target.value), w.onChange?.(e);
146
- }, [P, w.onChange]);
140
+ });
141
+ h.displayName = "InputGrouped";
142
+ var g = a(({ label: t, required: r = !1, helpText: i, showHelpText: a = !1, labelIcon: s, hasError: p = !1, success: m = !1, disabled: h = !1, className: g, wrapperClassName: _, placeholder: v, children: y, onFocus: b, onBlur: x, onChange: S, value: C, defaultValue: w, ...T }, E) => {
143
+ let D = c(null), O = E || D, [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(w === void 0 ? "" : String(w)), F = C !== void 0, I = F ? String(C).length > 0 : N.length > 0, L = o((e) => {
144
+ A(!0), b?.(e);
145
+ }, [b]), R = o((e) => {
146
+ A(!1), M(!1), x?.(e);
147
+ }, [x]), z = o((e) => {
148
+ M(!1), F || P(e.target.value), S?.(e);
149
+ }, [F, S]);
147
150
  return /* @__PURE__ */ u("div", {
148
151
  onClick: o((e) => {
149
- if (!(h || !D.current) && (j((e) => !e), e.target !== D.current)) try {
150
- D.current.showPicker();
152
+ if (!(h || !O.current) && (M((e) => !e), e.target !== O.current)) try {
153
+ O.current.showPicker();
151
154
  } catch {
152
155
  let e = new MouseEvent("mousedown", {
153
156
  bubbles: !0,
154
157
  cancelable: !0
155
158
  });
156
- D.current.dispatchEvent(e);
159
+ O.current.dispatchEvent(e);
157
160
  }
158
- }, [h, D]),
161
+ }, [h, O]),
159
162
  className: e("hsui-select-grouped", f.inputGrouped, f.selectGrouped, {
160
- [f.focus]: O,
161
- [f.open]: A,
163
+ [f.focus]: k,
164
+ [f.open]: j,
162
165
  [f.hasError]: p,
163
166
  [f.success]: m,
164
167
  [f.disabled]: h,
165
- [f.dirty]: F
168
+ [f.dirty]: I
166
169
  }, _),
167
170
  children: /* @__PURE__ */ d("div", {
168
171
  className: f.content,
@@ -183,18 +186,18 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
183
186
  })]
184
187
  }),
185
188
  /* @__PURE__ */ d("select", {
186
- ref: D,
189
+ ref: O,
187
190
  className: e(f.inputElement, f.selectElement, g),
188
191
  disabled: h,
189
192
  "aria-label": t,
190
193
  "aria-required": r,
191
194
  "aria-invalid": p,
192
- value: S,
193
- defaultValue: C,
194
- onFocus: I,
195
- onBlur: L,
196
- onChange: R,
197
- ...w,
195
+ value: C,
196
+ defaultValue: w,
197
+ onFocus: L,
198
+ onBlur: R,
199
+ onChange: z,
200
+ ...T,
198
201
  children: [v && /* @__PURE__ */ u("option", {
199
202
  value: "",
200
203
  disabled: !0,
@@ -217,5 +220,6 @@ var h = a(({ label: n, required: a = !1, helpText: p, showHelpText: m = !1, labe
217
220
  })
218
221
  });
219
222
  });
223
+ g.displayName = "SelectGrouped";
220
224
  //#endregion
221
225
  export { g as i, m as n, h as r, p as t };
@@ -118,5 +118,6 @@ var l = {
118
118
  ]
119
119
  });
120
120
  });
121
+ u.displayName = "InputSolo";
121
122
  //#endregion
122
123
  export { u as t };
@@ -1,11 +1,11 @@
1
1
  import { l as e } from "./utils-K9S_6_Eq.js";
2
2
  import { t } from "./clsx-BWCAbrjV.js";
3
3
  import { D as n, I as r, U as i } from "./esm-Co_Guu6S.js";
4
- import { t as a } from "./Button-K3WlRB7Q.js";
4
+ import { t as a } from "./Button-CTdphXmG.js";
5
5
  import { t as o } from "./Icon-VeXJMj8Q.js";
6
6
  import { t as s } from "./Link-CYR92_U0.js";
7
- import { t as c } from "./InputSolo-BUg1ip7e.js";
8
- import { t as l } from "./Typography-CJ7GcPcE.js";
7
+ import { t as c } from "./InputSolo-2RPRX0wM.js";
8
+ import { t as l } from "./Typography-AvvBRu-u.js";
9
9
  import { useEffect as u, useRef as d, useState as f } from "react";
10
10
  import { jsx as p, jsxs as m } from "react/jsx-runtime";
11
11
  var h = {
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
2
  import { t } from "./esm-Co_Guu6S.js";
3
- import { t as n } from "./Button-K3WlRB7Q.js";
4
- import { t as r } from "./Container--5g4TI1z.js";
3
+ import { t as n } from "./Button-CTdphXmG.js";
4
+ import { t as r } from "./Container-BDssaLig.js";
5
5
  import { t as i } from "./Label-gTAMwE0j.js";
6
6
  import { useEffect as a, useState as o } from "react";
7
7
  import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { d as e, o as t } from "./utils-K9S_6_Eq.js";
2
2
  import { t as n } from "./clsx-BWCAbrjV.js";
3
3
  import { L as r, _ as i, a, d as o, v as s } from "./esm-Co_Guu6S.js";
4
- import { t as c } from "./Button-K3WlRB7Q.js";
4
+ import { t as c } from "./Button-CTdphXmG.js";
5
5
  import { _ as l, a as u, d, h as f, i as p, l as m, m as h, n as ee, o as g, p as _, r as v, t as y, u as b, y as x } from "./es2015-DWa0ZZ7A.js";
6
6
  import { a as S, i as te, n as C, r as w, t as T } from "./dist-B04QoImH.js";
7
7
  import * as E from "react";
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
2
  import { F as t, T as n, i as r, x as i } from "./esm-Co_Guu6S.js";
3
- import { t as a } from "./Button-K3WlRB7Q.js";
4
- import { t as o } from "./Typography-CJ7GcPcE.js";
3
+ import { t as a } from "./Button-CTdphXmG.js";
4
+ import { t as o } from "./Typography-AvvBRu-u.js";
5
5
  import { useEffect as s, useRef as c } from "react";
6
6
  import { jsx as l, jsxs as u } from "react/jsx-runtime";
7
7
  var d = {
@@ -1,6 +1,6 @@
1
1
  import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
2
2
  import { E as o, H as s, M as c, V as l, W as u, g as d, k as f, l as p, m, p as h, u as g, z as _ } from "./esm-Co_Guu6S.js";
3
- import { t as v } from "./Button-K3WlRB7Q.js";
3
+ import { t as v } from "./Button-CTdphXmG.js";
4
4
  import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
5
5
  import { t as ee } from "./dist-J9cXmrDi.js";
6
6
  import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clsx-BWCAbrjV.js";
2
- import { t } from "./Typography-CJ7GcPcE.js";
2
+ import { t } from "./Typography-AvvBRu-u.js";
3
3
  import { useEffect as n, useState as r } from "react";
4
4
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
5
5
  var o = {
@@ -45,5 +45,6 @@ var r = {
45
45
  children: t
46
46
  });
47
47
  });
48
+ a.displayName = "Typography";
48
49
  //#endregion
49
50
  export { a as t };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../Button-K3WlRB7Q.js";
1
+ import { t as e } from "../../Button-CTdphXmG.js";
2
2
  export { e as Button };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../ButtonGroup-Di8R8XMS.js";
1
+ import { t as e } from "../../ButtonGroup-D5_sI3QL.js";
2
2
  export { e as ButtonGroup };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../Container--5g4TI1z.js";
1
+ import { t as e } from "../../Container-BDssaLig.js";
2
2
  export { e as Container };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../CopyCode-CPC5QPAz.js";
1
+ import { t as e } from "../../CopyCode-DS-3fQBn.js";
2
2
  export { e as CopyCode };
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../../Dropdown-CMR98u7M.js";
1
+ import { n as e, r as t, t as n } from "../../Dropdown-CgbtoeLA.js";
2
2
  export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../CookiePolicyModal-BDtX6aXU.js";
1
+ import { t as e } from "../../CookiePolicyModal-DGM4bMoR.js";
2
2
  export { e as default };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../FooterBottom-BSII1GXN.js";
1
+ import { t as e } from "../../FooterBottom-BHQ-77CT.js";
2
2
  export { e as default };