@thewhatmatters/wmds 0.4.32 → 0.4.33

package/CHANGELOG.md

@@ -7,6 +7,24 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
 - **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
 - **How to add an entry** (contributors): add your change to the top entry. If that version is already on npm (`npm view @thewhatmatters/wmds versions`), start a new entry above it and bump `version` in `package.json` to match. `npm run check:changelog` enforces the format.
 
+## 0.4.33
+
+**Cards can take their own tone, and a Carousel can drift on its own with a Pause button and a follow cursor.**
+
+- **Card** `tone` (new): `inverse`, `field` or `light`, the same scopes **Band** uses, so a card can stand apart from its section (testimonials, offers). Everything inside re-skins. New export `cardTones` / `CardTone`.
+- **`[data-theme="light"]`** now scopes the light palette (colors.css and stateColors.css), so a light card or block works inside a dark or toned section.
+- **Carousel** `autoplay` (new): drifts the row slowly back and forth (`true` or `{ speed }` in px a second). It holds on hover, on focus inside the row, during a drag or a scrub, off screen and in a hidden tab, and never runs under reduced motion. A **Pause** / **Play** button sits beside the scrubber (WCAG 2.2.2).
+- **Carousel** `loop` (new): the items repeat seamlessly. A copy follows the last item (hidden from assistive tech, `inert`), and the row wraps back as it passes one full set, so it never ends; with `autoplay` it drifts one way. No scrubber or counter with a loop.
+- **Carousel** sets **`--carousel-velocity`** on its root while the row moves: -1 to 1, which way and how fast, smoothed by a Motion spring and easing back to 0 when it stops (always 0 under reduced motion). Use it straight, without a CSS transition. Items can lean or skew with it, e.g. `rotate-[calc(var(--carousel-velocity,0)*8deg)]`.
+- **Carousel**: a row you can drag no longer selects text (`select-none` while it overflows), so a press-and-drag doesn't paint selection over the items.
+- **Carousel** `cursor` (new): a decorative badge that follows a mouse over the row (fine pointers that can hover), e.g. a hand icon that says "drag me".
+- **Carousel** reads reduced motion through Motion's config, so a `MotionConfig reducedMotion` around it is respected (no change under the default `user`).
+- New tests: **cardTone.test.ts**, and Carousel interaction tests **autoplay drifts, holds on hover and focus, and pauses**, **autoplay never runs under reduced motion** , **loop repeats the items seamlessly and wraps back** and **--carousel-velocity follows the row's movement and settles to 0**. New stories **Card → Reference — tones** and **Carousel → Reference — autoplay with a follow cursor**.
+
+### Consumer actions
+
+If your brand stylesheet sets colours on `:root` only, also list `[data-theme="light"]` (`:root, [data-theme="light"] { … }`) so a `tone="light"` card picks them up.
+
 ## 0.4.32
 
 **Errors and validation: an error summary, errors announced as errors, no lost typing, and no iOS zoom. Labels and placeholders: every field named, the hint above the field, and inset buttons you can tap and see focused.**

package/dist/colors.css

@@ -8,7 +8,8 @@
  * Status roles: error | success | warning (+ *-muted, on-*).
  * Brand actions: primary / on-primary (WhatMatters — separate from accent).
  */
