@gunkin/uiify 0.0.1-alpha

package/dist/components/carousel/CarouselMarkup.js

@@ -0,0 +1,148 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  carouselFragment,
+  carouselSlideId,
+  joinClassNames,
+  normalizeCarouselProps
+} from "./carousel-markup.js";
+function CarouselMarkup({
+  base: rawBase,
+  rootRef,
+  presentation
+}) {
+  const base = normalizeCarouselProps(rawBase);
+  const { items, classNames, labels } = base;
+  const hasControls = items.length > 1;
+  if (items.length === 0) return null;
+  const enhanced = presentation?.snapshot.ready === true;
+  const showActiveDot = enhanced || presentation?.mounted === true;
+  const activeIndex = presentation?.snapshot.index;
+  const fade = enhanced && presentation.mode === "fade";
+  const presentedIndex = fade ? presentation.snapshot.requestedIndex ?? activeIndex : activeIndex;
+  const dotIndices = enhanced && !presentation.preserveFallbackFocus ? presentation.snapshot.pages.map((page) => page.index) : items.map((_, index) => index);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref: rootRef,
+      id: base.id,
+      "aria-label": base["aria-label"],
+      "aria-roledescription": "carousel",
+      "data-uiify-carousel": "",
+      "data-axis": base.axis,
+      ...presentation ? { "data-mode": presentation.mode } : {},
+      ...enhanced ? { "data-enhanced": "" } : {},
+      ...base.dir ? { dir: base.dir } : {},
+      ...base.className ? { className: base.className } : {},
+      ...base.style ? { style: base.style } : {},
+      children: [
+        presentation && hasControls && presentation.autoplay ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: joinClassNames(classNames?.controls, classNames?.rotation),
+            "data-uiify-carousel-controls": "",
+            "data-carousel-action": "rotation",
+            hidden: !enhanced,
+            children: presentation.autoplay.requested ? labels.stop : labels.start
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: `${base.id}--viewport`,
+            tabIndex: 0,
+            role: "group",
+            "aria-label": base["aria-label"],
+            className: classNames?.viewport,
+            "data-uiify-carousel-viewport": "",
+            children: items.map((item, index) => {
+              const slideId = carouselSlideId(base.id, item.id);
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: slideId,
+                  role: "group",
+                  "aria-roledescription": "slide",
+                  "aria-label": `${item.label}, ${index + 1} ${labels.of} ${items.length}`,
+                  className: joinClassNames(classNames?.slide, item.className),
+                  "data-uiify-carousel-slide": "",
+                  "data-carousel-index": index,
+                  ...enhanced ? { "data-state": index === presentedIndex ? "active" : "inactive" } : {},
+                  ...fade && index !== presentedIndex ? { inert: true, "aria-hidden": true } : {},
+                  children: /* @__PURE__ */ jsx("div", { className: classNames?.slideContent, "data-uiify-carousel-content": "", children: item.children })
+                },
+                item.id
+              );
+            })
+          }
+        ),
+        presentation && hasControls && base.navigation ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: joinClassNames(classNames?.controls, classNames?.previous),
+            "aria-label": labels.previous,
+            "data-uiify-carousel-controls": "",
+            "data-carousel-action": "previous",
+            hidden: !enhanced,
+            disabled: enhanced ? presentation.snapshot.atStart : void 0,
+            children: base.icons?.previous
+          }
+        ) : null,
+        base.pagination && hasControls ? /* @__PURE__ */ jsx(
+          "nav",
+          {
+            "aria-label": labels.navigation,
+            className: classNames?.dots,
+            "data-uiify-carousel-dots": "",
+            children: dotIndices.map((itemIndex) => {
+              const item = items[itemIndex];
+              if (!item) return null;
+              return /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: carouselFragment(carouselSlideId(base.id, item.id)),
+                  "aria-label": `${labels.goTo} ${item.label}`,
+                  "aria-current": showActiveDot && itemIndex === activeIndex ? "true" : void 0,
+                  className: classNames?.dot,
+                  "data-uiify-carousel-dot": "",
+                  "data-carousel-index": itemIndex,
+                  children: itemIndex + 1
+                },
+                item.id
+              );
+            })
+          }
+        ) : null,
+        presentation && hasControls && base.navigation ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: joinClassNames(classNames?.controls, classNames?.next),
+            "aria-label": labels.next,
+            "data-uiify-carousel-controls": "",
+            "data-carousel-action": "next",
+            hidden: !enhanced,
+            disabled: enhanced ? presentation.snapshot.atEnd : void 0,
+            children: base.icons?.next
+          }
+        ) : null,
+        presentation ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNames?.status,
+            "aria-live": presentation.autoplay?.playing ? "off" : "polite",
+            "aria-atomic": "true",
+            "data-uiify-carousel-status": "",
+            children: enhanced && activeIndex !== void 0 ? `${items[activeIndex]?.label ?? ""}, ${activeIndex + 1} ${labels.of} ${items.length}` : null
+          }
+        ) : null
+      ]
+    }
+  );
+}
+CarouselMarkup.displayName = "CarouselMarkup";
+export {
+  CarouselMarkup
+};
+//# sourceMappingURL=CarouselMarkup.js.map

