highsoft-ui 1.0.166 → 1.0.168

package/CLAUDE.md

@@ -239,6 +239,41 @@ const viewItems: ButtonGroupItem[] = [
 - **Sizes:** `50`, `75`, `100`, `200`, `300`, `400`, `500`, `600`, `700`, `800`, `900`, `1000`
 - **Weights:** `"normal"`, `"medium"`, `"semi"`
 
+### List
+Bulleted or numbered list at the body-text sizes. Bullets are icons rendered through `Icon`; numbers are plain decimals.
+```tsx
+import { ShoppingCart01, Check, XClose } from '@untitled-ui/icons-react'
+
+<List>
+  <ListItem>Internal applications</ListItem>
+  <ListItem>Public websites</ListItem>
+</List>
+
+// Brand-tinted icon marker, primary text — the plan-card pattern
+<List icon={ShoppingCart01} iconColor="brandAlt" size={200}>…</List>
+
+// Numbered, continuing from 4
+<List variant="number" size={100} start={4}>…</List>
+
+// Per-item marker: a checklist
+<List icon={Check} iconColor="successPrimary">
+  <ListItem>Commercial use</ListItem>
+  <ListItem icon={XClose} iconColor="tertiary">Source access (not included)</ListItem>
+</List>
+```
+- **`variant`:** `bullet` (default) renders a `<ul>` with an icon marker; `number` renders an `<ol>` with decimal numerals. Numbers are the only ordered style — no letters, roman numerals or symbols.
+- **`size`:** `50`, `75`, `100`, `200` (default), `300` — the typography sizes. The marker follows: a 16px icon at 300/200, 12px at 100/75/50; the numeral column is 20/16/12px wide, right-aligned, medium weight.
+- **`icon`:** the bullet, an `@untitled-ui/icons-react` component (default `ArrowRight`). `ListItem` takes its own `icon` to override one row.
+- **`color`:** text color, a `TypographyColor` (default `primary`). **`iconColor`:** marker color — the icon or the numeral — defaults to `color`, so a list is one tone unless you say otherwise; `ListItem` `iconColor` overrides one row.
+- **`start`:** first number of a `number` list.
+- Rows have a 10px gap between marker and text and 4px block padding; a wrapping item keeps its marker beside the first line.
+- **No nesting.** Indented sub-lists are not part of the design and get no styling — flatten the content, or use consecutive lists under headings.
+
+**Accessibility:**
+- A real `<ul>`/`<ol>` of `<li>`s with an explicit `role="list"`: the markers are custom-drawn (`list-style: none`), and Safari/VoiceOver drops list semantics from an unstyled list without the role. AT announces "list, 3 items" and, for `number`, each item's position.
+- The icon marker is `aria-hidden` and the numeral is a CSS counter, so neither is read as content — the ordinal comes from the `<ol>` itself. Don't put meaning in the icon alone: a check/cross per row needs the words to say included or not.
+- Colors are `--HS-text-*` tokens at body-text contrast and remap in dark mode. Nothing is interactive or focusable, and nothing animates, so there is no keyboard, focus or reduced-motion behaviour to account for.
+
 ### Link
 ```tsx
 <Link href="/page">Default link</Link>
@@ -964,6 +999,12 @@ All components use the same `iconLeft` / `iconRight` naming:
 - **Do** use `danger` only for destructive actions (delete, remove, revoke)
 - **Don't** use `danger` for "Cancel" or "Go back" — use `neutral` or `transparent`
 
+### List
+- **Do** keep text `primary` and put the accent on the marker with `iconColor`
+- **Don't** nest a `List` inside a `ListItem` — indents aren't supported
+- **Do** pass an icon component to `icon` for a custom bullet
+- **Don't** write bullets or numbers into the item text (`•`, `1.`) — the component draws them
+
 ### Label
 - **Do** use `iconLeft={false}` for plain text labels like version numbers
 - **Don't** use Label for long text — it's designed for short status/category tags

package/dist/{BrowserFrame-BWKH-jYq.js → BrowserFrame-CisPLoTR.js}

@@ -1,6 +1,7 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { G as t, L as n, R as r, k as i } from "./esm-u0DqOC56.js";
-import { t as a } from "./Button-Ckhn8DSF.js";
+import { G as t, L as n, R as r, k as i } from "./esm-zUd-Cmgs.js";
+import { t as a } from "./Button-CdrrwvXk.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 = {

package/dist/{Button-Ckhn8DSF.js → Button-CdrrwvXk.js}

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

package/dist/{ButtonGroup-DJ9-E38n.js → ButtonGroup-JtJaVLlu.js}

@@ -1,5 +1,6 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { t } from "./Button-Ckhn8DSF.js";
+import { t } from "./Button-CdrrwvXk.js";
 import { useEffect as n, useState as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 var a = {

package/dist/{Checkbox-D1mlWTmw.js → Checkbox-DU_KGp-P.js}

@@ -1,5 +1,6 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { P as t } from "./esm-u0DqOC56.js";
+import { P as t } from "./esm-zUd-Cmgs.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/{CodeBlock-C2W0T4RT.js → CodeBlock-CGBo8nwy.js}

@@ -1,7 +1,8 @@
-import { r as e, s as t } from "./utils-K9S_6_Eq.js";
+"use client";
+import { r as e, s as t } from "./utils-bAjntFD8.js";
 import { t as n } from "./clsx-BWCAbrjV.js";
-import { q as r, tt as i } from "./esm-u0DqOC56.js";
-import { t as a } from "./Button-Ckhn8DSF.js";
+import { q as r, tt as i } from "./esm-zUd-Cmgs.js";
+import { t as a } from "./Button-CdrrwvXk.js";
 import { t as o } from "./FrameworkIcon-B8GmMx0r.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 +23,8 @@ var h = {
 }, g = null;
 function _() {
 	return g ||= Promise.all([
-		import("./prism-light-CAkriFcS.js"),
-		import("./create-element-BNkLOXrc.js").then((e) => e.n),
+		import("./prism-light-oph9ikSp.js"),
+		import("./create-element-DvDqDt-f.js").then((e) => e.n),
 		import("./jsx-B57trbk8.js"),
 		import("./tsx-CJFgwLf7.js"),
 		import("./json-Bfzk2Msc.js"),

package/dist/{CookiePolicyModal-CPNTKMHc.js → CookiePolicyModal-xPb4G_hM.js}

@@ -1,6 +1,7 @@
-import { t as e } from "./esm-u0DqOC56.js";
-import { t } from "./Button-Ckhn8DSF.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";
+"use client";
+import { t as e } from "./esm-zUd-Cmgs.js";
+import { t } from "./Button-CdrrwvXk.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-DWZ0DflU.js";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = {

package/dist/{CopyCode-BOehQAZN.js → CopyCode-72gVieQO.js}

@@ -1,7 +1,8 @@
-import { r as e, s as t } from "./utils-K9S_6_Eq.js";
+"use client";
+import { r as e, s as t } from "./utils-bAjntFD8.js";
 import { t as n } from "./clsx-BWCAbrjV.js";
-import { q as r, tt as i } from "./esm-u0DqOC56.js";
-import { t as a } from "./Button-Ckhn8DSF.js";
+import { q as r, tt as i } from "./esm-zUd-Cmgs.js";
+import { t as a } from "./Button-CdrrwvXk.js";
 import { forwardRef as o, useCallback as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {

package/dist/{DiscordInvite-CLYxexdH.js → DiscordInvite-DfPVlJ5G.js}

@@ -1,3 +1,4 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
 import { t } from "./fa-B95RwBpz.js";
 import { useEffect as n, useRef as r, useState as i } from "react";

package/dist/{Dropdown-Cjl8RQ5Y.js → Dropdown-DLRtYhFa.js}

@@ -1,9 +1,10 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { tt as t } from "./esm-u0DqOC56.js";
+import { tt as t } from "./esm-zUd-Cmgs.js";
 import { t as n } from "./Icon-DJTgdvsG.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 b, i as x, n as S, r as C, t as w } from "./dist-CE9LFbij.js";
-import { a as T, i as E, n as ee, r as te, t as ne } from "./dist-B04QoImH.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-DGI5uxql.js";
+import { a as b, i as x, n as S, r as C, t as w } from "./dist-BAH-0dTg.js";
+import { a as T, i as E, n as ee, r as te, t as ne } from "./dist-D5nNWgEm.js";
 import * as D from "react";
 import { createContext as re, useContext as O, useRef as ie } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";

package/dist/{Footer-DLMNyBXC.js → Footer-B5lSjhAD.js}

@@ -1,14 +1,15 @@
-import { r as e } from "./utils-K9S_6_Eq.js";
-import { J as t, tt as n } from "./esm-u0DqOC56.js";
-import { t as r } from "./Button-Ckhn8DSF.js";
+"use client";
+import { r as e } from "./utils-bAjntFD8.js";
+import { J as t, tt as n } from "./esm-zUd-Cmgs.js";
+import { t as r } from "./Button-CdrrwvXk.js";
 import { t as i } from "./Container-BDssaLig.js";
-import { t as a } from "./DiscordInvite-CLYxexdH.js";
+import { t as a } from "./DiscordInvite-DfPVlJ5G.js";
 import { t as o } from "./Logo-Bz0G2G-k.js";
-import { t as s } from "./NewsletterSignup-g8wPQ7NZ.js";
-import { t as c } from "./FooterBottom-ZK9F7wLx.js";
-import { t as l } from "./FooterHelp-Csfq-quf.js";
-import { t as u } from "./FooterLinks-CGoBeReu.js";
-import { t as d } from "./YoutubeModal-D_pHHwxa.js";
+import { t as s } from "./NewsletterSignup-BPLup66s.js";
+import { t as c } from "./FooterBottom-B8GCRg2o.js";
+import { t as l } from "./FooterHelp-D5X2Pco9.js";
+import { t as u } from "./FooterLinks-CCW29MM7.js";
+import { t as d } from "./YoutubeModal-j51vfjYk.js";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 var m = {
 	discordCard: "_4W4F3q_discordCard",

package/dist/{FooterBottom-ZK9F7wLx.js → FooterBottom-B8GCRg2o.js}

@@ -1,7 +1,8 @@
-import { a as e, t } from "./utils-K9S_6_Eq.js";
+"use client";
+import { a as e, t } from "./utils-bAjntFD8.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-CPNTKMHc.js";
+import { n as u } from "./Typography-DI1AkqiO.js";
+import { t as d } from "./CookiePolicyModal-xPb4G_hM.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-Csfq-quf.js → FooterHelp-D5X2Pco9.js}

@@ -1,8 +1,9 @@
-import { a as e, t } from "./utils-K9S_6_Eq.js";
-import { d as n, g as r } from "./esm-u0DqOC56.js";
+"use client";
+import { a as e, t } from "./utils-bAjntFD8.js";
+import { d as n, g as r } from "./esm-zUd-Cmgs.js";
 import { t as i } from "./Icon-DJTgdvsG.js";
 import { o as a, r as o } from "./fa-B95RwBpz.js";
-import { t as s } from "./Typography-AvvBRu-u.js";
+import { n as s } from "./Typography-DI1AkqiO.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {
 	help: "vfdIHG_help",

package/dist/{FooterLinks-CGoBeReu.js → FooterLinks-CCW29MM7.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { I as t } from "./esm-u0DqOC56.js";
+import { I as t } from "./esm-zUd-Cmgs.js";
 import { t as n } from "./Icon-DJTgdvsG.js";
-import { t as r } from "./Typography-AvvBRu-u.js";
-import { t as i } from "./Label-KDdBAgyD.js";
+import { n as r } from "./Typography-DI1AkqiO.js";
+import { t as i } from "./Label-B-Xt6XQQ.js";
 import a from "./components/icons/MadeInNorway.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 var c = {

package/dist/{GPTInput-C0YG1990.js → GPTInput-g460kfc6.js}

@@ -1,3 +1,4 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
 import t from "./components/icons/Bubble.js";
 import n from "./components/icons/Plane.js";

package/dist/{Header-Pe6siDNx.js → Header-CQKgp8xy.js}

@@ -1,13 +1,14 @@
-import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
+"use client";
+import { a as e, d as t, i as n, o as r, u as i } from "./utils-bAjntFD8.js";
 import { t as a } from "./clsx-BWCAbrjV.js";
-import { A as o, V as s, b as c, f as l, it as u, j as d, nt as f, p, s as m, st as h, t as g } from "./esm-u0DqOC56.js";
-import { t as _ } from "./Button-Ckhn8DSF.js";
+import { A as o, V as s, b as c, ct as l, f as u, it as d, j as f, nt as p, p as m, s as h, t as g } from "./esm-zUd-Cmgs.js";
+import { t as _ } from "./Button-CdrrwvXk.js";
 import { t as v } from "./Container-BDssaLig.js";
 import { t as y } from "./Logo-Bz0G2G-k.js";
-import { t as b } from "./PrefPanel-Cf-xZ261.js";
-import { t as x } from "./Search-Cy79c2sN.js";
-import { t as S } from "./Label-KDdBAgyD.js";
-import { t as C } from "./Notification-DQostuW6.js";
+import { t as b } from "./PrefPanel-6oTpfC5q.js";
+import { t as x } from "./Label-B-Xt6XQQ.js";
+import { t as S } from "./Notification-DtqcW5FH.js";
+import { Search as C } from "./components/Search/index.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,7 +76,7 @@ var A = {
 	{
 		title: "Products",
 		url: "https://www.highcharts.com/products/",
-		icon: /* @__PURE__ */ O(f, {})
+		icon: /* @__PURE__ */ O(p, {})
 	},
 	{
 		title: "Demos",
@@ -95,12 +96,12 @@ var A = {
 	{
 		title: "Pricing",
 		url: "https://shop.highcharts.com/",
-		icon: /* @__PURE__ */ O(u, {})
+		icon: /* @__PURE__ */ O(d, {})
 	},
 	{
 		title: "Blog",
 		url: "https://www.highcharts.com/blog/home/",
-		icon: /* @__PURE__ */ O(h, {})
+		icon: /* @__PURE__ */ O(l, {})
 	}
 ];
 function B(e, t) {
@@ -126,7 +127,7 @@ function K({ items: e, link: t = "a", host: n = "https://www.highcharts.com", pa
 			className: a(A.subContainer, { [A.compact]: !s }),
 			as: "ul",
 			children: e.map(({ title: e, url: r, prefixMatch: s, icon: c, selectedIcon: l, tag: u, tagVariant: d = "success" }, f) => {
-				let p = i || typeof window < "u" && window.location.pathname, m = typeof window < "u" && window.location.origin || "http://example.com", h = new URL(r, m), g = p && (!!i || o) && h.origin === m && (s ? p.startsWith(h.pathname) : h.pathname === p), _ = !!(c || l), v = typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ O(S, {
+				let p = i || typeof window < "u" && window.location.pathname, m = typeof window < "u" && window.location.origin || "http://example.com", h = new URL(r, m), g = p && (!!i || o) && h.origin === m && (s ? p.startsWith(h.pathname) : h.pathname === p), _ = !!(c || l), v = typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ O(x, {
 					variant: d,
 					iconLeft: !1,
 					children: u
@@ -193,17 +194,17 @@ 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: u, cssVariable: f, position: h = "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([]);
+function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: l, cssVariable: d, position: p = "sticky" }) {
+	let x = 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 (h === "static") return e.style.transform = "", f && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
-			e.style.transform = "", f && document.documentElement.style.removeProperty("--header-bottom");
+		if (p === "static") return e.style.transform = "", d && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
+			e.style.transform = "", d && 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)`, f && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
+			c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, d && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
 		};
 		l();
 		let u = () => {
@@ -211,13 +212,13 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 			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 = "", f && document.documentElement.style.removeProperty("--header-bottom");
+			window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", d && document.documentElement.style.removeProperty("--header-bottom");
 		};
 	}, [
-		f,
+		d,
 		N,
 		V.length,
-		h,
+		p,
 		t?.length
 	]), n(() => {
 		if (!o.length) return;
@@ -242,7 +243,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 			className: A.content,
 			ref: P,
 			children: [
-				V?.map(({ id: e, content: t, variant: n, closable: r }, i) => /* @__PURE__ */ O(C, {
+				V?.map(({ id: e, content: t, variant: n, closable: r }, i) => /* @__PURE__ */ O(S, {
 					id: e,
 					content: t,
 					variant: n,
@@ -267,7 +268,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 							/* @__PURE__ */ O(s, {
 								className: A.logo,
 								href: B("https://www.highcharts.com/", c),
-								children: /* @__PURE__ */ O(y, { showText: !M || w && !S })
+								children: /* @__PURE__ */ O(y, { showText: !M || w && !x })
 							}),
 							/* @__PURE__ */ O("ul", {
 								className: A.links,
@@ -289,9 +290,9 @@ 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(l, {})]
+										}), /* @__PURE__ */ O(u, {})]
 									}) }),
-									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
+									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
 									/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
 										className: A.cta,
@@ -299,20 +300,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(p, {}), "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 ? g : d, {})]
+										children: [F ? "Close" : "Menu", O(F ? g : f, {})]
 									}) })
 								]
 							})