-:root {
+:root,
+[data-theme="light"] {
   /* Native UI (scrollbars, form controls, autofill) follows the theme. */
   color-scheme: light;
 

package/dist/components/molecules/Card/Card.d.ts

@@ -17,8 +17,17 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
     /** Overrides automatic headerless detection. Normally omitted: Body without Header gets a 2px top inset. */
     headerless?: boolean;
     as?: "div" | "article" | "section";
+    /**
+     * The card's own colour pair, so a card can stand apart from its section (testimonials, offers):
+     * `inverse` (the brand surface, dark roles), `field` (the saturated field colour, flat), or `light` (the
+     * light palette, e.g. a paper card on a dark or toned section). Default: the section's own colours.
+     * Everything inside re-skins, as in **Band** `tone`.
+     */
+    tone?: CardTone;
     className?: CardLayoutClassName;
 }
+export declare const cardTones: readonly ["default", "inverse", "field", "light"];
+export type CardTone = (typeof cardTones)[number];
 export interface CardSectionProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     className?: CardLayoutClassName;
@@ -50,7 +59,7 @@ export interface CardHeaderProps extends CardSectionProps {
     /** End slot — kebab, chips-as-tabs, Badge, or any trailing cluster. Always packs to the right. */
     end?: ReactNode;
 }
-declare function CardRoot({ shape, variant, padding, bodyTerminal, headerless, as: Component, className, children, ...props }: CardProps): import("react").JSX.Element;
+declare function CardRoot({ shape, variant, padding, bodyTerminal, headerless, as: Component, tone, className, children, ...props }: CardProps): import("react").JSX.Element;
 declare function CardHeader({ className, children, start, end, ...props }: CardHeaderProps): import("react").JSX.Element;
 /** Inset well — composition slot, or a dark embed when `variant="terminal"`. */
 declare function CardBody({ className, children, variant, src, srcDoc, title, height, readOnly, state, message, ...props }: CardBodyProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EACL,kBAAkB,EAElB,mBAAmB,EACnB,mBAAmB,EAEnB,mCAAmC,EACnC,iCAAiC,EACjC,wCAAwC,EACxC,mCAAmC,EACnC,iCAAiC,EAcjC,mBAAmB,EAQnB,gBAAgB,EAEhB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,eAAe,EACf,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,GACb,MAAM,cAAc,CAAC;AAEtB,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4GAA4G;IAC5G,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,iFAAiF;IACjF,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kHAAkH;IAClH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IACnC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,eAAO,MAAM,SAAS,mDAAoD,CAAC;AAC3E,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAUlD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kGAAkG;IAClG,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB;AASD,iBAAS,QAAQ,CAAC,EAChB,KAAiB,EACjB,OAAmB,EACnB,OAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EAAE,SAAiB,EACrB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,+BA4DX;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BAYjB;AAED,gFAAgF;AAChF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,OAAgB,EAChB,GAAG,EACH,MAAM,EACN,KAAkB,EAClB,MAAa,EACb,QAAgB,EAChB,KAAe,EACf,OAAwB,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,+BA6Df;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAOtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,aAAa,CAAC,+BAE1E;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;;;;;CAKf,CAAC;AAEH,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mCAAmC,EACnC,iCAAiC,EACjC,wCAAwC,EACxC,mCAAmC,EACnC,iCAAiC,EACjC,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}

package/dist/components/molecules/Card/Card.js

@@ -2,86 +2,99 @@
 import { cn as e } from "../../../lib/cn.js";
 import { Badge as t } from "../../atoms/Badge/Badge.js";
 import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
-import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as T, cardShapes as E, cardSubtitleClasses as D, cardTerminalBarClasses as O, cardTerminalFrameClasses as k, cardTerminalFrameElementClasses as A, cardTerminalHeightClasses as j, cardTerminalHeights as M, cardTerminalMessageClasses as N, cardTerminalStageClasses as P, cardTerminalStates as F, cardTerminalTitleClasses as I, cardTitleClasses as L, cardVariantClasses as R, cardVariants as z } from "./cardStyles.js";
-import { Children as B, createContext as V, isValidElement as H, useContext as U } from "react";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as ee, cardShapes as T, cardSubtitleClasses as E, cardTerminalBarClasses as D, cardTerminalFrameClasses as O, cardTerminalFrameElementClasses as k, cardTerminalHeightClasses as A, cardTerminalHeights as j, cardTerminalMessageClasses as M, cardTerminalStageClasses as N, cardTerminalStates as P, cardTerminalTitleClasses as F, cardTitleClasses as I, cardVariantClasses as L, cardVariants as R } from "./cardStyles.js";
+import { Children as z, createContext as B, isValidElement as V, useContext as H } from "react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/molecules/Card/Card.tsx
-var q = V("none"), J = V(!1);
-function Y() {
-	return U(q);
+var K = [
+	"default",
+	"inverse",
+	"field",
+	"light"
+];
+function q(e) {
+	return e === "inverse" ? {
+		"data-tone": "inverse",
+		"data-theme": "dark"
+	} : e === "field" ? { "data-tone": "field" } : e === "light" ? { "data-theme": "light" } : {};
 }
-function X({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", className: c, children: l, ...u }) {
-	let d = r === "none", f = B.toArray(l), p = f.some((e) => H(e) && e.type === Z), m = f.some((e) => H(e) && e.type === Q), h = f.some((e) => H(e) && e.type === $), S = d && f.some((e) => H(e) && e.type === Q && e.props.variant === "terminal"), w = d && m && !h, E = d && m && !p, D = a ?? w, O = o ?? E, k = S && !h;
-	return /* @__PURE__ */ G(q.Provider, {
+var J = B("none"), Y = B(!1);
+function X() {
+	return H(J);
+}
+function te({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", tone: c = "default", className: l, children: u, ...d }) {
+	let f = r === "none", p = z.toArray(u), m = p.some((e) => V(e) && e.type === Z), h = p.some((e) => V(e) && e.type === Q), S = p.some((e) => V(e) && e.type === $), w = f && p.some((e) => V(e) && e.type === Q && e.props.variant === "terminal"), T = f && h && !S, E = f && h && !m, D = a ?? T, O = o ?? E, k = w && !S;
+	return /* @__PURE__ */ W(J.Provider, {
 		value: r,
-		children: /* @__PURE__ */ G(J.Provider, {
+		children: /* @__PURE__ */ W(Y.Provider, {
 			value: D,
-			children: /* @__PURE__ */ G(s, {
-				className: e(i, d ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, T[t], R[n], C[r]), c),
+			children: /* @__PURE__ */ W(s, {
+				className: e(i, f ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, ee[t], L[n], C[r]), l),
 				"data-shape": t,
 				"data-variant": n,
 				"data-padding": r,
-				"data-layout": d ? "shell" : void 0,
-				...u,
-				children: l
+				"data-layout": f ? "shell" : void 0,
+				...q(c),
+				...d,
+				children: u
 			})
 		})
 	});
 }
 function Z({ className: t, children: n, start: r, end: i, ...a }) {
-	let o = Y(), s = r ?? n;
-	return /* @__PURE__ */ K("header", {
+	let o = X(), s = r ?? n;
+	return /* @__PURE__ */ G("header", {
 		className: e(w[o].header, t),
 		...a,
-		children: [s == null ? null : /* @__PURE__ */ G("div", {
+		children: [s == null ? null : /* @__PURE__ */ W("div", {
 			className: h,
 			children: s
-		}), i == null ? null : /* @__PURE__ */ G("div", {
+		}), i == null ? null : /* @__PURE__ */ W("div", {
 			className: m,
 			children: i
 		})]
 	});
 }
 function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s, title: c = "Terminal", height: l = "md", readOnly: u = !1, state: d = "ready", message: f = "Disconnected", ...p }) {
-	let m = Y(), h = U(J), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
-	return /* @__PURE__ */ G("div", {
-		className: e(_ ? k : w[m].body, _ && j[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
+	let m = X(), h = H(Y), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
+	return /* @__PURE__ */ W("div", {
+		className: e(_ ? O : w[m].body, _ && A[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
 		"data-variant": _ ? "terminal" : void 0,
 		"data-theme": _ ? "dark" : void 0,
 		"data-state": _ ? d : void 0,
 		"data-height": _ ? l : void 0,
 		...p,
-		children: _ ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
-			className: O,
-			children: [/* @__PURE__ */ G("span", {
-				className: I,
+		children: _ ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ G("div", {
+			className: D,
+			children: [/* @__PURE__ */ W("span", {
+				className: F,
 				children: c
-			}), u ? /* @__PURE__ */ G(t, {
+			}), u ? /* @__PURE__ */ W(t, {
 				size: "sm",
 				emphasis: "muted",
 				children: "Read only"
 			}) : null]
-		}), /* @__PURE__ */ K("div", {
-			className: P,
+		}), /* @__PURE__ */ G("div", {
+			className: N,
 			"aria-busy": d === "loading" || void 0,
 			children: [
-				d === "loading" ? /* @__PURE__ */ G(n, {
+				d === "loading" ? /* @__PURE__ */ W(n, {
 					width: "100%",
 					height: "100%",
 					radius: "inner"
 				}) : null,
-				d === "disconnected" ? /* @__PURE__ */ G("p", {
-					className: N,
+				d === "disconnected" ? /* @__PURE__ */ W("p", {
+					className: M,
 					role: "status",
 					children: f
 				}) : null,
-				d === "ready" && !v ? /* @__PURE__ */ G("p", {
-					className: N,
+				d === "ready" && !v ? /* @__PURE__ */ W("p", {
+					className: M,
 					role: "status",
 					children: "No session"
 				}) : null,
-				v ? /* @__PURE__ */ G("iframe", {
-					className: A,
+				v ? /* @__PURE__ */ W("iframe", {
+					className: k,
 					title: c,
 					...o == null ? { srcDoc: s } : { src: o }
 				}) : null
@@ -90,24 +103,24 @@ function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s,
 	});
 }
 function $({ className: t, children: n, ...r }) {
-	let i = Y();
-	return /* @__PURE__ */ G("footer", {
+	let i = X();
+	return /* @__PURE__ */ W("footer", {
 		className: e(w[i].footer, t),
 		...r,
 		children: n
 	});
 }
-function ee({ className: t, ...n }) {
-	return /* @__PURE__ */ G("hr", {
+function ne({ className: t, ...n }) {
+	return /* @__PURE__ */ W("hr", {
 		className: e(c, t),
 		...n
 	});
 }
-var te = Object.assign(X, {
+var re = Object.assign(te, {
 	Header: Z,
 	Body: Q,
 	Footer: $,
-	Divider: ee
+	Divider: ne
 });
 //#endregion
-export { te as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, E as cardShapes, D as cardSubtitleClasses, M as cardTerminalHeights, F as cardTerminalStates, L as cardTitleClasses, z as cardVariants };
+export { re as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, T as cardShapes, E as cardSubtitleClasses, j as cardTerminalHeights, P as cardTerminalStates, I as cardTitleClasses, K as cardTones, R as cardVariants };

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"}