highsoft-ui 1.0.126 → 1.0.128

package/dist/{YoutubeModal-C58qsc27.js → YoutubeModal-T25hkIhQ.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./esm-T3Xn_ZHF.js";
+import { n as e } from "./esm-vjQoQCu2.js";
 import { s as t } from "./fa-Ci5IATkb.js";
-import { t as n } from "./dist-D4rcQ6qo.js";
-import { a as r, i, n as a, o, r as s, s as c, t as l } from "./dist-O77K9Ele.js";
+import { t as n } from "./dist-SfVqm611.js";
+import { a as r, i, n as a, o, r as s, s as c, t as l } from "./dist-9h8Pur86.js";
 import { useEffect as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 var h = {

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Button-CJp__tle.js";
+import { t as e } from "../../Button-FtTHXgq3.js";
 export { e as Button };

package/dist/components/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ButtonGroup-CfNp_xXf.js";
+import { t as e } from "../../ButtonGroup-eZng2GQy.js";
 export { e as ButtonGroup };

package/dist/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../Checkbox-CMWwWnbI.js";
+export { t as Checkbox, e as CheckboxGroup };

package/dist/components/CopyCode/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CopyCode-BLXf0o74.js";
+import { t as e } from "../../CopyCode-C7iHMVIg.js";
 export { e as CopyCode };

package/dist/components/Dropdown/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../../Dropdown-B6J7ph3w.js";
+export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };

package/dist/components/Footer/CookiePolicyModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CookiePolicyModal-BN_AXefZ.js";
+import { t as e } from "../../CookiePolicyModal-_zwtaOvm.js";
 export { e as default };

package/dist/components/Footer/FooterBottom.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterBottom-ybvI6wyw.js";
+import { t as e } from "../../FooterBottom-Dbr8oMdf.js";
 export { e as default };

package/dist/components/Footer/FooterHelp.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterHelp-D88w95D4.js";
+import { t as e } from "../../FooterHelp-BsApOrYf.js";
 export { e as default };

package/dist/components/Footer/FooterLinks.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../FooterLinks-B8QP6uKP.js";
+import { t as e } from "../../FooterLinks-Dx7GBu-X.js";
 export { e as default };

package/dist/components/Footer/YoutubeModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../YoutubeModal-C58qsc27.js";
+import { t as e } from "../../YoutubeModal-T25hkIhQ.js";
 export { e as default };

package/dist/components/Footer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Footer-BsddrH6J.js";
+import { t as e } from "../../Footer-Q3Z-Synu.js";
 export { e as Footer };

package/dist/components/GPTInput/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../GPTInput-CZF0-SfI.js";
+import { n as e, t } from "../../GPTInput-Cgu6_F53.js";
 export { e as GPTInput, t as default };

package/dist/components/Header/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Header-B8todalU.js";
+import { n as e, t } from "../../Header-DxauB1pI.js";
 export { t as Header, e as SubHeader };

package/dist/components/InputGrouped/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../InputGrouped-jbMns5qa.js";
+import { i as e, n as t, r as n, t as r } from "../../InputGrouped-B9jyncxb.js";
 export { r as FormGroup, t as FormRow, n as InputGrouped, e as SelectGrouped };

package/dist/components/Label/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../Label-bbLlUYRM.js";
+import { n as e, t } from "../../Label-BHGkcLu9.js";
 export { t as Label, e as NewTag };

package/dist/components/Modal/ModalContactFooter.js

@@ -0,0 +1,37 @@
+import { b as e } from "../../esm-vjQoQCu2.js";
+import { t } from "../../Button-FtTHXgq3.js";
+import { t as n } from "../../Typography-Dw2_XzMu.js";
+import { t as r } from "../../styles.module-BZplfYRW.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/Modal/ModalContactFooter.tsx
+function o({ avatars: o, text: s = "Have more questions?", buttonLabel: c = "Connect with the sales team", buttonIcon: l = /* @__PURE__ */ i(e, {}), buttonHref: u, onButtonClick: d, buttonVariant: f = "transparent", buttonSize: p = 200 }) {
+	return /* @__PURE__ */ a("div", {
+		className: r.contactFooter,
+		children: [
+			o && o.length > 0 && /* @__PURE__ */ i("div", {
+				className: r.avatarStack,
+				children: o.map((e, t) => /* @__PURE__ */ i("div", {
+					className: r.avatar,
+					style: { backgroundImage: `url(${e})` },
+					"aria-hidden": "true"
+				}, `${e}-${t}`))
+			}),
+			/* @__PURE__ */ i(n, {
+				size: 100,
+				weight: "semi",
+				className: r.contactText,
+				children: s
+			}),
+			/* @__PURE__ */ i(t, {
+				variant: f,
+				size: p,
+				iconRight: l,
+				href: u,
+				onClick: d,
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { o as ModalContactFooter };

package/dist/components/Modal/index.js

@@ -0,0 +1,94 @@
+import { t as e } from "../../clsx-D7D_XZ_-.js";
+import { t } from "../../esm-vjQoQCu2.js";
+import { t as n } from "../../Button-FtTHXgq3.js";
+import { t as r } from "../../Typography-Dw2_XzMu.js";
+import { t as i } from "../../styles.module-BZplfYRW.js";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/Modal/index.tsx
+function l({ open: l, onClose: u, title: d, children: f, footer: p = "default", submitVariant: m = "brand", submitLabel: h = "Submit", cancelLabel: g = "Cancel", closeLabel: _ = "Close", onSubmit: v, onCancel: y, closeOnBackdropClick: b = !0, closeButtonLabel: x = "Close dialog", className: S }) {
+	let C = o(null);
+	a(() => {
+		let e = C.current;
+		e && (l && !e.open ? e.showModal() : !l && e.open && e.close());
+	}, [l]), a(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = () => u();
+		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
+	}, [u]);
+	let w = (e) => {
+		b && e.target === C.current && u();
+	}, T = y ?? u;
+	return /* @__PURE__ */ c("dialog", {
+		ref: C,
+		className: e(i.modal, S),
+		onClick: w,
+		"aria-labelledby": "hsui-modal-title",
+		children: [
+			/* @__PURE__ */ c("header", {
+				className: i.header,
+				children: [/* @__PURE__ */ s(r, {
+					as: "h2",
+					size: 300,
+					weight: "medium",
+					id: "hsui-modal-title",
+					className: i.title,
+					children: d
+				}), /* @__PURE__ */ s(n, {
+					variant: "soft",
+					size: 200,
+					"aria-label": x,
+					onClick: u,
+					className: i.closeButton,
+					children: /* @__PURE__ */ s(t, {})
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: i.body,
+				children: f
+			}),
+			p === !1 || p === null ? null : p === "default" ? /* @__PURE__ */ s("div", {
+				className: e(i.footer, i.footerDefault),
+				children: /* @__PURE__ */ s(n, {
+					variant: "soft",
+					size: 300,
+					onClick: u,
+					children: _
+				})
+			}) : p === "submit" ? /* @__PURE__ */ c("div", {
+				className: e(i.footer, i.footerSubmit),
+				children: [/* @__PURE__ */ s(n, {
+					variant: "soft",
+					size: 300,
+					onClick: T,
+					children: g
+				}), /* @__PURE__ */ s(n, {
+					variant: m,
+					size: 300,
+					onClick: v,
+					children: h
+				})]
+			}) : p === "submit-wide" ? /* @__PURE__ */ c("div", {
+				className: e(i.footer, i.footerSubmitWide),
+				children: [/* @__PURE__ */ s(n, {
+					variant: "soft",
+					size: 300,
+					onClick: T,
+					children: g
+				}), /* @__PURE__ */ s(n, {
+					variant: m,
+					size: 300,
+					onClick: v,
+					fullWidth: !0,
+					children: h
+				})]
+			}) : /* @__PURE__ */ s("div", {
+				className: i.footer,
+				children: p
+			})
+		]
+	});
+}
+//#endregion
+export { l as Modal };

package/dist/components/NewsletterSignup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../NewsletterSignup-DEgL93rH.js";
+import { t as e } from "../../NewsletterSignup-jPKQLKvl.js";
 export { e as NewsletterSignup };

package/dist/components/Notification/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Notification-CuVjbJzV.js";
+import { t as e } from "../../Notification-CO-mX_7b.js";
 export { e as Notification };

package/dist/components/PrefPanel/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../PrefPanel-CPWoS-hm.js";
+import { n as e, t } from "../../PrefPanel-D-xcKbcr.js";
 export { t as PrefPanel, e as PrefRadio };

package/dist/components/RadioBox/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../RadioBox-C_KZn7fw.js";
+import { n as e, t } from "../../RadioBox-B9rLrNTK.js";
 export { t as RadioBox, e as RadioBoxGroup };

package/dist/components/Search/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Search-BcX6xtAY.js";
+import { t as e } from "../../Search-DokUD0o9.js";
 export { e as Search };

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Tabs-CNkFaolf.js";
+import { t as e } from "../../Tabs-DanjfIHP.js";
 export { e as Tabs };

package/dist/{dist-O77K9Ele.js → dist-9h8Pur86.js}

@@ -1,9 +1,9 @@
-import { _ as e, a as t, c as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, t as p, u as m } from "./es2015-BE1Gei7w.js";
+import { _ as e, a as t, c as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, t as f, u as p, y as m } from "./es2015-CJyFgdNb.js";
 import * as h from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region node_modules/@radix-ui/react-dialog/dist/index.mjs
-var y = "Dialog", [b, ee] = c(y), [x, S] = b(y), C = (e) => {
-	let { __scopeDialog: t, children: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = h.useRef(null), l = h.useRef(null), [u, d] = m({
+var y = "Dialog", [b, ee] = s(y), [x, S] = b(y), C = (e) => {
+	let { __scopeDialog: t, children: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = h.useRef(null), l = h.useRef(null), [u, d] = p({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
@@ -24,28 +24,28 @@ var y = "Dialog", [b, ee] = c(y), [x, S] = b(y), C = (e) => {
 	});
 };
 C.displayName = y;
-var w = "DialogTrigger", T = h.forwardRef((t, n) => {
-	let { __scopeDialog: i, ...o } = t, s = S(w, i), c = e(n, s.triggerRef);
-	return /* @__PURE__ */ _(a.button, {
+var w = "DialogTrigger", T = h.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...a } = e, o = S(w, n), s = m(t, o.triggerRef);
+	return /* @__PURE__ */ _(i.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
-		"aria-expanded": s.open,
-		"aria-controls": s.contentId,
-		"data-state": G(s.open),
-		...o,
-		ref: c,
-		onClick: r(t.onClick, s.onOpenToggle)
+		"aria-expanded": o.open,
+		"aria-controls": o.contentId,
+		"data-state": G(o.open),
+		...a,
+		ref: s,
+		onClick: r(e.onClick, o.onOpenToggle)
 	});
 });
 T.displayName = w;
 var E = "DialogPortal", [D, O] = b(E, { forceMount: void 0 }), k = (e) => {
-	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = S(E, t);
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, s = S(E, t);
 	return /* @__PURE__ */ _(D, {
 		scope: t,
 		forceMount: n,
-		children: h.Children.map(r, (e) => /* @__PURE__ */ _(s, {
-			present: n || a.open,
-			children: /* @__PURE__ */ _(o, {
+		children: h.Children.map(r, (e) => /* @__PURE__ */ _(o, {
+			present: n || s.open,
+			children: /* @__PURE__ */ _(a, {
 				asChild: !0,
 				container: i,
 				children: e
@@ -56,7 +56,7 @@ var E = "DialogPortal", [D, O] = b(E, { forceMount: void 0 }), k = (e) => {
 k.displayName = E;
 var A = "DialogOverlay", j = h.forwardRef((e, t) => {
 	let n = O(A, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = S(A, e.__scopeDialog);
-	return a.modal ? /* @__PURE__ */ _(s, {
+	return a.modal ? /* @__PURE__ */ _(o, {
 		present: r || a.open,
 		children: /* @__PURE__ */ _(N, {
 			...i,
@@ -65,14 +65,14 @@ var A = "DialogOverlay", j = h.forwardRef((e, t) => {
 	}) : null;
 });
 j.displayName = A;
-var M = i("DialogOverlay.RemoveScroll"), N = h.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = S(A, n);
-	return /* @__PURE__ */ _(l, {
+var M = e("DialogOverlay.RemoveScroll"), N = h.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, a = S(A, n);
+	return /* @__PURE__ */ _(c, {
 		as: M,
 		allowPinchZoom: !0,
-		shards: [i.contentRef],
-		children: /* @__PURE__ */ _(a.div, {
-			"data-state": G(i.open),
+		shards: [a.contentRef],
+		children: /* @__PURE__ */ _(i.div, {
+			"data-state": G(a.open),
 			...r,
 			ref: t,
 			style: {
@@ -83,7 +83,7 @@ var M = i("DialogOverlay.RemoveScroll"), N = h.forwardRef((e, t) => {
 	});
 }), P = "DialogContent", F = h.forwardRef((e, t) => {
 	let n = O(P, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = S(P, e.__scopeDialog);
-	return /* @__PURE__ */ _(s, {
+	return /* @__PURE__ */ _(o, {
 		present: r || a.open,
 		children: a.modal ? /* @__PURE__ */ _(I, {
 			...i,
@@ -95,24 +95,24 @@ var M = i("DialogOverlay.RemoveScroll"), N = h.forwardRef((e, t) => {
 	});
 });
 F.displayName = P;
-var I = h.forwardRef((t, n) => {
-	let i = S(P, t.__scopeDialog), a = h.useRef(null), o = e(n, i.contentRef, a);
+var I = h.forwardRef((e, t) => {
+	let n = S(P, e.__scopeDialog), i = h.useRef(null), a = m(t, n.contentRef, i);
 	return h.useEffect(() => {
-		let e = a.current;
-		if (e) return p(e);
+		let e = i.current;
+		if (e) return f(e);
 	}, []), /* @__PURE__ */ _(R, {
-		...t,
-		ref: o,
-		trapFocus: i.open,
+		...e,
+		ref: a,
+		trapFocus: n.open,
 		disableOutsidePointerEvents: !0,
-		onCloseAutoFocus: r(t.onCloseAutoFocus, (e) => {
-			e.preventDefault(), i.triggerRef.current?.focus();
+		onCloseAutoFocus: r(e.onCloseAutoFocus, (e) => {
+			e.preventDefault(), n.triggerRef.current?.focus();
 		}),
-		onPointerDownOutside: r(t.onPointerDownOutside, (e) => {
+		onPointerDownOutside: r(e.onPointerDownOutside, (e) => {
 			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
 			(t.button === 2 || n) && e.preventDefault();
 		}),
-		onFocusOutside: r(t.onFocusOutside, (e) => e.preventDefault())
+		onFocusOutside: r(e.onFocusOutside, (e) => e.preventDefault())
 	});
 }), L = h.forwardRef((e, t) => {
 	let n = S(P, e.__scopeDialog), r = h.useRef(!1), i = h.useRef(!1);
@@ -130,51 +130,51 @@ var I = h.forwardRef((t, n) => {
 			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
 		}
 	});
-}), R = h.forwardRef((n, r) => {
-	let { __scopeDialog: i, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = n, l = S(P, i), d = h.useRef(null), p = e(r, d);
-	return f(), /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(t, {
+}), R = h.forwardRef((e, n) => {
+	let { __scopeDialog: r, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, ...s } = e, c = S(P, r), u = h.useRef(null), f = m(n, u);
+	return d(), /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(t, {
 		asChild: !0,
 		loop: !0,
-		trapped: a,
-		onMountAutoFocus: o,
-		onUnmountAutoFocus: s,
-		children: /* @__PURE__ */ _(u, {
+		trapped: i,
+		onMountAutoFocus: a,
+		onUnmountAutoFocus: o,
+		children: /* @__PURE__ */ _(l, {
 			role: "dialog",
-			id: l.contentId,
-			"aria-describedby": l.descriptionId,
-			"aria-labelledby": l.titleId,
-			"data-state": G(l.open),
-			...c,
-			ref: p,
-			onDismiss: () => l.onOpenChange(!1)
+			id: c.contentId,
+			"aria-describedby": c.descriptionId,
+			"aria-labelledby": c.titleId,
+			"data-state": G(c.open),
+			...s,
+			ref: f,
+			onDismiss: () => c.onOpenChange(!1)
 		})
-	}), /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(J, { titleId: l.titleId }), /* @__PURE__ */ _(X, {
-		contentRef: d,
-		descriptionId: l.descriptionId
+	}), /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(J, { titleId: c.titleId }), /* @__PURE__ */ _(X, {
+		contentRef: u,
+		descriptionId: c.descriptionId
 	})] })] });
 }), z = "DialogTitle", B = h.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = S(z, n);
-	return /* @__PURE__ */ _(a.h2, {
-		id: i.titleId,
+	let { __scopeDialog: n, ...r } = e, a = S(z, n);
+	return /* @__PURE__ */ _(i.h2, {
+		id: a.titleId,
 		...r,
 		ref: t
 	});
 });
 B.displayName = z;
 var V = "DialogDescription", H = h.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = S(V, n);
-	return /* @__PURE__ */ _(a.p, {
-		id: i.descriptionId,
+	let { __scopeDialog: n, ...r } = e, a = S(V, n);
+	return /* @__PURE__ */ _(i.p, {
+		id: a.descriptionId,
 		...r,
 		ref: t
 	});
 });
 H.displayName = V;
 var U = "DialogClose", W = h.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...i } = e, o = S(U, n);
-	return /* @__PURE__ */ _(a.button, {
+	let { __scopeDialog: n, ...a } = e, o = S(U, n);
+	return /* @__PURE__ */ _(i.button, {
 		type: "button",
-		...i,
+		...a,
 		ref: t,
 		onClick: r(e.onClick, () => o.onOpenChange(!1))
 	});
@@ -183,7 +183,7 @@ W.displayName = U;
 function G(e) {
 	return e ? "open" : "closed";
 }
-var K = "DialogTitleWarning", [te, q] = d(K, {
+var K = "DialogTitleWarning", [te, q] = u(K, {
 	contentName: P,
 	titleName: z,
 	docsSlug: "dialog"