package/dist/components/carousel/CarouselMarkup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n  carouselFragment,\n  carouselSlideId,\n  joinClassNames,\n  normalizeCarouselProps,\n} from \"./carousel-markup.js\";\nimport type { CarouselMarkupProps } from \"./types.js\";\n\nexport function CarouselMarkup({\n  base: rawBase,\n  rootRef,\n  presentation,\n}: CarouselMarkupProps): ReactElement | null {\n  const base = normalizeCarouselProps(rawBase);\n  const { items, classNames, labels } = base;\n  const hasControls = items.length > 1;\n\n  if (items.length === 0) return null;\n\n  const enhanced = presentation?.snapshot.ready === true;\n  // Pagination claims a current slide as soon as the client has mounted, even before\n  // the controller reports `ready` — SSR/pre-hydration markup still claims nothing.\n  const showActiveDot = enhanced || presentation?.mounted === true;\n  const activeIndex = presentation?.snapshot.index;\n  const fade = enhanced && presentation.mode === \"fade\";\n  const presentedIndex = fade ? (presentation.snapshot.requestedIndex ?? activeIndex) : activeIndex;\n  const dotIndices =\n    enhanced && !presentation.preserveFallbackFocus\n      ? presentation.snapshot.pages.map((page) => page.index)\n      : items.map((_, index) => index);\n\n  return (\n    <section\n      ref={rootRef}\n      id={base.id}\n      aria-label={base[\"aria-label\"]}\n      aria-roledescription=\"carousel\"\n      data-uiify-carousel=\"\"\n      data-axis={base.axis}\n      {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n      {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n      {...(base.dir ? { dir: base.dir } : {})}\n      {...(base.className ? { className: base.className } : {})}\n      {...(base.style ? { style: base.style } : {})}\n    >\n      {presentation && hasControls && presentation.autoplay ? (\n        <button\n          type=\"button\"\n          className={joinClassNames(classNames?.controls, classNames?.rotation)}\n          data-uiify-carousel-controls=\"\"\n          data-carousel-action=\"rotation\"\n          hidden={!enhanced}\n        >\n          {presentation.autoplay.requested ? labels.stop : labels.start}\n        </button>\n      ) : null}\n\n      <div\n        id={`${base.id}--viewport`}\n        tabIndex={0}\n        role=\"group\"\n        aria-label={base[\"aria-label\"]}\n        className={classNames?.viewport}\n        data-uiify-carousel-viewport=\"\"\n      >\n        {items.map((item, index) => {\n          const slideId = carouselSlideId(base.id, item.id);\n          return (\n            <div\n              key={item.id}\n              id={slideId}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${item.label}, ${index + 1} ${labels.of} ${items.length}`}\n              className={joinClassNames(classNames?.slide, item.className)}\n              data-uiify-carousel-slide=\"\"\n              data-carousel-index={index}\n              {...(enhanced\n                ? { \"data-state\": index === presentedIndex ? \"active\" : \"inactive\" }\n                : {})}\n              {...(fade && index !== presentedIndex ? { inert: true, \"aria-hidden\": true } : {})}\n            >\n              <div className={classNames?.slideContent} data-uiify-carousel-content=\"\">\n                {item.children}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          className={joinClassNames(classNames?.controls, classNames?.previous)}\n          aria-label={labels.previous}\n          data-uiify-carousel-controls=\"\"\n          data-carousel-action=\"previous\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atStart : undefined}\n        >\n          {base.icons?.previous}\n        </button>\n      ) : null}\n\n      {base.pagination && hasControls ? (\n        <nav\n          aria-label={labels.navigation}\n          className={classNames?.dots}\n          data-uiify-carousel-dots=\"\"\n        >\n          {dotIndices.map((itemIndex) => {\n            const item = items[itemIndex];\n            if (!item) return null;\n            return (\n              <a\n                key={item.id}\n                href={carouselFragment(carouselSlideId(base.id, item.id))}\n                aria-label={`${labels.goTo} ${item.label}`}\n                aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n                className={classNames?.dot}\n                data-uiify-carousel-dot=\"\"\n                data-carousel-index={itemIndex}\n              >\n                {itemIndex + 1}\n              </a>\n            );\n          })}\n        </nav>\n      ) : null}\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          className={joinClassNames(classNames?.controls, classNames?.next)}\n          aria-label={labels.next}\n          data-uiify-carousel-controls=\"\"\n          data-carousel-action=\"next\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n        >\n          {base.icons?.next}\n        </button>\n      ) : null}\n\n      {presentation ? (\n        <div\n          className={classNames?.status}\n          aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n          aria-atomic=\"true\"\n          data-uiify-carousel-status=\"\"\n        >\n          {enhanced && activeIndex !== undefined\n            ? `${items[activeIndex]?.label ?? \"\"}, ${activeIndex + 1} ${labels.of} ${items.length}`\n            : null}\n        </div>\n      ) : null}\n    </section>\n  );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}

package/dist/components/carousel/carousel-markup.d.ts

@@ -0,0 +1,12 @@
+import type { CarouselLabels, CarouselProps } from "./types.js";
+export interface NormalizedCarouselProps extends CarouselProps {
+    readonly axis: NonNullable<CarouselProps["axis"]>;
+    readonly navigation: boolean;
+    readonly pagination: boolean;
+    readonly labels: CarouselLabels;
+}
+export declare function normalizeCarouselProps(props: CarouselProps): NormalizedCarouselProps;
+export declare function carouselSlideId(carouselId: string, itemId: string): string;
+export declare function carouselFragment(id: string): string;
+export declare function joinClassNames(...values: readonly (string | undefined)[]): string | undefined;
+//# sourceMappingURL=carousel-markup.d.ts.map

