@thewhatmatters/wmds 0.4.32 → 0.4.34

package/dist/components/molecules/Select/Select.js

@@ -1,84 +1,126 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { Dropdown as t } from "../Dropdown/Dropdown.js";
-import { useDropdownMenu as n } from "../Dropdown/useDropdownMenu.js";
-import { measureSelectMenuStyle as r } from "./selectMenuPosition.js";
-import { selectDescriptionClasses as i, selectFieldStackClasses as a, selectLabelClasses as o, selectRootClasses as s, selectShellClasses as c, selectSizes as l, selectTriggerCaretRotateClasses as u, selectTriggerCaretSlotClasses as d, selectTriggerInnerClasses as f, selectTriggerLabelClasses as p } from "./selectStyles.js";
-import { useId as m, useRef as h, useState as g } from "react";
-import { ChevronDown as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { fieldWidthStyle as t } from "../../atoms/Input/fieldWidth.js";
+import { Dropdown as n } from "../Dropdown/Dropdown.js";
+import { useDropdownMenu as r } from "../Dropdown/useDropdownMenu.js";
+import { measureSelectMenuStyle as ee } from "./selectMenuPosition.js";
+import { selectDescriptionClasses as te, selectFieldStackClasses as i, selectLabelClasses as a, selectNativeCaretClasses as o, selectNativeClasses as ne, selectRootClasses as s, selectShellClasses as c, selectSizes as l, selectTriggerCaretRotateClasses as u, selectTriggerCaretSlotClasses as d, selectTriggerInnerClasses as f, selectTriggerLabelClasses as p } from "./selectStyles.js";
+import { useId as m, useRef as h, useState as re } from "react";
+import { ChevronDown as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/molecules/Select/Select.tsx
-function b(e) {
+function y(e) {
 	e.label == null && e["aria-label"] == null && console.warn("[WMDS Select] Provide `label` or `aria-label`."), e.options.length === 0 && console.warn("[WMDS Select] `options` must not be empty.");
 }
+var b = {
+	sm: "2.75rem + 2px",
+	md: "3rem + 2px",
+	lg: "3.5rem + 2px"
+};
 function x(e, t) {
 	if (t != null) return e.find((e) => e.value === t)?.label;
 }
-function S({ options: l, value: S, defaultValue: C, onValueChange: w, placeholder: T = "Select…", label: E, description: D, disabled: O = !1, size: k = "md", className: A, id: j, "aria-label": M, "aria-describedby": N }) {
-	let P = m(), F = j ?? P, I = D == null ? void 0 : `${F}-description`, L = [N, I].filter(Boolean).join(" ") || void 0, R = h(null), z = h(null), [B, V] = g(C), H = S !== void 0, U = H ? S : B;
-	b({
+function S({ options: l, value: S, defaultValue: C, onValueChange: w, placeholder: T = "Select…", label: E, description: D, disabled: O = !1, size: k = "md", className: A, width: j = "full", native: ie, name: M, autoComplete: N, required: P, id: F, "aria-label": I, "aria-describedby": L }) {
+	let R = m(), z = F ?? R, B = D == null ? void 0 : `${z}-description`, V = [L, B].filter(Boolean).join(" ") || void 0, H = h(null), U = h(null), [W, G] = re(C), K = S !== void 0, q = K ? S : W;
+	y({
 		label: E,
-		"aria-label": M,
+		"aria-label": I,
 		options: l
 	});
-	let W = x(l, U);
-	function G(e) {
-		H || V(e), w?.(e), K.close({ returnFocus: !0 });
+	let J = x(l, q);
+	function Y(e) {
+		K || G(e), w?.(e);
 	}
-	let K = n({
+	function X(e) {
+		Y(e), Z.close({ returnFocus: !0 });
+	}
+	let Z = r({
 		rows: l,
-		triggerRef: z,
+		triggerRef: U,
 		focus: "trigger",
-		initialIndex: l.findIndex((e) => e.value === U),
-		measure: () => R.current == null ? null : r(R.current, l),
+		initialIndex: l.findIndex((e) => e.value === q),
+		measure: () => H.current == null ? null : ee(H.current, l),
 		onChoose: (e) => {
 			let t = l[e];
-			t != null && G(t.value);
+			t != null && X(t.value);
 		}
-	}), q = /* @__PURE__ */ y("div", {
-		...K.rootProps,
+	}), Q = ie ?? (M != null || N != null);
+	Q && l.some((e) => e.start != null || e.end != null) && console.warn("[WMDS Select] Native options show text only: `start` / `end` are dropped. Pass `native={false}` to keep them.");
+	let ae = /* @__PURE__ */ _("div", {
+		style: t(j, b[k]),
+		className: e(s, A),
+		children: /* @__PURE__ */ v("div", {
+			className: e(c[k], O && "pointer-events-none opacity-50"),
+			children: [/* @__PURE__ */ v("select", {
+				id: z,
+				name: M,
+				autoComplete: N,
+				required: P,
+				disabled: O,
+				"aria-label": E == null ? I : void 0,
+				"aria-describedby": V,
+				value: q ?? "",
+				onChange: (e) => Y(e.target.value),
+				className: e(ne[k], (q == null || q === "") && "text-muted"),
+				children: [/* @__PURE__ */ _("option", {
+					value: "",
+					children: T
+				}), l.map((e) => /* @__PURE__ */ _("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			}), /* @__PURE__ */ _("span", {
+				className: e(d[k], o[k]),
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ _(g, { strokeWidth: 2 })
+			})]
+		})
+	}), $ = Q ? ae : /* @__PURE__ */ v("div", {
+		...Z.rootProps,
+		style: t(j, b[k]),
 		className: e(s, A),
-		children: [/* @__PURE__ */ v("div", {
-			ref: R,
+		children: [/* @__PURE__ */ _("div", {
+			ref: H,
 			className: e(c[k], O && "pointer-events-none opacity-50"),
-			"data-open": K.open ? "true" : "false",
-			children: /* @__PURE__ */ y("button", {
-				ref: z,
+			"data-open": Z.open ? "true" : "false",
+			children: /* @__PURE__ */ v("button", {
+				ref: U,
 				type: "button",
-				id: F,
+				id: z,
 				role: "combobox",
 				disabled: O,
-				"aria-label": E == null ? M : void 0,
-				"aria-labelledby": E == null ? void 0 : `${F}-label`,
-				"aria-describedby": L,
+				"aria-label": E == null ? I : void 0,
+				"aria-labelledby": E == null ? void 0 : `${z}-label`,
+				"aria-describedby": V,
+				"aria-required": P || void 0,
 				"aria-haspopup": "listbox",
-				...K.triggerProps,
+				...Z.triggerProps,
 				onClick: () => {
-					O || K.toggle();
+					O || Z.toggle();
 				},
 				className: f[k],
-				children: [/* @__PURE__ */ v("span", {
-					className: e(p, W == null && "text-disabled"),
-					children: W ?? T
-				}), /* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ _("span", {
+					className: e(p, J == null && "text-muted"),
+					children: J ?? T
+				}), /* @__PURE__ */ _("span", {
 					className: d[k],
 					"aria-hidden": !0,
-					children: /* @__PURE__ */ v("span", {
-						className: e(u, K.open && "rotate-180"),
-						children: /* @__PURE__ */ v(_, { strokeWidth: 2 })
+					children: /* @__PURE__ */ _("span", {
+						className: e(u, Z.open && "rotate-180"),
+						children: /* @__PURE__ */ _(g, { strokeWidth: 2 })
 					})
 				})]
 			})
-		}), K.open && K.menuStyle != null ? /* @__PURE__ */ v(t.Menu, {
-			...K.menuProps,
+		}), Z.open && Z.menuStyle != null ? /* @__PURE__ */ _(n.Menu, {
+			...Z.menuProps,
 			role: "listbox",
-			"aria-labelledby": F,
-			children: l.map((e, n) => {
-				let r = e.value === U;
-				return /* @__PURE__ */ v("li", {
+			"aria-labelledby": z,
+			children: l.map((e, t) => {
+				let r = e.value === q;
+				return /* @__PURE__ */ _("li", {
 					role: "presentation",
-					children: /* @__PURE__ */ v(t.Item, {
-						...K.rowProps(n),
+					children: /* @__PURE__ */ _(n.Item, {
+						...Z.rowProps(t),
 						role: "option",
 						"aria-selected": r,
 						selected: r,
@@ -87,7 +129,7 @@ function S({ options: l, value: S, defaultValue: C, onValueChange: w, placeholde
 						end: e.end,
 						onMouseDown: (e) => e.preventDefault(),
 						onClick: () => {
-							G(e.value);
+							X(e.value);
 						},
 						children: e.label
 					})
@@ -95,21 +137,21 @@ function S({ options: l, value: S, defaultValue: C, onValueChange: w, placeholde
 			})
 		}) : null]
 	});
-	return E == null && D == null ? q : /* @__PURE__ */ y("div", {
-		className: a,
+	return E == null && D == null ? $ : /* @__PURE__ */ v("div", {
+		className: i,
 		children: [
-			E == null ? null : /* @__PURE__ */ v("label", {
-				id: `${F}-label`,
-				htmlFor: F,
-				className: e(o, O && "opacity-50"),
+			E == null ? null : /* @__PURE__ */ _("label", {
+				id: `${z}-label`,
+				htmlFor: z,
+				className: e(a, O && "opacity-50"),
 				children: E
 			}),
-			q,
-			D == null ? null : /* @__PURE__ */ v("p", {
-				id: I,
-				className: i,
+			D == null ? null : /* @__PURE__ */ _("p", {
+				id: B,
+				className: te,
 				children: D
-			})
+			}),
+			$
 		]
 	});
 }

package/dist/components/molecules/Select/selectStyles.d.ts

@@ -9,7 +9,8 @@ export declare const selectShellDisabledClasses = "pointer-events-none opacity-5
 /** Inner trigger — transparent; shell owns chrome and focus ring. */
 export declare const selectTriggerInnerClasses: Record<SelectSize, string>;
 export declare const selectTriggerLabelClasses = "min-w-0 flex-1 truncate";
-export declare const selectTriggerPlaceholderClasses = "text-disabled";
+/** The empty choice ("Select…"): muted, but readable at 4.5:1. `text-disabled` failed contrast. */
+export declare const selectTriggerPlaceholderClasses = "text-muted";
 /** Trailing caret column — fixed square; chevron SVG fills the slot. */
 export declare const selectTriggerCaretSlotClasses: Record<SelectSize, string>;
 export declare const selectTriggerCaretRotateClasses: string;
@@ -18,4 +19,11 @@ export { dropdownMenuOffsetPx as selectMenuOffsetPx } from "../Dropdown/dropdown
 export declare const selectDisabledLabelClasses = "opacity-50";
 export declare const selectLabelClasses: string;
 export declare const selectDescriptionClasses: string;
+/**
+ * Native mode (Dropdowns C8): the browser's own `<select>` fills the same shell. The phone opens its
+ * picker, typing jumps to an option, and autofill works. 16px text on touch so iOS doesn't zoom.
+ */
+export declare const selectNativeClasses: Record<SelectSize, string>;
+/** The chevron over the native select's right edge; clicks pass through to the select. */
+export declare const selectNativeCaretClasses: Record<SelectSize, string>;
 //# sourceMappingURL=selectStyles.d.ts.map

package/dist/components/molecules/Select/selectStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/selectStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,oCAAoC,CAAC;AAE5C,eAAO,MAAM,WAAW,6BAAa,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,eAAO,MAAM,iBAAiB,4BAA4B,CAAC;AAU3D,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,qEAAqE;AACrE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAgBhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AAEnE,eAAO,MAAM,+BAA+B,kBAAkB,CAAC;AAE/D,wEAAwE;AACxE,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIpE,CAAC;AAEF,eAAO,MAAM,+BAA+B,QAI3C,CAAC;AAEF,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAE1D,OAAO,EAAE,oBAAoB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAExF,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,kBAAkB,QAA8B,CAAC;AAE9D,eAAO,MAAM,wBAAwB,QAA6B,CAAC"}
+{"version":3,"file":"selectStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/selectStyles.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,oCAAoC,CAAC;AAE5C,eAAO,MAAM,WAAW,6BAAa,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,eAAO,MAAM,iBAAiB,4BAA4B,CAAC;AAU3D,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,qEAAqE;AACrE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAgBhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AAEnE,mGAAmG;AACnG,eAAO,MAAM,+BAA+B,eAAe,CAAC;AAE5D,wEAAwE;AACxE,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIpE,CAAC;AAEF,eAAO,MAAM,+BAA+B,QAI3C,CAAC;AAEF,eAAO,MAAM,6BAA6B,eAAe,CAAC;AAE1D,OAAO,EAAE,oBAAoB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAExF,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,kBAAkB,QAA8B,CAAC;AAE9D,eAAO,MAAM,wBAAwB,QAA6B,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI1D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI/D,CAAC"}

package/dist/components/molecules/Select/selectStyles.js

@@ -12,10 +12,18 @@ var s = a, c = "flex w-full flex-col gap-1.5", l = "relative w-full min-w-0", u
 	sm: e("flex h-full w-full min-w-0 cursor-pointer items-center justify-between gap-2 border-0 bg-transparent px-2.5 text-left text-xs leading-none font-sans font-normal tracking-normal text-fg", "pr-2.5 shadow-none outline-none focus:outline-none focus-visible:outline-none", i),
 	md: e("flex h-full w-full min-w-0 cursor-pointer items-center justify-between gap-2 border-0 bg-transparent px-3 text-left text-sm leading-none font-sans font-normal tracking-normal text-fg", "pr-3 shadow-none outline-none focus:outline-none focus-visible:outline-none", i),
 	lg: e("flex h-full w-full min-w-0 cursor-pointer items-center justify-between gap-2 border-0 bg-transparent px-4 text-left text-base leading-none font-sans font-normal tracking-normal text-fg", "pr-3.5 shadow-none outline-none focus:outline-none focus-visible:outline-none", i)
-}, m = "min-w-0 flex-1 truncate", h = "text-disabled", g = {
+}, m = "min-w-0 flex-1 truncate", h = "text-muted", g = {
 	sm: "flex size-3.5 shrink-0 items-center justify-center text-muted",
 	md: "flex size-4 shrink-0 items-center justify-center text-muted",
 	lg: "flex size-4 shrink-0 items-center justify-center text-muted"
-}, _ = e("inline-flex [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", r("fast"), "transition-transform"), v = "rotate-180", y = "opacity-50", b = t("ui-label"), x = t("caption");
+}, _ = e("inline-flex [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", r("fast"), "transition-transform"), v = "rotate-180", y = "opacity-50", b = t("ui-label"), x = t("caption"), S = {
+	sm: "h-full w-full min-w-0 cursor-pointer appearance-none border-0 bg-transparent pl-2.5 pr-8 text-xs pointer-coarse:text-base leading-none font-sans text-fg outline-none focus:outline-none [&>option]:bg-surface [&>option]:text-fg",
+	md: "h-full w-full min-w-0 cursor-pointer appearance-none border-0 bg-transparent pl-3 pr-9 text-sm pointer-coarse:text-base leading-none font-sans text-fg outline-none focus:outline-none [&>option]:bg-surface [&>option]:text-fg",
+	lg: "h-full min-h-12 w-full min-w-0 cursor-pointer appearance-none border-0 bg-transparent pl-4 pr-10 text-base leading-none font-sans text-fg outline-none focus:outline-none [&>option]:bg-surface [&>option]:text-fg"
+}, C = {
+	sm: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 [&>svg]:size-full [&>svg]:stroke-current",
+	md: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 [&>svg]:size-full [&>svg]:stroke-current",
+	lg: "pointer-events-none absolute right-3.5 top-1/2 -translate-y-1/2 [&>svg]:size-full [&>svg]:stroke-current"
+};
 //#endregion
-export { x as selectDescriptionClasses, y as selectDisabledLabelClasses, c as selectFieldStackClasses, b as selectLabelClasses, l as selectRootClasses, d as selectShellClasses, f as selectShellDisabledClasses, s as selectSizes, v as selectTriggerCaretOpenClasses, _ as selectTriggerCaretRotateClasses, g as selectTriggerCaretSlotClasses, p as selectTriggerInnerClasses, m as selectTriggerLabelClasses, h as selectTriggerPlaceholderClasses };
+export { x as selectDescriptionClasses, y as selectDisabledLabelClasses, c as selectFieldStackClasses, b as selectLabelClasses, C as selectNativeCaretClasses, S as selectNativeClasses, l as selectRootClasses, d as selectShellClasses, f as selectShellDisabledClasses, s as selectSizes, v as selectTriggerCaretOpenClasses, _ as selectTriggerCaretRotateClasses, g as selectTriggerCaretSlotClasses, p as selectTriggerInnerClasses, m as selectTriggerLabelClasses, h as selectTriggerPlaceholderClasses };

package/dist/components/molecules/Select/usStateOptions.d.ts

@@ -0,0 +1,8 @@
+import type { SelectOption } from "./Select";
+/**
+ * Options for a State **Select**: `<Select label="State" options={usStateOptions} width="2ch"
+ * name="state" autoComplete="address-level1" />`. Value and label are both the abbreviation, which is
+ * what browsers autofill into `address-level1`.
+ */
+export declare const usStateOptions: SelectOption[];
+//# sourceMappingURL=usStateOptions.d.ts.map

package/dist/components/molecules/Select/usStateOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usStateOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/usStateOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAS7C;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EAA+D,CAAC"}

package/dist/components/molecules/Select/usStateOptions.js

@@ -0,0 +1,7 @@
+"use client";
+var e = (/* @__PURE__ */ "AL.AK.AZ.AR.CA.CO.CT.DE.DC.FL.GA.HI.ID.IL.IN.IA.KS.KY.LA.ME.MD.MA.MI.MN.MS.MO.MT.NE.NV.NH.NJ.NM.NY.NC.ND.OH.OK.OR.PA.RI.SC.SD.TN.TX.UT.VT.VA.WA.WV.WI.WY".split(".")).map((e) => ({
+	value: e,
+	label: e
+}));
+//#endregion
+export { e as usStateOptions };

package/dist/components/molecules/StepProgress/StepProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/StepProgress/StepProgress.tsx"],"names":[],"mappings":"AAUA,qCAAqC;AACrC,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,sDAAsD;AACtD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,qFAAqF;AACrF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAEhF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,+BAsCnB"}
+{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/StepProgress/StepProgress.tsx"],"names":[],"mappings":"AAUA,qCAAqC;AACrC,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,sDAAsD;AACtD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,qFAAqF;AACrF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAEhF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,+BAuCnB"}

package/dist/components/molecules/StepProgress/StepProgress.js

@@ -19,6 +19,7 @@ function d({ step: d, steps: f = 4, label: p, className: m }) {
 		"aria-valuemax": h,
 		"aria-valuenow": g,
 		"aria-valuetext": _,
+		"aria-label": _,
 		"data-step": g,
 		"data-steps": h,
 		children: [/* @__PURE__ */ s("span", {

package/dist/components/organisms/Carousel/Carousel.d.ts

@@ -42,6 +42,26 @@ interface CarouselBaseProps {
     /** Controlled: the row moves to this item (0-based) when it changes. */
     activeIndex?: number;
     labels?: Partial<CarouselLabels>;
+    /**
+     * Drift the row slowly on its own, back and forth between its ends (`true`, about 24px a second, or
+     * `{ speed }` in px a second). It holds while a pointer is over the row, while anything in it has focus,
+     * during a drag or a scrub, while the row is off screen or the tab hidden, and never runs under reduced
+     * motion. A Pause button sits beside the scrubber (WCAG 2.2.2: moving content can be stopped).
+     */
+    autoplay?: boolean | {
+        speed?: number;
+    };
+    /**
+     * Repeat the items seamlessly: a copy follows the last one, and the row wraps back to the start as it passes
+     * one full set, so it never ends. With `autoplay` it drifts one way only. The scrubber and counter are
+     * hidden (a loop has no end to measure against). Needs enough items to fill the row at least once.
+     */
+    loop?: boolean;
+    /**
+     * A badge that follows a mouse pointer over the row, e.g. a hand icon, to say "drag me". Decorative and
+     * hidden from assistive tech; only on devices with a fine pointer that can hover.
+     */
+    cursor?: ReactNode;
     /** **Carousel.Item** children, one per item. */
     children?: ReactNode;
     className?: CarouselLayoutClassName;
@@ -58,7 +78,7 @@ export interface CarouselItemProps {
  * shift-wheel scrolling come from the browser; the pointer drag, the glide, and the scrubber are
  * built on it.
  */
-declare function CarouselRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, itemWidth, snap, bleed, fade, progress, counter, onIndexChange, activeIndex, labels, children, className, }: CarouselProps): import("react").JSX.Element;
+declare function CarouselRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, itemWidth, snap, bleed, fade, progress, counter, onIndexChange, activeIndex, labels, autoplay, loop, cursor, children, className, }: CarouselProps): import("react").JSX.Element;
 declare function CarouselItem({ children, className }: CarouselItemProps): import("react").JSX.Element;
 export declare const Carousel: typeof CarouselRoot & {
     Item: typeof CarouselItem;

package/dist/components/organisms/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAyBf,OAAO,EAgBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAwED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BAkcf;AAOD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAO/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAgBL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA4Bf,OAAO,EAmBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AA4ED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAgB,EAChB,IAAY,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BAyoBf;AAUD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAe/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}