@@ -323,7 +324,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 					items: t,
 					link: s,
 					host: c,
-					pathname: u
+					pathname: l
 				}),
 				r
 			]
@@ -338,7 +339,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
 					children: [/* @__PURE__ */ O(s, {
 						className: A.logo,
 						href: B("https://www.highcharts.com/", c),
-						children: /* @__PURE__ */ O(y, { showText: !S })
+						children: /* @__PURE__ */ O(y, { showText: !x })
 					}), /* @__PURE__ */ k("ul", {
 						className: A.buttons,
 						children: [
@@ -349,9 +350,9 @@ 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(l, {})]
+								}), /* @__PURE__ */ O(u, {})]
 							}) }),
-							/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
+							/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(C, {}) }),
 							/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
 						]
 					})]
@@ -363,13 +364,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(p, {}), "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-BLtnqxWc.js → InputGrouped-DLghbzO7.js}

@@ -1,6 +1,7 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { $ as t, U as n, W as r } from "./esm-u0DqOC56.js";
-import { t as i } from "./Button-Ckhn8DSF.js";
+import { $ as t, U as n, W as r } from "./esm-zUd-Cmgs.js";
+import { t as i } from "./Button-CdrrwvXk.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 = {

package/dist/{InputSolo-DUdKtZjX.js → InputSolo-CbnsJlJu.js}