package/dist/components/carousel/carousel-markup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-markup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-markup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhE,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;CACjC;AAqBD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,GAAG,uBAAuB,CAmBpF;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,wBAAgB,cAAc,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,GAAG,SAAS,CAG7F"}

package/dist/components/carousel/carousel-markup.js

@@ -0,0 +1,53 @@
+const ASCII_WHITESPACE = /[\t\n\f\r ]/u;
+const defaultLabels = {
+  previous: "Previous slide",
+  next: "Next slide",
+  goTo: "Go to",
+  navigation: "Choose slide",
+  start: "Start slide rotation",
+  stop: "Stop slide rotation",
+  of: "of"
+};
+function validateId(id, subject) {
+  if (id.length === 0) {
+    throw new TypeError(`${subject} id must not be empty`);
+  }
+  if (ASCII_WHITESPACE.test(id)) {
+    throw new TypeError(`${subject} id must not contain ASCII whitespace`);
+  }
+}
+function normalizeCarouselProps(props) {
+  validateId(props.id, "Carousel");
+  const itemIds = /* @__PURE__ */ new Set();
+  for (const item of props.items) {
+    validateId(item.id, "Carousel item");
+    if (itemIds.has(item.id)) {
+      throw new TypeError(`Carousel item id must be unique; duplicate id: ${item.id}`);
+    }
+    itemIds.add(item.id);
+  }
+  return {
+    ...props,
+    axis: props.axis ?? "inline",
+    navigation: props.navigation ?? true,
+    pagination: props.pagination ?? true,
+    labels: { ...defaultLabels, ...props.labels }
+  };
+}
+function carouselSlideId(carouselId, itemId) {
+  return `${carouselId}--slide-${itemId}`;
+}
+function carouselFragment(id) {
+  return `#${encodeURIComponent(id)}`;
+}
+function joinClassNames(...values) {
+  const value = values.filter(Boolean).join(" ");
+  return value || void 0;
+}
+export {
+  carouselFragment,
+  carouselSlideId,
+  joinClassNames,
+  normalizeCarouselProps
+};
+//# sourceMappingURL=carousel-markup.js.map

package/dist/components/carousel/carousel-markup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/carousel-markup.ts"],"sourcesContent":["import type { CarouselLabels, CarouselProps } from \"./types.js\";\n\nconst ASCII_WHITESPACE = /[\\t\\n\\f\\r ]/u;\n\nexport interface NormalizedCarouselProps extends CarouselProps {\n  readonly axis: NonNullable<CarouselProps[\"axis\"]>;\n  readonly navigation: boolean;\n  readonly pagination: boolean;\n  readonly labels: CarouselLabels;\n}\n\nconst defaultLabels: CarouselLabels = {\n  previous: \"Previous slide\",\n  next: \"Next slide\",\n  goTo: \"Go to\",\n  navigation: \"Choose slide\",\n  start: \"Start slide rotation\",\n  stop: \"Stop slide rotation\",\n  of: \"of\",\n};\n\nfunction validateId(id: string, subject: string): void {\n  if (id.length === 0) {\n    throw new TypeError(`${subject} id must not be empty`);\n  }\n  if (ASCII_WHITESPACE.test(id)) {\n    throw new TypeError(`${subject} id must not contain ASCII whitespace`);\n  }\n}\n\nexport function normalizeCarouselProps(props: CarouselProps): NormalizedCarouselProps {\n  validateId(props.id, \"Carousel\");\n\n  const itemIds = new Set<string>();\n  for (const item of props.items) {\n    validateId(item.id, \"Carousel item\");\n    if (itemIds.has(item.id)) {\n      throw new TypeError(`Carousel item id must be unique; duplicate id: ${item.id}`);\n    }\n    itemIds.add(item.id);\n  }\n\n  return {\n    ...props,\n    axis: props.axis ?? \"inline\",\n    navigation: props.navigation ?? true,\n    pagination: props.pagination ?? true,\n    labels: { ...defaultLabels, ...props.labels },\n  };\n}\n\nexport function carouselSlideId(carouselId: string, itemId: string): string {\n  return `${carouselId}--slide-${itemId}`;\n}\n\nexport function carouselFragment(id: string): string {\n  return `#${encodeURIComponent(id)}`;\n}\n\nexport function joinClassNames(...values: readonly (string | undefined)[]): string | undefined {\n  const value = values.filter(Boolean).join(\" \");\n  return value || undefined;\n}\n"],"mappings":"AAEA,MAAM,mBAAmB;AASzB,MAAM,gBAAgC;AAAA,EACpC,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AACN;AAEA,SAAS,WAAW,IAAY,SAAuB;AACrD,MAAI,GAAG,WAAW,GAAG;AACnB,UAAM,IAAI,UAAU,GAAG,OAAO,uBAAuB;AAAA,EACvD;AACA,MAAI,iBAAiB,KAAK,EAAE,GAAG;AAC7B,UAAM,IAAI,UAAU,GAAG,OAAO,uCAAuC;AAAA,EACvE;AACF;AAEO,SAAS,uBAAuB,OAA+C;AACpF,aAAW,MAAM,IAAI,UAAU;AAE/B,QAAM,UAAU,oBAAI,IAAY;AAChC,aAAW,QAAQ,MAAM,OAAO;AAC9B,eAAW,KAAK,IAAI,eAAe;AACnC,QAAI,QAAQ,IAAI,KAAK,EAAE,GAAG;AACxB,YAAM,IAAI,UAAU,kDAAkD,KAAK,EAAE,EAAE;AAAA,IACjF;AACA,YAAQ,IAAI,KAAK,EAAE;AAAA,EACrB;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM,MAAM,QAAQ;AAAA,IACpB,YAAY,MAAM,cAAc;AAAA,IAChC,YAAY,MAAM,cAAc;AAAA,IAChC,QAAQ,EAAE,GAAG,eAAe,GAAG,MAAM,OAAO;AAAA,EAC9C;AACF;AAEO,SAAS,gBAAgB,YAAoB,QAAwB;AAC1E,SAAO,GAAG,UAAU,WAAW,MAAM;AACvC;AAEO,SAAS,iBAAiB,IAAoB;AACnD,SAAO,IAAI,mBAAmB,EAAE,CAAC;AACnC;AAEO,SAAS,kBAAkB,QAA6D;AAC7F,QAAM,QAAQ,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AAC7C,SAAO,SAAS;AAClB;","names":[]}

