highsoft-ui 1.0.156 → 1.0.158

package/CLAUDE.md

@@ -179,6 +179,48 @@ The foundational layout component. Use it instead of raw `<div>` with inline sty
 - **`disabled` / `loading`:** both render the button non-interactive and share one **unified disabled treatment** across variants — the coloured variants (`brand`, `success`, `attention`, `danger`) fall back to the same neutral surface as `neutral`/`soft` rather than a greyed brand colour, so a disabled control never reads as active. In dark mode disabled buttons use a muted fill with lighter (`neutral-400`) label text and a defined (`neutral-1000`) border; `transparent` stays flat but keeps its border, and `plain` is borderless label-only.
 - **Accessibility:** a real `<button>` uses the native `disabled` attribute (removed from the tab order, not clickable); when rendered as `<a>` (via `href`), disabled instead sets `aria-disabled`, drops `href`, forces `tabIndex={-1}`, and blocks the click — so the disabled meaning is exposed either way. Disabled label contrast is intentionally muted and is exempt from WCAG 1.4.3 (inactive controls). `:focus-visible` shows a 2px brand focus ring on every variant; transitions use the design-token animations and respect `prefers-reduced-motion` via the shared tokens.
 
+### ButtonGroup
+Segmented control built from Buttons in a shared container. Single-select by
+default; set `selectable={false}` for an action group (e.g. prev/next paging).
+```tsx
+const viewItems: ButtonGroupItem[] = [
+  { value: 'list', label: 'List' },
+  { value: 'grid', label: 'Grid', iconLeft: <LayoutAlt02 /> }
+]
+
+// Single-select (default): the selected item renders soft, the rest plain
+<ButtonGroup items={viewItems} value={view} onChange={setView} aria-label="View mode" />
+
+// In a row of transparent Buttons — flat container with the same hairline border
+<ButtonGroup items={viewItems} variant="transparent" aria-label="View mode" />
+
+// Action group: no current choice, onChange fires on every enabled click
+<ButtonGroup
+  selectable={false}
+  variant="transparent"
+  aria-label="Pagination"
+  onChange={(value) => setPage((p) => (value === 'next' ? p + 1 : p - 1))}
+  items={[
+    { value: 'prev', label: 'Previous', iconLeft: <ChevronLeft />, disabled: page === 1 },
+    { value: 'next', label: 'Next', iconRight: <ChevronRight />, disabled: page === total }
+  ]}
+/>
+
+// Icon-only items: drop the label, name each via buttonProps aria-label
+{ value: 'prev', iconLeft: <ChevronLeft />, buttonProps: { 'aria-label': 'Previous page' } }
+```
+- **`items`:** `ButtonGroupItem[]` — each `{ value, label?, iconLeft?, iconRight?, disabled?, buttonProps? }`. `label` is optional for icon-only items; `buttonProps` forwards Button props (`href`, `onClick`, `aria-label`, …) but never `variant`/`size` — the group owns those.
+- **`value` / `defaultValue` / `onChange(value, item)`:** controlled or uncontrolled selection; uncontrolled defaults to the first enabled item. `onChange` fires only when the selection actually changes — except with `selectable={false}`, where it fires on every enabled click.
+- **`selectable`:** default `true`. Set `false` for momentary actions with no current choice: nothing renders selected and `aria-pressed` is omitted.
+- **`variant`:** `default` (filled container, for cards/panels) | `alt` (darker fill, for the page background) | `transparent` (no fill, the transparent Button's hairline border — use it when the group sits next to `variant="transparent"` buttons so the two read as siblings)
+- **`size`:** Button sizes `50`–`500` (default `200`), shared by all items; **`fullWidth`** stretches items evenly
+- The container can be retinted via `--button-group-container-*` custom properties (`default`/`alt` variants only; `transparent` reads the button tokens directly).
+
+**Accessibility:**
+- The wrapper is `role="group"` — always pass `aria-label` (or `aria-labelledby`) to name it.
+- In select mode each item exposes `aria-pressed` for its selected state; with `selectable={false}` the attribute is omitted entirely, so AT hears plain buttons, not toggles stuck "off".
+- Items are real `Button`s: native `disabled` semantics, brand `:focus-visible` ring, design-token transitions that respect `prefers-reduced-motion`. Icon-only items need `buttonProps={{ 'aria-label': … }}` — the icon alone names nothing.
+
 ### Heading
 ```tsx
 <Heading level={1}>Page title</Heading>
@@ -262,6 +304,49 @@ The `.tsx` icons are **generated** — put Figma exports in `lib/components/Prod
 - **Keyboard/focus:** the icon is a non-interactive `<span>` — no focus, nothing in the tab order. `box` is presentational; focus styling belongs to the interactive ancestor.
 - **Reduced motion:** under `prefers-reduced-motion: reduce` the `box` tile drops the hover lift but keeps the `box-shadow` step (instant depth change instead of movement); the shell keeps its `background-color` fade — a colour change, not motion.
 
+### ClientLogo
+Customer/client brand logos (Netflix, Visa, PayPal, …) in a single tone.
+```tsx
+<ClientLogo logo="netflix" />                 // size 32 (baseline height in px)
+<ClientLogo logo="visa" size={40} />          // bigger, same relative scale
+<ClientLogo logo="github" width={90} />       // explicit width override
+```
+- **`logo`:** kebab-case company name (`netflix`, `bank-of-america`, `johnson-johnson`, …) — see `ClientLogoName`
+- **`size`:** visual size in px — the rendered height of a baseline logo (default `32`). Every logo is scaled by the same `size / baseHeight` factor, so a wall keeps the **relative sizes tuned in Figma**: the exports share a 109-unit baseline height, and a logo exported taller renders bigger on purpose. When a logo reads too big/small, fix its export height in Figma and re-run the generator — no per-logo constants in code.
+- **`width` / `height`:** explicit overrides (number or CSS length); the other dimension follows the aspect ratio
+- `clientLogoLabels` exports human-readable names (`'johnson-johnson'` → `"Johnson & Johnson"`) for captions and accessible lists
+- Logos are responsive: `max-width: 100%` lets them shrink inside narrower grid cells, height follows the viewBox aspect
+
+**Fills are semantic text tokens, not currentColor** — main paths use `--HS-text-primary-default`, and duotone marks (PayPal's back "P") use `--HS-text-tertiary-default` for the secondary tone, with `currentColor` as fallback when tokens aren't loaded. Logos match the text hierarchy and remap in dark mode; they do **not** follow a parent's `color`.
+
+The `.tsx` icons are **generated** — drop Figma exports in `lib/components/ClientLogo/svg-export/` (`company=<name>.svg`, optionally `, Color=<Yes|No>`; sources are pre-optimized with SVGO), map the name in `scripts/convert-client-logos.cjs`, then `npm run icons:clients` + `npm run prettier`. The generator also emits `dimensions.ts` (per-logo viewBox size + baseline height) — hand-edits to `icons/` or `dimensions.ts` are reverted on regeneration. New names also go in the `ClientLogoName` type + `logoComponentMap` + `clientLogoLabels`.
+
+**Accessibility:**
+- Decorative by default — an inline `<svg>` with no accessible name. When a logo stands alone as meaningful content, name it at the call site: `role="img"` + `aria-label` (props spread onto the `<svg>`).
+- Token fills keep the logos at text-hierarchy contrast in both themes; the duotone secondary is tertiary text, legible on default surfaces.
+- Non-interactive `<span>` — no focus, nothing in the tab order.
+
+### LogoCarousel
+Auto-scrolling "trusted by" strip of client logos — seamless loop, edge fades, pause control.
+```tsx
+<LogoCarousel />                                          // full set, 40 px/s
+<LogoCarousel logos={['netflix', 'visa', 'google']} slowOnHover />
+<LogoCarousel direction="right" speed={60} size={32} />
+```
+- **`logos`:** `ClientLogoName[]` (default: the full set); **`size`:** forwarded to each `ClientLogo` (default `28`)
+- **`speed`:** px/s (default `40`) — duration is derived from the measured content width, so the perceived pace is constant regardless of logo count or viewport; **`direction`:** `left` (default) | `right`
+- **`slowOnHover`:** ramps the animation down to ⅓ speed on hover and back up on leave — an eased `playbackRate` transition, never a hard stop (full pausing belongs to the pause button)
+- **`gap`** (default `64`), **`fade`** (edge mask width, default `64`), **`label`** (region name, default `'Client logos'`), **`pauseLabel`**/**`resumeLabel`** (button text, default `'Pause'`/`'Resume'`)
+- **`reducedMotion`:** `boolean` — defaults to the user's `prefers-reduced-motion`; when on, the strip renders **static and horizontally scrollable** instead of animating
+- Fills its container's width (`width: 100%; min-width: 0` — safe as a flex/grid child)
+- **Performance:** the only per-frame change is one composited `transform` (translate3d + `will-change`) — no layout, no paint; logos rasterize once into a GPU layer. Content is repeated only as often as the viewport needs, and an IntersectionObserver pauses the animation off-screen.
+
+**Accessibility:**
+- The moving strip is `aria-hidden`; screen readers get a **static visually-hidden list of company names** (from `clientLogoLabels`) inside the labelled region — nothing announces mid-motion, every company is always reachable.
+- The pause button satisfies WCAG 2.2.2 (Pause, Stop, Hide): a real `Button` (transparent, size 50) whose visible label flips Pause/Resume — the label carries the state, deliberately no `aria-pressed` on top.
+- Under `prefers-reduced-motion` nothing moves, from the very first frame (a CSS media-query guard covers pre-hydration): users get the static scrollable strip — a focusable (`tabindex=0`), labelled viewport with the brand focus ring, arrow-key scrollable, and a real list pairing each logo with its visually-hidden name. The pause button disappears (nothing to pause).
+- Hover slow-down is pointer-only polish; no functionality depends on it.
+
 ### InputSolo
 Standalone, self-bordered text field with a floating label, help text, and error/success states.
 ```tsx

package/dist/{BrowserFrame-z7X66igu.js → BrowserFrame-BUneieY7.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { D as t, F as n, I as r, U as i } from "./esm-bFdwg2E8.js";
-import { t as a } from "./Button-CSYKfiMM.js";
+import { G as t, L as n, R as r, k as i } from "./esm-LCYnNVvi.js";
+import { t as a } from "./Button-CjxX21gW.js";
 import { forwardRef as o, useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 var p = {
@@ -38,7 +38,7 @@ var p = {
 	}, [U]), q = o === "full" && _ !== "none" ? _ === "fullscreen" ? /* @__PURE__ */ d(a, {
 		variant: "soft",
 		size: 100,
-		iconRight: d(z ? t : i, {}),
+		iconRight: d(z ? i : t, {}),
 		onClick: K,
 		children: v ?? (z ? "Exit fullscreen" : "Fullscreen")
 	}) : U ? /* @__PURE__ */ d(a, {

package/dist/{Button-CSYKfiMM.js → Button-CjxX21gW.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { N as t } from "./esm-bFdwg2E8.js";
+import { F as t } from "./esm-LCYnNVvi.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {

package/dist/{ButtonGroup-CRCpF1mq.js → ButtonGroup-DanFXfXA.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { t } from "./Button-CSYKfiMM.js";
+import { t } from "./Button-CjxX21gW.js";
 import { useEffect as n, useState as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 var a = {
@@ -13,42 +13,53 @@ var a = {
 	"size-300": "qkD_Ga_size-300",
 	"size-400": "qkD_Ga_size-400",
 	"size-50": "qkD_Ga_size-50",
-	"size-500": "qkD_Ga_size-500"
+	"size-500": "qkD_Ga_size-500",
+	transparent: "qkD_Ga_transparent"
 };
 //#endregion
 //#region lib/components/ButtonGroup/index.tsx
-function o({ items: o, value: s, defaultValue: c, onChange: l, size: u = 200, variant: d = "default", fullWidth: f = !1, className: p, ...m }) {
-	let h = o.find((e) => !e.disabled)?.value, [g, _] = r(c ?? h);
+function o({ items: o, value: s, defaultValue: c, onChange: l, selectable: u = !0, size: d = 200, variant: f = "default", fullWidth: p = !1, className: m, ...h }) {
+	let g = o.find((e) => !e.disabled)?.value, [_, v] = r(c ?? g);
 	n(() => {
-		s === void 0 && (o.some((e) => e.value === g && !e.disabled) || _(h));
+		!u || s !== void 0 || o.some((e) => e.value === _ && !e.disabled) || v(g);
 	}, [
-		h,
 		g,
+		_,
 		o,
+		u,
 		s
 	]);
-	let v = s ?? g, y = (e, t) => {
-		t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled) && (s === void 0 && _(t.value), t.value !== v && l?.(t.value, t));
+	let y = u ? s ?? _ : void 0, b = (e, t) => {
+		if (t.buttonProps?.onClick?.(e), !(e.defaultPrevented || t.disabled)) {
+			if (!u) {
+				l?.(t.value, t);
+				return;
+			}
+			s === void 0 && v(t.value), t.value !== y && l?.(t.value, t);
+		}
 	};
 	return /* @__PURE__ */ i("div", {
-		className: e("hsui-button-group", a.buttonGroup, a[`size-${u}`], {
-			[a.full]: f,
-			[a.alt]: d === "alt",
-			"hsui-button-group--alt": d === "alt"
-		}, p),
+		className: e("hsui-button-group", a.buttonGroup, a[`size-${d}`], {
+			[a.full]: p,
+			[a.alt]: f === "alt",
+			"hsui-button-group--alt": f === "alt",
+			[a.transparent]: f === "transparent",
+			"hsui-button-group--transparent": f === "transparent"
+		}, m),
 		role: "group",
-		...m,
+		...h,
 		children: o.map((n) => {
-			let r = n.value === v;
+			let r = n.value === y;
 			return /* @__PURE__ */ i(t, {
 				...n.buttonProps,
 				className: e(a.item, n.buttonProps?.className, { [a.itemSelected]: r }),
 				variant: r ? "soft" : "plain",
-				size: u,
+				size: d,
 				iconLeft: n.iconLeft,
+				iconRight: n.iconRight,
 				disabled: n.disabled,
-				"aria-pressed": r,
-				onClick: (e) => y(e, n),
+				"aria-pressed": u ? r : void 0,
+				onClick: (e) => b(e, n),
 				children: n.label
 			}, n.value);
 		})

package/dist/{Checkbox-Ve_qaCW-.js → Checkbox-BkxibNey.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { M as t } from "./esm-bFdwg2E8.js";
+import { P as t } from "./esm-LCYnNVvi.js";
 import { createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {

package/dist/ClientLogo-Dj7K48YL.js

@@ -0,0 +1,104 @@
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { clientLogoDimensions as t } from "./components/ClientLogo/dimensions.js";
+import { t as n } from "./components/ClientLogo/icons/mono/index.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = { logo: "bdy1Ua_logo" }, a = {
+	netflix: "Netflix",
+	samsung: "Samsung",
+	sap: "Sap",
+	"thomson-reuters": "ThomsonReuters",
+	verizon: "Verizon",
+	x: "X",
+	visa: "Visa",
+	github: "Github",
+	google: "Google",
+	"bank-of-america": "BankOfAmerica",
+	fnz: "Fnz",
+	"bnp-paribas": "BnpParibas",
+	mufg: "Mufg",
+	icbc: "Icbc",
+	citi: "Citi",
+	"johnson-johnson": "JohnsonJohnson",
+	medtronic: "Medtronic",
+	cvs: "Cvs",
+	pfizer: "Pfizer",
+	who: "Who",
+	paypal: "Paypal",
+	salesforce: "Salesforce",
+	crowdstrike: "Crowdstrike",
+	alteryx: "Alteryx",
+	gainsight: "Gainsight",
+	"bold-bi": "BoldBi",
+	horus: "Horus",
+	morningstar: "Morningstar",
+	epa: "Epa",
+	testmo: "Testmo",
+	"gi-gaven-videre": "GiGavenVidere",
+	drivetrain: "Drivetrain"
+}, o = {
+	netflix: "Netflix",
+	samsung: "Samsung",
+	sap: "SAP",
+	"thomson-reuters": "Thomson Reuters",
+	verizon: "Verizon",
+	x: "X",
+	visa: "Visa",
+	github: "GitHub",
+	google: "Google",
+	"bank-of-america": "Bank of America",
+	fnz: "FNZ",
+	"bnp-paribas": "BNP Paribas",
+	mufg: "MUFG",
+	icbc: "ICBC",
+	citi: "Citi",
+	"johnson-johnson": "Johnson & Johnson",
+	medtronic: "Medtronic",
+	cvs: "CVS Pharmacy",
+	pfizer: "Pfizer",
+	who: "World Health Organization",
+	paypal: "PayPal",
+	salesforce: "Salesforce",
+	crowdstrike: "CrowdStrike",
+	alteryx: "Alteryx",
+	gainsight: "Gainsight",
+	"bold-bi": "Bold BI",
+	horus: "Horus",
+	morningstar: "Morningstar",
+	epa: "EPA",
+	testmo: "Testmo",
+	"gi-gaven-videre": "Gi gaven videre",
+	drivetrain: "Drivetrain"
+};
+function s({ logo: o, size: s = 32, width: c, height: l, className: u, style: d, ...f }) {
+	let p = n[a[o]];
+	if (!p) return console.warn(`ClientLogo: No logo found for "${o}"`), null;
+	let m;
+	if (l !== void 0) m = {
+		width: c ?? "auto",
+		height: l
+	};
+	else if (c !== void 0) m = {
+		width: c,
+		height: "auto"
+	};
+	else {
+		let e = t[o], n = s / 109;
+		m = {
+			width: e.width * n,
+			maxWidth: "100%",
+			height: "auto"
+		};
+	}
+	return /* @__PURE__ */ r("span", {
+		className: e("hsui-client-logo", i.logo, u),
+		children: /* @__PURE__ */ r(p, {
+			style: {
+				...m,
+				...d
+			},
+			...f
+		})
+	});
+}
+//#endregion
+export { o as n, s as t };

package/dist/{CodeBlock-D5HGMQXp.js → CodeBlock-Ds79AzEX.js}

@@ -1,7 +1,7 @@
 import { r as e, s as t } from "./utils-K9S_6_Eq.js";
 import { t as n } from "./clsx-BWCAbrjV.js";
-import { G as r, Z as i } from "./esm-bFdwg2E8.js";
-import { t as a } from "./Button-CSYKfiMM.js";
+import { $ as r, q as i } from "./esm-LCYnNVvi.js";
+import { t as a } from "./Button-CjxX21gW.js";
 import { t as o } from "./FrameworkIcon-D7N3PjYr.js";
 import { Fragment as s, forwardRef as c, useCallback as l, useEffect as u, useMemo as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -22,8 +22,8 @@ var h = {
 }, g = null;
 function _() {
 	return g ||= Promise.all([
-		import("./prism-light-BTlrcsMq.js"),
-		import("./create-element-E8WYUYfK.js").then((e) => e.n),
+		import("./prism-light-CqF2CLQS.js"),
+		import("./create-element-Bftz4UxU.js").then((e) => e.n),
 		import("./jsx-B57trbk8.js"),
 		import("./tsx-CJFgwLf7.js"),
 		import("./json-Bfzk2Msc.js"),
@@ -195,7 +195,7 @@ var C = {}, w = ({ children: e }) => /* @__PURE__ */ p("pre", {
 			}), /* @__PURE__ */ p(a, {
 				variant: B ? "success" : "transparent",
 				size: 100,
-				iconRight: p(B ? i : r, {}),
+				iconRight: p(B ? r : i, {}),
 				onClick: U,
 				"aria-label": B ? "Copied" : A,
 				className: h.copyBtn,

package/dist/{CookiePolicyModal-Jajmg0gS.js → CookiePolicyModal-9p_OGcpB.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./esm-bFdwg2E8.js";
-import { t } from "./Button-CSYKfiMM.js";
+import { t as e } from "./esm-LCYnNVvi.js";
+import { t } from "./Button-CjxX21gW.js";
 import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/{CopyCode-B5XYKD2s.js → CopyCode-90z6BfV0.js}

@@ -1,7 +1,7 @@
 import { r as e, s as t } from "./utils-K9S_6_Eq.js";
 import { t as n } from "./clsx-BWCAbrjV.js";
-import { G as r, Z as i } from "./esm-bFdwg2E8.js";
-import { t as a } from "./Button-CSYKfiMM.js";
+import { $ as r, q as i } from "./esm-LCYnNVvi.js";
+import { t as a } from "./Button-CjxX21gW.js";
 import { forwardRef as o, useCallback as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {
@@ -26,7 +26,7 @@ var u = {
 		}), /* @__PURE__ */ c(a, {
 			variant: x ? "success" : "soft",
 			size: 200,
-			iconLeft: c(x ? i : r, {}),
+			iconLeft: c(x ? r : i, {}),
 			onClick: (e) => {
 				e.stopPropagation(), S();
 			},

package/dist/{Dropdown-C7cw9SiY.js → Dropdown-D3AnhPYO.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { Z as t } from "./esm-bFdwg2E8.js";
+import { $ as t } from "./esm-LCYnNVvi.js";
 import { t as n } from "./Icon-VeXJMj8Q.js";
 import { _ as r, a as i, c as a, d as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, t as g, u as _, v, y } from "./es2015-DWa0ZZ7A.js";
 import { a as ee, i as b, n as te, r as x, t as S } from "./dist-CE9LFbij.js";

package/dist/{Footer-Bjccchkp.js → Footer-DDj7XStD.js}

@@ -1,14 +1,14 @@
 import { r as e } from "./utils-K9S_6_Eq.js";
-import { K as t, Z as n } from "./esm-bFdwg2E8.js";
-import { t as r } from "./Button-CSYKfiMM.js";
+import { $ as t, J as n } from "./esm-LCYnNVvi.js";
+import { t as r } from "./Button-CjxX21gW.js";
 import { t as i } from "./Container-BDssaLig.js";
 import { t as a } from "./DiscordInvite-CLYxexdH.js";
 import { t as o } from "./Logo-Bz0G2G-k.js";
-import { t as s } from "./NewsletterSignup-BwSHFFxv.js";
-import { t as c } from "./FooterBottom-B4_6jDJ2.js";
-import { t as l } from "./FooterHelp-BODC1jYl.js";
-import { t as u } from "./FooterLinks-0FQT6GGH.js";
-import { t as d } from "./YoutubeModal-B-D2bQLx.js";
+import { t as s } from "./NewsletterSignup-Bk0SU1NB.js";
+import { t as c } from "./FooterBottom-BV9xJbRt.js";
+import { t as l } from "./FooterHelp-CnoweyYC.js";
+import { t as u } from "./FooterLinks-BCr9brR3.js";
+import { t as d } from "./YoutubeModal-CXwczXZa.js";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = {
 	discordCard: "_4W4F3q_discordCard",
@@ -29,7 +29,7 @@ function g() {
 	return /* @__PURE__ */ p(r, {
 		variant: "neutral",
 		onClick: () => i(o),
-		children: [o, f(a ? n : t, {})]
+		children: [o, f(a ? t : n, {})]
 	});
 }
 function _({ link: e = "a", host: t = "https://www.highcharts.com" }) {

package/dist/{FooterBottom-B4_6jDJ2.js → FooterBottom-BV9xJbRt.js}

@@ -1,7 +1,7 @@
 import { a as e, t } from "./utils-K9S_6_Eq.js";
 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";
 import { t as u } from "./Typography-AvvBRu-u.js";
-import { t as d } from "./CookiePolicyModal-Jajmg0gS.js";
+import { t as d } from "./CookiePolicyModal-9p_OGcpB.js";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region node_modules/react-icons/fa6/index.mjs
 function h(e) {

package/dist/{FooterHelp-BODC1jYl.js → FooterHelp-CnoweyYC.js}

@@ -1,5 +1,5 @@
 import { a as e, t } from "./utils-K9S_6_Eq.js";
-import { d as n, g as r } from "./esm-bFdwg2E8.js";
+import { d as n, g as r } from "./esm-LCYnNVvi.js";
 import { t as i } from "./Icon-VeXJMj8Q.js";
 import { o as a, r as o } from "./fa-B95RwBpz.js";
 import { t as s } from "./Typography-AvvBRu-u.js";

package/dist/{FooterLinks-0FQT6GGH.js → FooterLinks-BCr9brR3.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { P as t } from "./esm-bFdwg2E8.js";
+import { I as t } from "./esm-LCYnNVvi.js";
 import { t as n } from "./Icon-VeXJMj8Q.js";
 import { t as r } from "./Typography-AvvBRu-u.js";
-import { t as i } from "./Label-arNNMKJi.js";
+import { t as i } from "./Label-DgPVoDMR.js";
 import a from "./components/icons/MadeInNorway.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 var c = {

package/dist/{Header-BIEG3fWi.js → Header-Dsji2l2m.js}

@@ -1,13 +1,13 @@
 import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
 import { t as a } from "./clsx-BWCAbrjV.js";
-import { O as o, Q as s, b as c, et as l, f as u, k as d, p as f, rt as p, s as m, t as h, z as g } from "./esm-bFdwg2E8.js";
-import { t as _ } from "./Button-CSYKfiMM.js";
+import { A as o, V as s, at as c, b as l, et as u, f as d, j as f, nt as p, p as m, s as h, t as g } from "./esm-LCYnNVvi.js";
+import { t as _ } from "./Button-CjxX21gW.js";
 import { t as v } from "./Container-BDssaLig.js";
 import { t as y } from "./Logo-Bz0G2G-k.js";
-import { t as b } from "./PrefPanel-DHotymro.js";
-import { t as x } from "./Search-Dd2PjPua.js";
-import { t as S } from "./Label-arNNMKJi.js";
-import { t as C } from "./Notification-Coii3TQE.js";
+import { t as b } from "./PrefPanel-B4MyeLGu.js";
+import { t as x } from "./Search-T4R860vH.js";
+import { t as S } from "./Label-DgPVoDMR.js";
+import { t as C } from "./Notification-D0ow_x0-.js";
 import { useEffect as w, useRef as T, useState as E } from "react";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 var A = {
@@ -75,12 +75,12 @@ var A = {
 	{
 		title: "Products",
 		url: "https://www.highcharts.com/products/",
-		icon: /* @__PURE__ */ O(s, {})
+		icon: /* @__PURE__ */ O(u, {})
 	},
 	{
 		title: "Demos",
 		url: "https://www.highcharts.com/demo",
-		icon: /* @__PURE__ */ O(c, {})
+		icon: /* @__PURE__ */ O(l, {})
 	},
 	{
 		title: "Support",
@@ -90,17 +90,17 @@ var A = {
 	{
 		title: "Resources",
 		url: "https://www.highcharts.com/resources/",
-		icon: /* @__PURE__ */ O(g, {})
+		icon: /* @__PURE__ */ O(s, {})
 	},
 	{
 		title: "Pricing",
 		url: "https://shop.highcharts.com/",
-		icon: /* @__PURE__ */ O(l, {})
+		icon: /* @__PURE__ */ O(p, {})
 	},
 	{
 		title: "Blog",
 		url: "https://www.highcharts.com/blog/home/",
-		icon: /* @__PURE__ */ O(p, {})
+		icon: /* @__PURE__ */ O(c, {})
 	}
 ];
 function B(e, t) {
@@ -193,31 +193,31 @@ function Y() {
 		e && R(M, e);
 	}, [e]), null;
 }
-function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: p, position: g = "sticky" }) {
+function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: u, position: p = "sticky" }) {
 	let S = e("(max-width: 374px)"), w = e("(max-width: 849px)"), M = e("(max-width: 1300px)"), N = G(t), P = T(null), [F, L] = E(!1), [V, H] = E([]);
 	n(() => {
 		let e = P.current;
 		if (!e) return;
 		let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
-		if (g === "static") return e.style.transform = "", p && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
-			e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
+		if (p === "static") return e.style.transform = "", u && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
+			e.style.transform = "", u && document.documentElement.style.removeProperty("--header-bottom");
 		};
 		let a = window.scrollY, o = 0, s = null, c = null, l = () => {
-			c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, p && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
+			c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, u && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
 		};
 		l();
-		let u = () => {
+		let d = () => {
 			let e = window.scrollY, t = e - a;
 			a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
 		};
-		return window.addEventListener("scroll", u, { passive: !0 }), () => {
-			window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
+		return window.addEventListener("scroll", d, { passive: !0 }), () => {
+			window.removeEventListener("scroll", d), c !== null && cancelAnimationFrame(c), e.style.transform = "", u && document.documentElement.style.removeProperty("--header-bottom");
 		};
 	}, [
-		p,
+		u,
 		N,
 		V.length,
-		g,
+		p,
 		t?.length
 	]), n(() => {
 		if (!o.length) return;
@@ -289,7 +289,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 										children: [/* @__PURE__ */ O("span", {
 											className: A.gpt,
 											children: "Highcharts Assist"
-										}), /* @__PURE__ */ O(u, {})]
+										}), /* @__PURE__ */ O(d, {})]
 									}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
@@ -299,20 +299,20 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 										as: s,
 										href: B("https://shop.highcharts.com/", c),
 										"aria-label": "Buy Now",
-										children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
+										children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
 									}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
 										className: A.cta,
 										variant: "brand",
 										as: s,
 										href: B("https://www.highcharts.com/download/", c),
-										children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
+										children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
 									}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
 										variant: F ? "soft" : "transparent",
 										className: A.menu,
 										onClick: X,
-										children: [F ? "Close" : "Menu", O(F ? h : d, {})]
+										children: [F ? "Close" : "Menu", O(F ? g : f, {})]
 									}) })
 								]
 							})
@@ -349,7 +349,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 								children: [/* @__PURE__ */ O("span", {
 									className: A.gpt,
 									children: "Highcharts Assist"
-								}), /* @__PURE__ */ O(u, {})]
+								}), /* @__PURE__ */ O(d, {})]
 							}) }),
 							/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
 							/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
@@ -363,13 +363,13 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 						fullWidth: !0,
 						as: s,
 						href: B("https://shop.highcharts.com/", c),
-						children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
+						children: [/* @__PURE__ */ O(m, {}), "Buy Now"]
 					}) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
 						variant: "success",
 						fullWidth: !0,
 						as: s,
 						href: B("https://www.highcharts.com/download/", c),
-						children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
+						children: [/* @__PURE__ */ O(h, {}), "Try for Free"]
 					}) })]
 				}),
 				/* @__PURE__ */ O("ul", {

package/dist/{InputGrouped-Iz23ILtZ.js → InputGrouped-BUJKBG0D.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { H as t, V as n, Y as r } from "./esm-bFdwg2E8.js";
-import { t as i } from "./Button-CSYKfiMM.js";
+import { U as t, W as n, Z as r } from "./esm-LCYnNVvi.js";
+import { t as i } from "./Button-CjxX21gW.js";
 import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 var f = {
@@ -130,7 +130,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
 							e.stopPropagation(), R((e) => !e);
 						},
 						"aria-label": L ? "Hide password" : "Show password",
-						children: u(L ? n : t, {})
+						children: u(L ? t : n, {})
 					}),
 					_
 				]

package/dist/{Label-arNNMKJi.js → Label-DgPVoDMR.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { u as t } from "./esm-bFdwg2E8.js";
+import { u as t } from "./esm-LCYnNVvi.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 var i = {
 	attention: "UwHMOW_attention",