@@ -1,3 +1,4 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
 import { forwardRef as t, useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/{Label-KDdBAgyD.js → Label-B-Xt6XQQ.js}

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

package/dist/List-B1zRI6pm.js

@@ -0,0 +1,81 @@
+"use client";
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { ot as t } from "./esm-zUd-Cmgs.js";
+import { t as n } from "./Icon-DJTgdvsG.js";
+import { t as r } from "./Typography-DI1AkqiO.js";
+import { createContext as i, forwardRef as a, useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	bullet: "SZRYAG_bullet",
+	content: "SZRYAG_content",
+	item: "SZRYAG_item",
+	list: "SZRYAG_list",
+	marker: "SZRYAG_marker",
+	number: "SZRYAG_number",
+	"size-100": "SZRYAG_size-100",
+	"size-200": "SZRYAG_size-200",
+	"size-300": "SZRYAG_size-300",
+	"size-50": "SZRYAG_size-50",
+	"size-75": "SZRYAG_size-75"
+}, u = {
+	50: 12,
+	75: 12,
+	100: 12,
+	200: 16,
+	300: 16
+}, d = i(null), f = a(({ variant: n = "bullet", size: i = 200, icon: a = t, color: o = "primary", iconColor: c, start: u, className: f, style: p, children: m, ...h }, g) => {
+	let _ = {
+		"--hsui-list-color": r[o],
+		...c && { "--hsui-list-icon-color": r[c] },
+		...u !== void 0 && { "--hsui-list-start": u - 1 },
+		...p
+	}, v = {
+		ref: g,
+		role: "list",
+		className: e("hsui-list", f, l.list, l[n], l[`size-${i}`]),
+		style: _,
+		...h
+	};
+	return /* @__PURE__ */ s(d.Provider, {
+		value: {
+			variant: n,
+			size: i,
+			icon: a
+		},
+		children: n === "number" ? /* @__PURE__ */ s("ol", {
+			...v,
+			start: u,
+			children: m
+		}) : /* @__PURE__ */ s("ul", {
+			...v,
+			children: m
+		})
+	});
+});
+f.displayName = "List";
+var p = a(({ icon: i, iconColor: a, className: f, style: p, children: m, ...h }, g) => {
+	let _ = o(d), v = _?.variant ?? "bullet", y = _?.size ?? 200, b = i ?? _?.icon ?? t, x = a ? {
+		"--hsui-list-icon-color": r[a],
+		...p
+	} : p;
+	return /* @__PURE__ */ c("li", {
+		className: e("hsui-list-item", f, l.item),
+		ref: g,
+		style: x,
+		...h,
+		children: [/* @__PURE__ */ s("span", {
+			className: l.marker,
+			"aria-hidden": "true",
+			children: v === "bullet" && /* @__PURE__ */ s(n, {
+				name: b,
+				size: u[y]
+			})
+		}), /* @__PURE__ */ s("span", {
+			className: l.content,
+			children: m
+		})]
+	});
+});
+p.displayName = "ListItem";
+//#endregion
+export { p as n, f as t };

package/dist/{LogoCarousel-CJShpLJo.js → LogoCarousel-TbyB0ot0.js}

@@ -1,7 +1,8 @@
-import { a as e } from "./utils-K9S_6_Eq.js";
+"use client";
+import { a as e } from "./utils-bAjntFD8.js";
 import { t } from "./clsx-BWCAbrjV.js";
-import { T as n, x as r } from "./esm-u0DqOC56.js";
-import { t as i } from "./Button-Ckhn8DSF.js";
+import { T as n, x as r } from "./esm-zUd-Cmgs.js";
+import { t as i } from "./Button-CdrrwvXk.js";
 import { n as a, t as o } from "./ClientLogo-Dj7K48YL.js";
 import { useEffect as s, useRef as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";

package/dist/{NewsletterSignup-g8wPQ7NZ.js → NewsletterSignup-BPLup66s.js}

@@ -1,11 +1,12 @@
-import { l as e } from "./utils-K9S_6_Eq.js";
+"use client";
+import { l as e } from "./utils-bAjntFD8.js";
 import { t } from "./clsx-BWCAbrjV.js";
-import { B as n, et as r, st as i } from "./esm-u0DqOC56.js";
-import { t as a } from "./Button-Ckhn8DSF.js";
+import { B as n, ct as r, et as i } from "./esm-zUd-Cmgs.js";
+import { t as a } from "./Button-CdrrwvXk.js";
 import { t as o } from "./Icon-DJTgdvsG.js";
 import { t as s } from "./Link-CYR92_U0.js";
-import { t as c } from "./InputSolo-DUdKtZjX.js";
-import { t as l } from "./Typography-AvvBRu-u.js";
+import { t as c } from "./InputSolo-CbnsJlJu.js";
+import { n as l } from "./Typography-DI1AkqiO.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 = {
@@ -72,7 +73,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
 		"data-theme": L ? "light" : void 0,
 		children: [
 			/* @__PURE__ */ m("h2", { children: [/* @__PURE__ */ p(o, {
-				name: i,
+				name: r,
 				size: 12
 			}), "Stay in the Loop"] }),
 			L ? /* @__PURE__ */ m("div", {
@@ -104,7 +105,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
 						variant: "success",
 						disabled: !0,
 						children: [/* @__PURE__ */ p(o, {
-							name: r,
+							name: i,
 							size: 16
 						}), "You’re in"]
 					}) : /* @__PURE__ */ p(a, {

package/dist/{Notification-DQostuW6.js → Notification-DtqcW5FH.js}

@@ -1,8 +1,9 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { t } from "./esm-u0DqOC56.js";
-import { t as n } from "./Button-Ckhn8DSF.js";
+import { t } from "./esm-zUd-Cmgs.js";
+import { t as n } from "./Button-CdrrwvXk.js";
 import { t as r } from "./Container-BDssaLig.js";
-import { t as i } from "./Label-KDdBAgyD.js";
+import { t as i } from "./Label-B-Xt6XQQ.js";
 import { useEffect as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 var u = {

package/dist/{PrefPanel-Cf-xZ261.js → PrefPanel-6oTpfC5q.js}

@@ -1,9 +1,10 @@
-import { d as e, o as t } from "./utils-K9S_6_Eq.js";
+"use client";
+import { d as e, o as t } from "./utils-bAjntFD8.js";
 import { t as n } from "./clsx-BWCAbrjV.js";
-import { D as r, E as i, h as a, l as o, tt as s } from "./esm-u0DqOC56.js";
-import { t as c } from "./Button-Ckhn8DSF.js";
-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";
-import { a as S, i as te, n as C, r as w, t as T } from "./dist-B04QoImH.js";
+import { D as r, E as i, h as a, l as o, tt as s } from "./esm-zUd-Cmgs.js";
+import { t as c } from "./Button-CdrrwvXk.js";
+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-DGI5uxql.js";
+import { a as S, i as te, n as C, r as w, t as T } from "./dist-D5nNWgEm.js";
 import * as E from "react";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region node_modules/@radix-ui/react-popover/dist/index.mjs

package/dist/{PrevNextNav-Cd6_IdPd.js → PrevNextNav-XaxS2FTm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-BWCAbrjV.js";
-import { Q as t, Z as n } from "./esm-u0DqOC56.js";
+import { Q as t, Z as n } from "./esm-zUd-Cmgs.js";
 import { t as r } from "./Icon-DJTgdvsG.js";
 import { forwardRef as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/{RadioBox-o1Ssyj0s.js → RadioBox-C7bDjItJ.js}

@@ -1,3 +1,4 @@
+"use client";
 import { t as e } from "./clsx-BWCAbrjV.js";
 import { createContext as t, useCallback as n, useContext as r, useId as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";