package/dist/components/carousel/carousel-pages.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselGeometry, CarouselPage } from "./types.js";
+export declare function createCarouselPages(geometry: CarouselGeometry): readonly CarouselPage[];
+export declare function findCarouselPage(pages: readonly CarouselPage[], offset: number): CarouselPage | undefined;
+//# sourceMappingURL=carousel-pages.d.ts.map

package/dist/components/carousel/carousel-pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-pages.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-pages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAqBjE,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,SAAS,YAAY,EAAE,CAevF;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,MAAM,EAAE,MAAM,GACb,YAAY,GAAG,SAAS,CAa1B"}

package/dist/components/carousel/carousel-pages.js

@@ -0,0 +1,50 @@
+function assertFinite(value, label) {
+  if (!Number.isFinite(value)) {
+    throw new RangeError(`Carousel ${label} must be finite`);
+  }
+}
+function validateGeometry(geometry) {
+  assertFinite(geometry.viewportSize, "viewport size");
+  assertFinite(geometry.currentOffset, "current offset");
+  if (geometry.viewportSize < 0 || geometry.itemStarts.length !== geometry.itemSizes.length) {
+    throw new RangeError("Carousel geometry is invalid");
+  }
+  geometry.itemStarts.forEach((value) => assertFinite(value, "item start"));
+  geometry.itemSizes.forEach((value) => {
+    assertFinite(value, "item size");
+    if (value < 0) throw new RangeError("Carousel item size must not be negative");
+  });
+}
+function createCarouselPages(geometry) {
+  validateGeometry(geometry);
+  const lastIndex = geometry.itemStarts.length - 1;
+  if (lastIndex < 0) return [];
+  const extent = geometry.itemStarts[lastIndex] + geometry.itemSizes[lastIndex];
+  const maximum = Math.max(0, extent - geometry.viewportSize);
+  const pages = [];
+  geometry.itemStarts.forEach((start, index) => {
+    const offset = Math.min(maximum, Math.max(0, start));
+    const previous = pages.at(-1);
+    if (!previous || Math.abs(previous.offset - offset) > 1) pages.push({ index, offset });
+  });
+  return pages;
+}
+function findCarouselPage(pages, offset) {
+  assertFinite(offset, "offset");
+  let nearest;
+  let distance = Number.POSITIVE_INFINITY;
+  for (const page of pages) {
+    assertFinite(page.offset, "page offset");
+    const nextDistance = Math.abs(page.offset - offset);
+    if (nextDistance < distance) {
+      nearest = page;
+      distance = nextDistance;
+    }
+  }
+  return nearest;
+}
+export {
+  createCarouselPages,
+  findCarouselPage
+};
+//# sourceMappingURL=carousel-pages.js.map

package/dist/components/carousel/carousel-pages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/carousel/carousel-pages.ts"],"sourcesContent":["import type { CarouselGeometry, CarouselPage } from \"./types.js\";\n\nfunction assertFinite(value: number, label: string): void {\n  if (!Number.isFinite(value)) {\n    throw new RangeError(`Carousel ${label} must be finite`);\n  }\n}\n\nfunction validateGeometry(geometry: CarouselGeometry): void {\n  assertFinite(geometry.viewportSize, \"viewport size\");\n  assertFinite(geometry.currentOffset, \"current offset\");\n  if (geometry.viewportSize < 0 || geometry.itemStarts.length !== geometry.itemSizes.length) {\n    throw new RangeError(\"Carousel geometry is invalid\");\n  }\n  geometry.itemStarts.forEach((value) => assertFinite(value, \"item start\"));\n  geometry.itemSizes.forEach((value) => {\n    assertFinite(value, \"item size\");\n    if (value < 0) throw new RangeError(\"Carousel item size must not be negative\");\n  });\n}\n\nexport function createCarouselPages(geometry: CarouselGeometry): readonly CarouselPage[] {\n  validateGeometry(geometry);\n  const lastIndex = geometry.itemStarts.length - 1;\n  if (lastIndex < 0) return [];\n\n  const extent = geometry.itemStarts[lastIndex]! + geometry.itemSizes[lastIndex]!;\n  const maximum = Math.max(0, extent - geometry.viewportSize);\n  const pages: CarouselPage[] = [];\n\n  geometry.itemStarts.forEach((start, index) => {\n    const offset = Math.min(maximum, Math.max(0, start));\n    const previous = pages.at(-1);\n    if (!previous || Math.abs(previous.offset - offset) > 1) pages.push({ index, offset });\n  });\n  return pages;\n}\n\nexport function findCarouselPage(\n  pages: readonly CarouselPage[],\n  offset: number,\n): CarouselPage | undefined {\n  assertFinite(offset, \"offset\");\n  let nearest: CarouselPage | undefined;\n  let distance = Number.POSITIVE_INFINITY;\n  for (const page of pages) {\n    assertFinite(page.offset, \"page offset\");\n    const nextDistance = Math.abs(page.offset - offset);\n    if (nextDistance < distance) {\n      nearest = page;\n      distance = nextDistance;\n    }\n  }\n  return nearest;\n}\n"],"mappings":"AAEA,SAAS,aAAa,OAAe,OAAqB;AACxD,MAAI,CAAC,OAAO,SAAS,KAAK,GAAG;AAC3B,UAAM,IAAI,WAAW,YAAY,KAAK,iBAAiB;AAAA,EACzD;AACF;AAEA,SAAS,iBAAiB,UAAkC;AAC1D,eAAa,SAAS,cAAc,eAAe;AACnD,eAAa,SAAS,eAAe,gBAAgB;AACrD,MAAI,SAAS,eAAe,KAAK,SAAS,WAAW,WAAW,SAAS,UAAU,QAAQ;AACzF,UAAM,IAAI,WAAW,8BAA8B;AAAA,EACrD;AACA,WAAS,WAAW,QAAQ,CAAC,UAAU,aAAa,OAAO,YAAY,CAAC;AACxE,WAAS,UAAU,QAAQ,CAAC,UAAU;AACpC,iBAAa,OAAO,WAAW;AAC/B,QAAI,QAAQ,EAAG,OAAM,IAAI,WAAW,yCAAyC;AAAA,EAC/E,CAAC;AACH;AAEO,SAAS,oBAAoB,UAAqD;AACvF,mBAAiB,QAAQ;AACzB,QAAM,YAAY,SAAS,WAAW,SAAS;AAC/C,MAAI,YAAY,EAAG,QAAO,CAAC;AAE3B,QAAM,SAAS,SAAS,WAAW,SAAS,IAAK,SAAS,UAAU,SAAS;AAC7E,QAAM,UAAU,KAAK,IAAI,GAAG,SAAS,SAAS,YAAY;AAC1D,QAAM,QAAwB,CAAC;AAE/B,WAAS,WAAW,QAAQ,CAAC,OAAO,UAAU;AAC5C,UAAM,SAAS,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC;AACnD,UAAM,WAAW,MAAM,GAAG,EAAE;AAC5B,QAAI,CAAC,YAAY,KAAK,IAAI,SAAS,SAAS,MAAM,IAAI,EAAG,OAAM,KAAK,EAAE,OAAO,OAAO,CAAC;AAAA,EACvF,CAAC;AACD,SAAO;AACT;AAEO,SAAS,iBACd,OACA,QAC0B;AAC1B,eAAa,QAAQ,QAAQ;AAC7B,MAAI;AACJ,MAAI,WAAW,OAAO;AACtB,aAAW,QAAQ,OAAO;AACxB,iBAAa,KAAK,QAAQ,aAAa;AACvC,UAAM,eAAe,KAAK,IAAI,KAAK,SAAS,MAAM;AAClD,QAAI,eAAe,UAAU;AAC3B,gBAAU;AACV,iBAAW;AAAA,IACb;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/components/carousel/client/CarouselClient.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { CarouselClientProps } from "../types.js";
+export declare function CarouselClient(props: CarouselClientProps): ReactElement | null;
+export declare namespace CarouselClient {
+    var displayName: string;
+}
+//# sourceMappingURL=CarouselClient.d.ts.map

package/dist/components/carousel/client/CarouselClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselClient.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/CarouselClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,aAAa,CAAC;AAWrB,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CA2F9E;yBA3Fe,cAAc"}

package/dist/components/carousel/client/CarouselClient.js

@@ -0,0 +1,110 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useEffect,
+  useEffectEvent,
+  useImperativeHandle,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { createCarouselAutoplay } from "./carousel-autoplay.js";
+import { attachCarouselDrag } from "./carousel-drag.js";
+import { createCarouselController } from "./carousel-controller.js";
+import { attachCarouselControls } from "./carousel-controls.js";
+import {
+  CarouselClientView,
+  getCarouselServerSnapshot,
+  subscribeToNothing
+} from "./CarouselClientView.js";
+function CarouselClient(props) {
+  const [root, setRoot] = useState(null);
+  const [controller, setController] = useState();
+  const [autoplay, setAutoplay] = useState();
+  useSyncExternalStore(
+    controller?.subscribe ?? subscribeToNothing,
+    controller?.getSnapshot ?? getCarouselServerSnapshot,
+    getCarouselServerSnapshot
+  );
+  for (const [name, index] of [
+    ["defaultValue", props.defaultValue],
+    ["value", props.value]
+  ]) {
+    if (index !== void 0 && (!Number.isInteger(index) || index < 0 || props.items.length > 0 && index >= props.items.length))
+      throw new RangeError(`Carousel ${name} must be a valid item index`);
+  }
+  const options = useEffectEvent(() => ({
+    defaultValue: props.defaultValue ?? 0,
+    rewind: props.rewind ?? false,
+    ...props.value === void 0 ? {} : { value: props.value },
+    ...props.onSelect ? { onSelect: props.onSelect } : {},
+    ...props.beforeChange ? { beforeChange: props.beforeChange } : {},
+    ...props.afterChange ? { afterChange: props.afterChange } : {},
+    ...props.onSwipe ? { onSwipe: props.onSwipe } : {}
+  }));
+  const rotationOptions = useEffectEvent(
+    () => typeof props.autoplay === "object" ? props.autoplay : {}
+  );
+  const autoplayEnabled = Boolean(props.autoplay);
+  useEffect(() => {
+    if (!root) return;
+    const attached = createCarouselController(root, options());
+    setController(attached);
+    return () => {
+      attached.destroy();
+      setController(void 0);
+    };
+  }, [root]);
+  useEffect(() => {
+    controller?.update(options());
+  });
+  useEffect(() => {
+    controller?.refresh();
+  }, [controller, props.items, props.axis, props.dir]);
+  useEffect(() => {
+    if (!root || !controller || !autoplayEnabled) return;
+    const rotation = createCarouselAutoplay(root, controller, rotationOptions());
+    setAutoplay(rotation);
+    return () => {
+      rotation.destroy();
+      setAutoplay(void 0);
+    };
+  }, [root, controller, autoplayEnabled]);
+  useEffect(() => {
+    autoplay?.update(rotationOptions());
+  });
+  useEffect(() => {
+    if (!root || !controller) return;
+    return attachCarouselControls(root, controller, autoplay);
+  }, [root, controller, autoplay]);
+  useEffect(() => {
+    if (!root || !controller || !props.mouseDrag) return;
+    return attachCarouselDrag(root, controller);
+  }, [root, controller, props.mouseDrag]);
+  useImperativeHandle(
+    props.ref,
+    () => ({
+      next: () => controller?.next("next"),
+      previous: () => controller?.previous("previous"),
+      goTo: (index) => controller?.goTo(index, "command"),
+      start: () => autoplay?.start(),
+      stop: () => autoplay?.stop(),
+      reset: () => autoplay?.reset()
+    }),
+    [controller, autoplay]
+  );
+  return /* @__PURE__ */ jsx(
+    CarouselClientView,
+    {
+      base: props,
+      rootRef: setRoot,
+      mode: "scroll",
+      ...controller ? { controller } : {},
+      ...autoplay ? { autoplay } : {}
+    }
+  );
+}
+CarouselClient.displayName = "CarouselClient";
+export {
+  CarouselClient
+};
+//# sourceMappingURL=CarouselClient.js.map

package/dist/components/carousel/client/CarouselClient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/CarouselClient.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useEffectEvent,\n  useImperativeHandle,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ReactElement } from \"react\";\nimport type {\n  CarouselAutoplayController,\n  CarouselClientProps,\n  CarouselController,\n} from \"../types.js\";\nimport { createCarouselAutoplay } from \"./carousel-autoplay.js\";\nimport { attachCarouselDrag } from \"./carousel-drag.js\";\nimport { createCarouselController } from \"./carousel-controller.js\";\nimport { attachCarouselControls } from \"./carousel-controls.js\";\nimport {\n  CarouselClientView,\n  getCarouselServerSnapshot,\n  subscribeToNothing,\n} from \"./CarouselClientView.js\";\n\nexport function CarouselClient(props: CarouselClientProps): ReactElement | null {\n  const [root, setRoot] = useState<HTMLElement | null>(null);\n  const [controller, setController] = useState<CarouselController>();\n  const [autoplay, setAutoplay] = useState<CarouselAutoplayController>();\n  // Also rerender this owner so controlled values reconcile after a settled native change.\n  useSyncExternalStore(\n    controller?.subscribe ?? subscribeToNothing,\n    controller?.getSnapshot ?? getCarouselServerSnapshot,\n    getCarouselServerSnapshot,\n  );\n  for (const [name, index] of [\n    [\"defaultValue\", props.defaultValue],\n    [\"value\", props.value],\n  ] as const) {\n    if (\n      index !== undefined &&\n      (!Number.isInteger(index) ||\n        index < 0 ||\n        (props.items.length > 0 && index >= props.items.length))\n    )\n      throw new RangeError(`Carousel ${name} must be a valid item index`);\n  }\n  const options = useEffectEvent(() => ({\n    defaultValue: props.defaultValue ?? 0,\n    rewind: props.rewind ?? false,\n    ...(props.value === undefined ? {} : { value: props.value }),\n    ...(props.onSelect ? { onSelect: props.onSelect } : {}),\n    ...(props.beforeChange ? { beforeChange: props.beforeChange } : {}),\n    ...(props.afterChange ? { afterChange: props.afterChange } : {}),\n    ...(props.onSwipe ? { onSwipe: props.onSwipe } : {}),\n  }));\n  const rotationOptions = useEffectEvent(() =>\n    typeof props.autoplay === \"object\" ? props.autoplay : {},\n  );\n  const autoplayEnabled = Boolean(props.autoplay);\n  useEffect(() => {\n    if (!root) return;\n    const attached = createCarouselController(root, options());\n    setController(attached);\n    return () => {\n      attached.destroy();\n      setController(undefined);\n    };\n  }, [root]);\n  useEffect(() => {\n    controller?.update(options());\n  });\n  useEffect(() => {\n    controller?.refresh();\n  }, [controller, props.items, props.axis, props.dir]);\n  useEffect(() => {\n    if (!root || !controller || !autoplayEnabled) return;\n    const rotation = createCarouselAutoplay(root, controller, rotationOptions());\n    setAutoplay(rotation);\n    return () => {\n      rotation.destroy();\n      setAutoplay(undefined);\n    };\n  }, [root, controller, autoplayEnabled]);\n  useEffect(() => {\n    autoplay?.update(rotationOptions());\n  });\n  useEffect(() => {\n    if (!root || !controller) return;\n    return attachCarouselControls(root, controller, autoplay);\n  }, [root, controller, autoplay]);\n  useEffect(() => {\n    if (!root || !controller || !props.mouseDrag) return;\n    return attachCarouselDrag(root, controller);\n  }, [root, controller, props.mouseDrag]);\n  useImperativeHandle(\n    props.ref,\n    () => ({\n      next: () => controller?.next(\"next\"),\n      previous: () => controller?.previous(\"previous\"),\n      goTo: (index) => controller?.goTo(index, \"command\"),\n      start: () => autoplay?.start(),\n      stop: () => autoplay?.stop(),\n      reset: () => autoplay?.reset(),\n    }),\n    [controller, autoplay],\n  );\n  return (\n    <CarouselClientView\n      base={props}\n      rootRef={setRoot}\n      mode=\"scroll\"\n      {...(controller ? { controller } : {})}\n      {...(autoplay ? { autoplay } : {})}\n    />\n  );\n}\nCarouselClient.displayName = \"CarouselClient\";\n"],"mappings":"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","names":[]}

package/dist/components/carousel/client/CarouselClientView.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+import type { CarouselClientViewProps, CarouselSnapshot } from "../types.js";
+export declare const emptyCarouselSnapshot: CarouselSnapshot;
+export declare const getCarouselServerSnapshot: () => CarouselSnapshot;
+export declare const subscribeToNothing: () => () => void;
+export declare function CarouselClientView({ base, rootRef, mode, controller, autoplay, }: CarouselClientViewProps): ReactElement | null;
+export declare namespace CarouselClientView {
+    var displayName: string;
+}
+//# sourceMappingURL=CarouselClientView.d.ts.map

package/dist/components/carousel/client/CarouselClientView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselClientView.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/CarouselClientView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAEV,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAGrB,eAAO,MAAM,qBAAqB,EAAE,gBAWnC,CAAC;AAMF,eAAO,MAAM,yBAAyB,wBAA8B,CAAC;AAErE,eAAO,MAAM,kBAAkB,kBAAiB,CAAC;AAEjD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAqC/C;yBA3Ce,kBAAkB"}

package/dist/components/carousel/client/CarouselClientView.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState, useSyncExternalStore } from "react";
+import { useIsomorphicLayoutEffect } from "../../../hooks/use-isomorphic-layout-effect.js";
+import { CarouselMarkup } from "../CarouselMarkup.js";
+import { attachCarouselFocus } from "./carousel-controls.js";
+const emptyCarouselSnapshot = {
+  ready: false,
+  index: 0,
+  requestedIndex: null,
+  settledChange: null,
+  pages: [],
+  visibleIndices: [],
+  atStart: true,
+  atEnd: true,
+  moving: false,
+  interacting: false
+};
+const emptyAutoplaySnapshot = {
+  requested: false,
+  playing: false,
+  completedAdvances: 0
+};
+const getCarouselServerSnapshot = () => emptyCarouselSnapshot;
+const getAutoplayServerSnapshot = () => emptyAutoplaySnapshot;
+const subscribeToNothing = () => () => {
+};
+function CarouselClientView({
+  base,
+  rootRef,
+  mode,
+  controller,
+  autoplay
+}) {
+  const snapshot = useSyncExternalStore(
+    controller?.subscribe ?? subscribeToNothing,
+    controller?.getSnapshot ?? getCarouselServerSnapshot,
+    getCarouselServerSnapshot
+  );
+  const rotation = useSyncExternalStore(
+    autoplay?.subscribe ?? subscribeToNothing,
+    autoplay?.getSnapshot ?? getAutoplayServerSnapshot,
+    getAutoplayServerSnapshot
+  );
+  const [preserveFallbackFocus, setPreserveFallbackFocus] = useState(true);
+  useIsomorphicLayoutEffect(() => {
+    const root = document.getElementById(base.id);
+    if (!root) return;
+    return attachCarouselFocus(root, setPreserveFallbackFocus);
+  }, [base.id, base.items.length]);
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const rewind = "rewind" in base && base.rewind === true && snapshot.pages.length > 1;
+  return /* @__PURE__ */ jsx(
+    CarouselMarkup,
+    {
+      base,
+      rootRef,
+      presentation: {
+        mode,
+        snapshot: rewind ? { ...snapshot, atStart: false, atEnd: false } : snapshot,
+        preserveFallbackFocus,
+        mounted,
+        ...autoplay ? { autoplay: rotation } : {}
+      }
+    }
+  );
+}
+CarouselClientView.displayName = "CarouselClientView";
+export {
+  CarouselClientView,
+  emptyCarouselSnapshot,
+  getCarouselServerSnapshot,
+  subscribeToNothing
+};
+//# sourceMappingURL=CarouselClientView.js.map

package/dist/components/carousel/client/CarouselClientView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/carousel/client/CarouselClientView.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState, useSyncExternalStore } from \"react\";\nimport type { ReactElement } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport { CarouselMarkup } from \"../CarouselMarkup.js\";\nimport type {\n  CarouselAutoplaySnapshot,\n  CarouselClientViewProps,\n  CarouselSnapshot,\n} from \"../types.js\";\nimport { attachCarouselFocus } from \"./carousel-controls.js\";\n\nexport const emptyCarouselSnapshot: CarouselSnapshot = {\n  ready: false,\n  index: 0,\n  requestedIndex: null,\n  settledChange: null,\n  pages: [],\n  visibleIndices: [],\n  atStart: true,\n  atEnd: true,\n  moving: false,\n  interacting: false,\n};\nconst emptyAutoplaySnapshot: CarouselAutoplaySnapshot = {\n  requested: false,\n  playing: false,\n  completedAdvances: 0,\n};\nexport const getCarouselServerSnapshot = () => emptyCarouselSnapshot;\nconst getAutoplayServerSnapshot = () => emptyAutoplaySnapshot;\nexport const subscribeToNothing = () => () => {};\n\nexport function CarouselClientView({\n  base,\n  rootRef,\n  mode,\n  controller,\n  autoplay,\n}: CarouselClientViewProps): ReactElement | null {\n  const snapshot = useSyncExternalStore(\n    controller?.subscribe ?? subscribeToNothing,\n    controller?.getSnapshot ?? getCarouselServerSnapshot,\n    getCarouselServerSnapshot,\n  );\n  const rotation = useSyncExternalStore(\n    autoplay?.subscribe ?? subscribeToNothing,\n    autoplay?.getSnapshot ?? getAutoplayServerSnapshot,\n    getAutoplayServerSnapshot,\n  );\n  // Start conservatively: the first ready render must not remove pre-hydration focus.\n  const [preserveFallbackFocus, setPreserveFallbackFocus] = useState(true);\n  useIsomorphicLayoutEffect(() => {\n    const root = document.getElementById(base.id);\n    if (!root) return;\n    return attachCarouselFocus(root, setPreserveFallbackFocus);\n  }, [base.id, base.items.length]);\n  // Flips true only after the client's first commit — SSR and the first hydrated\n  // render must stay identical, so pagination still claims no current slide until then.\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => setMounted(true), []);\n  // Wrappers pass their complete client props as base; the pure renderer still accepts only server props.\n  const rewind = \"rewind\" in base && base.rewind === true && snapshot.pages.length > 1;\n  return (\n    <CarouselMarkup\n      base={base}\n      rootRef={rootRef}\n      presentation={{\n        mode,\n        snapshot: rewind ? { ...snapshot, atStart: false, atEnd: false } : snapshot,\n        preserveFallbackFocus,\n        mounted,\n        ...(autoplay ? { autoplay: rotation } : {}),\n      }}\n    />\n  );\n}\nCarouselClientView.displayName = \"CarouselClientView\";\n"],"mappings":";AAiEI;AA/DJ,SAAS,WAAW,UAAU,4BAA4B;AAE1D,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAM/B,SAAS,2BAA2B;AAE7B,MAAM,wBAA0C;AAAA,EACrD,OAAO;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACf;AACA,MAAM,wBAAkD;AAAA,EACtD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,mBAAmB;AACrB;AACO,MAAM,4BAA4B,MAAM;AAC/C,MAAM,4BAA4B,MAAM;AACjC,MAAM,qBAAqB,MAAM,MAAM;AAAC;AAExC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,WAAW;AAAA,IACf,YAAY,aAAa;AAAA,IACzB,YAAY,eAAe;AAAA,IAC3B;AAAA,EACF;AACA,QAAM,WAAW;AAAA,IACf,UAAU,aAAa;AAAA,IACvB,UAAU,eAAe;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAS,IAAI;AACvE,4BAA0B,MAAM;AAC9B,UAAM,OAAO,SAAS,eAAe,KAAK,EAAE;AAC5C,QAAI,CAAC,KAAM;AACX,WAAO,oBAAoB,MAAM,wBAAwB;AAAA,EAC3D,GAAG,CAAC,KAAK,IAAI,KAAK,MAAM,MAAM,CAAC;AAG/B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,YAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,YAAY,QAAQ,KAAK,WAAW,QAAQ,SAAS,MAAM,SAAS;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA,UAAU,SAAS,EAAE,GAAG,UAAU,SAAS,OAAO,OAAO,MAAM,IAAI;AAAA,QACnE;AAAA,QACA;AAAA,QACA,GAAI,WAAW,EAAE,UAAU,SAAS,IAAI,CAAC;AAAA,MAC3C;AAAA;AAAA,EACF;AAEJ;AACA,mBAAmB,cAAc;","names":[]}

package/dist/components/carousel/client/carousel-autoplay.d.ts

@@ -0,0 +1,4 @@
+import type { CarouselAutoplayController, CarouselAutoplayOptions, CarouselController } from "../types.js";
+/** Schedule accessible rotation around semantic controller settlement, never pixel motion. */
+export declare function createCarouselAutoplay(root: HTMLElement, controller: CarouselController, initialOptions: CarouselAutoplayOptions): CarouselAutoplayController;
+//# sourceMappingURL=carousel-autoplay.d.ts.map

package/dist/components/carousel/client/carousel-autoplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-autoplay.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-autoplay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,uBAAuB,EAEvB,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAYrB,8FAA8F;AAC9F,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,kBAAkB,EAC9B,cAAc,EAAE,uBAAuB,GACtC,0BAA0B,CAkQ5B"}