@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/candle-chart/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/candle-chart/client/index.ts"],"sourcesContent":["export { CandleChartClient } from \"./CandleChartClient.js\";\nexport type { CandleChartClientOwnProps, CandleChartClientProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,yBAAyB;","names":[]}
+{"version":3,"sources":["../../../../src/components/candle-chart/client/index.ts"],"sourcesContent":["export { CandleChartClient } from \"./CandleChartClient.js\";\nexport type {\n  CandleChartClientOwnProps,\n  CandleChartClientProps,\n  CandleChartSlotProps,\n} from \"../types.js\";\n"],"mappings":"AAAA,SAAS,yBAAyB;","names":[]}

package/dist/components/candle-chart/index.d.ts

@@ -1,3 +1,3 @@
 export { CandleChart } from "./CandleChart.js";
-export type { CandleChartAxisLabel, CandleChartLabels, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, } from "./types.js";
+export type { CandleChartAxisLabel, CandleChartLabels, CandleChartData, CandleChartOwnProps, CandleChartPointerPosition, CandleChartProps, CandleChartSlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/candle-chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/components/candle-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n  CandleChartAxisLabel,\n  CandleChartLabels,\n  CandleChartData,\n  CandleChartOwnProps,\n  CandleChartPointerPosition,\n  CandleChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}
+{"version":3,"sources":["../../../src/components/candle-chart/index.ts"],"sourcesContent":["export { CandleChart } from \"./CandleChart.js\";\nexport type {\n  CandleChartAxisLabel,\n  CandleChartLabels,\n  CandleChartData,\n  CandleChartOwnProps,\n  CandleChartPointerPosition,\n  CandleChartProps,\n  CandleChartSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

package/dist/components/candle-chart/types.d.ts

@@ -1,5 +1,56 @@
-import type { ElementType, ReactNode } from "react";
+import type { ElementType, DOMAttributes, ReactNode, Ref } from "react";
 import type { RenderableProps } from "@gunkin/uiify/core/render";
+import type { SlotProps } from "../../core/slot-props.js";
+type CandleChartIndexedSlotProps<TProps extends object> = TProps & {
+    readonly byItemIndex?: Readonly<Record<number, TProps>>;
+};
+type CandleChartRepeatedSlotProps<TTag extends ElementType> = CandleChartIndexedSlotProps<SlotProps<TTag>>;
+type CandleChartCandleElementProps = Omit<SlotProps<"div">, keyof DOMAttributes<HTMLElement> | "ref"> & Omit<DOMAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML"> & {
+    readonly ref?: Ref<HTMLElement> | undefined;
+};
+export interface CandleChartSlotProps {
+    readonly caption?: SlotProps<"figcaption">;
+    readonly readout?: SlotProps<"div">;
+    readonly readoutTime?: SlotProps<"span">;
+    readonly readoutOpen?: SlotProps<"span">;
+    readonly readoutHigh?: SlotProps<"span">;
+    readonly readoutLow?: SlotProps<"span">;
+    readonly readoutClose?: SlotProps<"span">;
+    readonly plot?: SlotProps<"div">;
+    readonly scrollViewport?: SlotProps<"div">;
+    readonly canvas?: SlotProps<"div">;
+    readonly viewport?: SlotProps<"div">;
+    readonly candles?: SlotProps<"ol">;
+    readonly candle?: CandleChartIndexedSlotProps<CandleChartCandleElementProps>;
+    readonly candleHit?: CandleChartRepeatedSlotProps<"button">;
+    readonly crosshair?: SlotProps<"div">;
+    readonly crosshairMarker?: SlotProps<"span">;
+    readonly timeViewport?: SlotProps<"div">;
+    readonly timeAxis?: SlotProps<"ol">;
+    readonly timeAxisLabel?: CandleChartRepeatedSlotProps<"li">;
+    readonly crosshairTime?: SlotProps<"li">;
+    readonly priceAxis?: SlotProps<"ol">;
+    readonly priceAxisLabel?: CandleChartRepeatedSlotProps<"li">;
+    readonly crosshairPrice?: SlotProps<"li">;
+    readonly liveScrollport?: SlotProps<"div">;
+    readonly liveSpacer?: SlotProps<"div">;
+    readonly liveCandleRow?: CandleChartRepeatedSlotProps<"div">;
+    readonly dataTable?: SlotProps<"table">;
+    readonly dataTableHead?: SlotProps<"thead">;
+    readonly dataTableHeaderRow?: SlotProps<"tr">;
+    readonly dataTableTimeHeader?: SlotProps<"th">;
+    readonly dataTableOpenHeader?: SlotProps<"th">;
+    readonly dataTableHighHeader?: SlotProps<"th">;
+    readonly dataTableLowHeader?: SlotProps<"th">;
+    readonly dataTableCloseHeader?: SlotProps<"th">;
+    readonly dataTableBody?: SlotProps<"tbody">;
+    readonly dataTableRow?: CandleChartRepeatedSlotProps<"tr">;
+    readonly dataTableTimeCell?: CandleChartRepeatedSlotProps<"th">;
+    readonly dataTableOpenCell?: CandleChartRepeatedSlotProps<"td">;
+    readonly dataTableHighCell?: CandleChartRepeatedSlotProps<"td">;
+    readonly dataTableLowCell?: CandleChartRepeatedSlotProps<"td">;
+    readonly dataTableCloseCell?: CandleChartRepeatedSlotProps<"td">;
+}
 export interface CandleChartData {
     readonly time: string | number;
     readonly open: number;
@@ -18,7 +69,7 @@ export interface CandleChartPointerPosition {
     readonly offsetY: number;
 }
 export interface CandleChartOwnProps {
-    readonly "aria-label"?: string;
+    readonly "aria-label"?: string | undefined;
     readonly labels?: Partial<CandleChartLabels>;
     readonly activeCandleIndex?: number;
     readonly cursorY?: number;
@@ -30,6 +81,7 @@ export interface CandleChartOwnProps {
     readonly onCandlePointerLeave?: () => void;
     readonly onCandlePointerMove?: (position: CandleChartPointerPosition) => void;
     readonly selectedCandleIndex?: number;
+    readonly slotProps?: CandleChartSlotProps;
     readonly xAxis?: readonly CandleChartAxisLabel[];
     readonly yAxis?: readonly CandleChartAxisLabel[];
 }
@@ -86,5 +138,7 @@ export interface CandleChartCandleProps {
     readonly onCandleClick?: ((index: number) => void) | undefined;
     readonly onCandlePointerLeave?: (() => void) | undefined;
     readonly onCandlePointerMove?: ((position: CandleChartPointerPosition) => void) | undefined;
+    readonly slotProps?: Pick<CandleChartSlotProps, "candle" | "candleHit"> | undefined;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/candle-chart/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/candle-chart/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from "react";
-import type { CarouselProps } from "./types.js";
+import type { CarouselWithRefProps } from "./types.js";
 /** Native scrolling and fragment navigation; no client behavior required. */
-export declare function Carousel(props: CarouselProps): ReactElement | null;
+export declare function Carousel(props: CarouselWithRefProps): ReactElement | null;
 export declare namespace Carousel {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,GAAG,IAAI,CAElE;yBAFe,QAAQ"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAGzE;yBAHe,QAAQ"}

package/dist/components/carousel/Carousel.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { CarouselMarkup } from "./CarouselMarkup.js";
 function Carousel(props) {
-  return /* @__PURE__ */ jsx(CarouselMarkup, { base: props });
+  const { ref, ...base } = props;
+  return /* @__PURE__ */ jsx(CarouselMarkup, { base, ...ref ? { rootRef: ref } : {} });
 }
 Carousel.displayName = "Carousel";
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { CarouselMarkup } from \"./CarouselMarkup.js\";\nimport type { CarouselProps } from \"./types.js\";\n\n/** Native scrolling and fragment navigation; no client behavior required. */\nexport function Carousel(props: CarouselProps): ReactElement | null {\n  return <CarouselMarkup base={props} />;\n}\nCarousel.displayName = \"Carousel\";\n"],"mappings":"AAMS;AALT,SAAS,sBAAsB;AAIxB,SAAS,SAAS,OAA2C;AAClE,SAAO,oBAAC,kBAAe,MAAM,OAAO;AACtC;AACA,SAAS,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { CarouselMarkup } from \"./CarouselMarkup.js\";\nimport type { CarouselWithRefProps } from \"./types.js\";\n\n/** Native scrolling and fragment navigation; no client behavior required. */\nexport function Carousel(props: CarouselWithRefProps): ReactElement | null {\n  const { ref, ...base } = props;\n  return <CarouselMarkup base={base} {...(ref ? { rootRef: ref } : {})} />;\n}\nCarousel.displayName = \"Carousel\";\n"],"mappings":"AAOS;AANT,SAAS,sBAAsB;AAIxB,SAAS,SAAS,OAAkD;AACzE,QAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,SAAO,oBAAC,kBAAe,MAAa,GAAI,MAAM,EAAE,SAAS,IAAI,IAAI,CAAC,GAAI;AACxE;AACA,SAAS,cAAc;","names":[]}

package/dist/components/carousel/CarouselMarkup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAgK3C;yBApKe,cAAc"}
+{"version":3,"file":"CarouselMarkup.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE3E,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EACb,OAAO,EACP,YAAY,GACb,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CA4L3C;yBAhMe,cAAc"}

package/dist/components/carousel/CarouselMarkup.js

@@ -1,5 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { formatLabel } from "@gunkin/uiify/core/format-label";
+import { cn } from "../../core/class-names.js";
+import { resolveRepeatedSlotProps } from "../../core/slot-props.js";
 import { carouselFragment, carouselSlideId, normalizeCarouselProps } from "./carousel-markup.js";
 function CarouselMarkup({
   base: rawBase,
@@ -7,7 +9,28 @@ function CarouselMarkup({
   presentation
 }) {
   const base = normalizeCarouselProps(rawBase);
-  const { items, labels } = base;
+  const { items, labels, slotProps } = base;
+  const {
+    items: _items,
+    labels: _labels,
+    slotProps: _slotProps,
+    axis: _axis,
+    locale: _locale,
+    icons: _icons,
+    navigation: _navigation,
+    pagination: _pagination,
+    autoplay: _autoplay,
+    afterChange: _afterChange,
+    beforeChange: _beforeChange,
+    defaultValue: _defaultValue,
+    mouseDrag: _mouseDrag,
+    onSelect: _onSelect,
+    onSwipe: _onSwipe,
+    rewind: _rewind,
+    swipe: _swipe,
+    value: _value,
+    ...rootProps
+  } = base;
   const hasControls = items.length > 1;
   if (items.length === 0) return null;
   const enhanced = presentation?.snapshot.ready === true;
@@ -20,17 +43,13 @@ function CarouselMarkup({
   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 } : {},
+      ...rootProps,
+      ref: rootRef,
       children: [
         presentation && hasControls && presentation.autoplay ? /* @__PURE__ */ jsx(
           "button",
@@ -41,6 +60,7 @@ function CarouselMarkup({
             "data-uiify-button": "",
             "data-variant": "outline",
             hidden: !enhanced,
+            ...resolveRepeatedSlotProps(slotProps?.rotationControl, "rotation"),
             children: presentation.autoplay.requested ? labels.stop : labels.start
           }
         ) : null,
@@ -52,8 +72,11 @@ function CarouselMarkup({
             role: "group",
             "aria-label": base["aria-label"],
             "data-part": "viewport",
+            ...slotProps?.viewport,
             children: items.map((item, index) => {
               const slideId = carouselSlideId(base.id, item.id);
+              const slideProps = resolveRepeatedSlotProps(slotProps?.slide, item.id);
+              const slideContentProps = resolveRepeatedSlotProps(slotProps?.slideContent, item.id);
               return /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -69,12 +92,13 @@ function CarouselMarkup({
                     },
                     base.locale
                   ),
-                  className: item.className,
                   "data-part": "slide",
                   "data-carousel-index": index,
                   ...enhanced ? { "data-state": index === presentedIndex ? "active" : "inactive" } : {},
                   ...fade && index !== presentedIndex ? { inert: true, "aria-hidden": true } : {},
-                  children: /* @__PURE__ */ jsx("div", { "data-part": "slide-content", children: item.children })
+                  ...slideProps,
+                  className: cn(item.className, slideProps.className),
+                  children: /* @__PURE__ */ jsx("div", { "data-part": "slide-content", ...slideContentProps, children: item.children })
                 },
                 item.id
               );
@@ -93,10 +117,11 @@ function CarouselMarkup({
             "data-variant": "outline",
             hidden: !enhanced,
             disabled: enhanced ? presentation.snapshot.atStart : void 0,
+            ...resolveRepeatedSlotProps(slotProps?.previousControl, "previous"),
             children: base.icons?.previous
           }
         ) : null,
-        base.pagination && hasControls ? /* @__PURE__ */ jsx("nav", { "aria-label": labels.navigation, "data-part": "dots", children: dotIndices.map((itemIndex) => {
+        base.pagination && hasControls ? /* @__PURE__ */ jsx("nav", { "aria-label": labels.navigation, "data-part": "dots", ...slotProps?.dots, children: dotIndices.map((itemIndex) => {
           const item = items[itemIndex];
           if (!item) return null;
           return /* @__PURE__ */ jsx(
@@ -107,6 +132,7 @@ function CarouselMarkup({
               "aria-current": showActiveDot && itemIndex === activeIndex ? "true" : void 0,
               "data-part": "dot",
               "data-carousel-index": itemIndex,
+              ...resolveRepeatedSlotProps(slotProps?.dot, item.id),
               children: itemIndex + 1
             },
             item.id
@@ -124,6 +150,7 @@ function CarouselMarkup({
             "data-variant": "outline",
             hidden: !enhanced,
             disabled: enhanced ? presentation.snapshot.atEnd : void 0,
+            ...resolveRepeatedSlotProps(slotProps?.nextControl, "next"),
             children: base.icons?.next
           }
         ) : null,
@@ -133,6 +160,7 @@ function CarouselMarkup({
             "aria-live": presentation.autoplay?.playing ? "off" : "polite",
             "aria-atomic": "true",
             "data-part": "status",
+            ...slotProps?.status,
             children: enhanced && announcedIndex !== void 0 ? formatLabel(
               labels.slide,
               {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } 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, 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 announcedIndex = presentation?.snapshot.settledIndex;\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          data-part=\"controls\"\n          data-carousel-action=\"rotation\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\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        data-part=\"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={formatLabel(\n                labels.slide,\n                {\n                  label: item.label,\n                  index: base.locale === undefined ? String(index + 1) : index + 1,\n                  count: base.locale === undefined ? String(items.length) : items.length,\n                },\n                base.locale,\n              )}\n              className={item.className}\n              data-part=\"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 data-part=\"slide-content\">{item.children}</div>\n            </div>\n          );\n        })}\n      </div>\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.previous}\n          data-part=\"controls\"\n          data-carousel-action=\"previous\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\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 aria-label={labels.navigation} data-part=\"dots\">\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={formatLabel(labels.goToSlide, { label: item.label }, base.locale)}\n                aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n                data-part=\"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          aria-label={labels.next}\n          data-part=\"controls\"\n          data-carousel-action=\"next\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\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          aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n          aria-atomic=\"true\"\n          data-part=\"status\"\n        >\n          {enhanced && announcedIndex !== undefined\n            ? formatLabel(\n                labels.slide,\n                {\n                  label: items[announcedIndex]?.label ?? \"\",\n                  index:\n                    base.locale === undefined ? String(announcedIndex + 1) : announcedIndex + 1,\n                  count: base.locale === undefined ? String(items.length) : items.length,\n                },\n                base.locale,\n              )\n            : null}\n        </div>\n      ) : null}\n    </section>\n  );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/carousel/CarouselMarkup.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { formatLabel } from \"@gunkin/uiify/core/format-label\";\nimport { cn } from \"../../core/class-names.js\";\nimport { resolveRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport { carouselFragment, carouselSlideId, normalizeCarouselProps } from \"./carousel-markup.js\";\nimport type { CarouselClientProps, 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, labels, slotProps } = base;\n  const {\n    items: _items,\n    labels: _labels,\n    slotProps: _slotProps,\n    axis: _axis,\n    locale: _locale,\n    icons: _icons,\n    navigation: _navigation,\n    pagination: _pagination,\n    autoplay: _autoplay,\n    afterChange: _afterChange,\n    beforeChange: _beforeChange,\n    defaultValue: _defaultValue,\n    mouseDrag: _mouseDrag,\n    onSelect: _onSelect,\n    onSwipe: _onSwipe,\n    rewind: _rewind,\n    swipe: _swipe,\n    value: _value,\n    ...rootProps\n  } = base as typeof base & Partial<CarouselClientProps> & { readonly swipe?: boolean };\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 announcedIndex = presentation?.snapshot.settledIndex;\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      aria-roledescription=\"carousel\"\n      data-uiify-carousel=\"\"\n      data-axis={base.axis}\n      {...(presentation ? { \"data-mode\": presentation.mode } : {})}\n      {...(enhanced ? { \"data-enhanced\": \"\" } : {})}\n      {...rootProps}\n      ref={rootRef}\n    >\n      {presentation && hasControls && presentation.autoplay ? (\n        <button\n          type=\"button\"\n          data-part=\"controls\"\n          data-carousel-action=\"rotation\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n          {...resolveRepeatedSlotProps(slotProps?.rotationControl, \"rotation\")}\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        data-part=\"viewport\"\n        {...slotProps?.viewport}\n      >\n        {items.map((item, index) => {\n          const slideId = carouselSlideId(base.id, item.id);\n          const slideProps = resolveRepeatedSlotProps(slotProps?.slide, item.id);\n          const slideContentProps = resolveRepeatedSlotProps(slotProps?.slideContent, item.id);\n          return (\n            <div\n              key={item.id}\n              id={slideId}\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={formatLabel(\n                labels.slide,\n                {\n                  label: item.label,\n                  index: base.locale === undefined ? String(index + 1) : index + 1,\n                  count: base.locale === undefined ? String(items.length) : items.length,\n                },\n                base.locale,\n              )}\n              data-part=\"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              {...slideProps}\n              className={cn(item.className, slideProps.className)}\n            >\n              <div data-part=\"slide-content\" {...slideContentProps}>\n                {item.children}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.previous}\n          data-part=\"controls\"\n          data-carousel-action=\"previous\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atStart : undefined}\n          {...resolveRepeatedSlotProps(slotProps?.previousControl, \"previous\")}\n        >\n          {base.icons?.previous}\n        </button>\n      ) : null}\n\n      {base.pagination && hasControls ? (\n        <nav aria-label={labels.navigation} data-part=\"dots\" {...slotProps?.dots}>\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={formatLabel(labels.goToSlide, { label: item.label }, base.locale)}\n                aria-current={showActiveDot && itemIndex === activeIndex ? \"true\" : undefined}\n                data-part=\"dot\"\n                data-carousel-index={itemIndex}\n                {...resolveRepeatedSlotProps(slotProps?.dot, item.id)}\n              >\n                {itemIndex + 1}\n              </a>\n            );\n          })}\n        </nav>\n      ) : null}\n\n      {presentation && hasControls && base.navigation ? (\n        <button\n          type=\"button\"\n          aria-label={labels.next}\n          data-part=\"controls\"\n          data-carousel-action=\"next\"\n          data-size=\"icon\"\n          data-uiify-button=\"\"\n          data-variant=\"outline\"\n          hidden={!enhanced}\n          disabled={enhanced ? presentation.snapshot.atEnd : undefined}\n          {...resolveRepeatedSlotProps(slotProps?.nextControl, \"next\")}\n        >\n          {base.icons?.next}\n        </button>\n      ) : null}\n\n      {presentation ? (\n        <div\n          aria-live={presentation.autoplay?.playing ? \"off\" : \"polite\"}\n          aria-atomic=\"true\"\n          data-part=\"status\"\n          {...slotProps?.status}\n        >\n          {enhanced && announcedIndex !== undefined\n            ? formatLabel(\n                labels.slide,\n                {\n                  label: items[announcedIndex]?.label ?? \"\",\n                  index:\n                    base.locale === undefined ? String(announcedIndex + 1) : announcedIndex + 1,\n                  count: base.locale === undefined ? String(items.length) : items.length,\n                },\n                base.locale,\n              )\n            : null}\n        </div>\n      ) : null}\n    </section>\n  );\n}\nCarouselMarkup.displayName = \"CarouselMarkup\";\n"],"mappings":"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","names":[]}

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

@@ -1 +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"}
+{"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,CA4F9E;yBA5Fe,cAAc"}

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

@@ -17,6 +17,7 @@ import {
   subscribeToNothing
 } from "./CarouselClientView.js";
 function CarouselClient(props) {
+  const { ref: clientRef, ...base } = props;
   const [root, setRoot] = useState(null);
   const [controller, setController] = useState();
   const [autoplay, setAutoplay] = useState();
@@ -81,7 +82,7 @@ function CarouselClient(props) {
     return attachCarouselDrag(root, controller);
   }, [root, controller, props.mouseDrag]);
   useImperativeHandle(
-    props.ref,
+    clientRef,
     () => ({
       next: () => controller?.next("next"),
       previous: () => controller?.previous("previous"),
@@ -95,7 +96,7 @@ function CarouselClient(props) {
   return /* @__PURE__ */ jsx(
     CarouselClientView,
     {
-      base: props,
+      base,
       rootRef: setRoot,
       mode: "scroll",
       ...controller ? { controller } : {},

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

@@ -1 +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":[]}
+{"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 { ref: clientRef, ...base } = props;\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    clientRef,\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={base}\n      rootRef={setRoot}\n      mode=\"scroll\"\n      {...(controller ? { controller } : {})}\n      {...(autoplay ? { autoplay } : {})}\n    />\n  );\n}\nCarouselClient.displayName = \"CarouselClient\";\n"],"mappings":";AA6GI;AA3GJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOP,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,eAAe,OAAiD;AAC9E,QAAM,EAAE,KAAK,WAAW,GAAG,KAAK,IAAI;AACpC,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,IAAI;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6B;AACjE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAqC;AAErE;AAAA,IACE,YAAY,aAAa;AAAA,IACzB,YAAY,eAAe;AAAA,IAC3B;AAAA,EACF;AACA,aAAW,CAAC,MAAM,KAAK,KAAK;AAAA,IAC1B,CAAC,gBAAgB,MAAM,YAAY;AAAA,IACnC,CAAC,SAAS,MAAM,KAAK;AAAA,EACvB,GAAY;AACV,QACE,UAAU,WACT,CAAC,OAAO,UAAU,KAAK,KACtB,QAAQ,KACP,MAAM,MAAM,SAAS,KAAK,SAAS,MAAM,MAAM;AAElD,YAAM,IAAI,WAAW,YAAY,IAAI,6BAA6B;AAAA,EACtE;AACA,QAAM,UAAU,eAAe,OAAO;AAAA,IACpC,cAAc,MAAM,gBAAgB;AAAA,IACpC,QAAQ,MAAM,UAAU;AAAA,IACxB,GAAI,MAAM,UAAU,SAAY,CAAC,IAAI,EAAE,OAAO,MAAM,MAAM;AAAA,IAC1D,GAAI,MAAM,WAAW,EAAE,UAAU,MAAM,SAAS,IAAI,CAAC;AAAA,IACrD,GAAI,MAAM,eAAe,EAAE,cAAc,MAAM,aAAa,IAAI,CAAC;AAAA,IACjE,GAAI,MAAM,cAAc,EAAE,aAAa,MAAM,YAAY,IAAI,CAAC;AAAA,IAC9D,GAAI,MAAM,UAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,CAAC;AAAA,EACpD,EAAE;AACF,QAAM,kBAAkB;AAAA,IAAe,MACrC,OAAO,MAAM,aAAa,WAAW,MAAM,WAAW,CAAC;AAAA,EACzD;AACA,QAAM,kBAAkB,QAAQ,MAAM,QAAQ;AAC9C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,WAAW,yBAAyB,MAAM,QAAQ,CAAC;AACzD,kBAAc,QAAQ;AACtB,WAAO,MAAM;AACX,eAAS,QAAQ;AACjB,oBAAc,MAAS;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AACT,YAAU,MAAM;AACd,gBAAY,OAAO,QAAQ,CAAC;AAAA,EAC9B,CAAC;AACD,YAAU,MAAM;AACd,gBAAY,QAAQ;AAAA,EACtB,GAAG,CAAC,YAAY,MAAM,OAAO,MAAM,MAAM,MAAM,GAAG,CAAC;AACnD,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,gBAAiB;AAC9C,UAAM,WAAW,uBAAuB,MAAM,YAAY,gBAAgB,CAAC;AAC3E,gBAAY,QAAQ;AACpB,WAAO,MAAM;AACX,eAAS,QAAQ;AACjB,kBAAY,MAAS;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,MAAM,YAAY,eAAe,CAAC;AACtC,YAAU,MAAM;AACd,cAAU,OAAO,gBAAgB,CAAC;AAAA,EACpC,CAAC;AACD,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,WAAY;AAC1B,WAAO,uBAAuB,MAAM,YAAY,QAAQ;AAAA,EAC1D,GAAG,CAAC,MAAM,YAAY,QAAQ,CAAC;AAC/B,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,UAAW;AAC9C,WAAO,mBAAmB,MAAM,UAAU;AAAA,EAC5C,GAAG,CAAC,MAAM,YAAY,MAAM,SAAS,CAAC;AACtC;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,MAAM,MAAM,YAAY,KAAK,MAAM;AAAA,MACnC,UAAU,MAAM,YAAY,SAAS,UAAU;AAAA,MAC/C,MAAM,CAAC,UAAU,YAAY,KAAK,OAAO,SAAS;AAAA,MAClD,OAAO,MAAM,UAAU,MAAM;AAAA,MAC7B,MAAM,MAAM,UAAU,KAAK;AAAA,MAC3B,OAAO,MAAM,UAAU,MAAM;AAAA,IAC/B;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,MACJ,GAAI,aAAa,EAAE,WAAW,IAAI,CAAC;AAAA,MACnC,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA;AAAA,EAClC;AAEJ;AACA,eAAe,cAAc;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"carousel-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAElF,0FAA0F;AAC1F,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,GACnC,MAAM,IAAI,CAiBZ;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,CAAC,EAAE,0BAA0B,GACpC,MAAM,IAAI,CAsDZ"}
+{"version":3,"file":"carousel-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAElF,0FAA0F;AAC1F,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,GACnC,MAAM,IAAI,CAiBZ;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,CAAC,EAAE,0BAA0B,GACpC,MAAM,IAAI,CAyDZ"}

package/dist/components/carousel/client/carousel-controls.js

@@ -45,8 +45,8 @@ function attachCarouselControls(root, controller, autoplay) {
     event.preventDefault();
     controller.goTo(index, "dot");
   }
-  root.addEventListener("click", click);
-  return () => root.removeEventListener("click", click);
+  root.ownerDocument.addEventListener("click", click);
+  return () => root.ownerDocument.removeEventListener("click", click);
 }
 export {
   attachCarouselControls,

package/dist/components/carousel/client/carousel-controls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"sourcesContent":["import type { CarouselAutoplayController, CarouselController } from \"../types.js\";\n\n/** Keep a focused dot addressable, including duplicate end-page dots awaiting removal. */\nexport function attachCarouselFocus(\n  root: HTMLElement,\n  receive: (preserve: boolean) => void,\n): () => void {\n  function preserve(target: EventTarget | null) {\n    receive(\n      target instanceof Element &&\n        target.closest(\"[data-uiify-carousel]\") === root &&\n        target.closest('[data-part=\"dot\"]') !== null,\n    );\n  }\n  const focusIn = (event: FocusEvent) => preserve(event.target);\n  const focusOut = (event: FocusEvent) => preserve(event.relatedTarget);\n  preserve(root.ownerDocument.activeElement);\n  root.addEventListener(\"focusin\", focusIn);\n  root.addEventListener(\"focusout\", focusOut);\n  return () => {\n    root.removeEventListener(\"focusin\", focusIn);\n    root.removeEventListener(\"focusout\", focusOut);\n  };\n}\n\n/** Delegate only this carousel's own controls; ordinary links keep browser behavior. */\nexport function attachCarouselControls(\n  root: HTMLElement,\n  controller: CarouselController,\n  autoplay?: CarouselAutoplayController,\n): () => void {\n  function click(event: MouseEvent) {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey ||\n      !controller.getSnapshot().ready ||\n      !(event.target instanceof Element) ||\n      event.target.closest(\"[data-uiify-carousel]\") !== root\n    )\n      return;\n    const control = event.target.closest<HTMLElement>('[data-carousel-action], [data-part=\"dot\"]');\n    if (!control || !root.contains(control)) return;\n    if (control instanceof HTMLButtonElement) {\n      if (control.disabled) return;\n      switch (control.dataset.carouselAction) {\n        case \"previous\":\n          controller.previous(\"previous\");\n          break;\n        case \"next\":\n          controller.next(\"next\");\n          break;\n        case \"rotation\":\n          if (autoplay?.getSnapshot().requested) autoplay.stop();\n          else autoplay?.start();\n          break;\n      }\n      return;\n    }\n    if (\n      !(control instanceof HTMLAnchorElement) ||\n      control.hasAttribute(\"download\") ||\n      (control.target !== \"\" && control.target !== \"_self\")\n    )\n      return;\n    const index = Number(control.dataset.carouselIndex);\n    const slide = root.querySelector<HTMLElement>(':scope > [data-part=\"viewport\"]')?.children[\n      index\n    ];\n    if (\n      !Number.isInteger(index) ||\n      index < 0 ||\n      !slide ||\n      control.getAttribute(\"href\") !== `#${encodeURIComponent(slide.id)}`\n    )\n      return;\n    event.preventDefault();\n    controller.goTo(index, \"dot\");\n  }\n  root.addEventListener(\"click\", click);\n  return () => root.removeEventListener(\"click\", click);\n}\n"],"mappings":"AAGO,SAAS,oBACd,MACA,SACY;AACZ,WAAS,SAAS,QAA4B;AAC5C;AAAA,MACE,kBAAkB,WAChB,OAAO,QAAQ,uBAAuB,MAAM,QAC5C,OAAO,QAAQ,mBAAmB,MAAM;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,UAAU,CAAC,UAAsB,SAAS,MAAM,MAAM;AAC5D,QAAM,WAAW,CAAC,UAAsB,SAAS,MAAM,aAAa;AACpE,WAAS,KAAK,cAAc,aAAa;AACzC,OAAK,iBAAiB,WAAW,OAAO;AACxC,OAAK,iBAAiB,YAAY,QAAQ;AAC1C,SAAO,MAAM;AACX,SAAK,oBAAoB,WAAW,OAAO;AAC3C,SAAK,oBAAoB,YAAY,QAAQ;AAAA,EAC/C;AACF;AAGO,SAAS,uBACd,MACA,YACA,UACY;AACZ,WAAS,MAAM,OAAmB;AAChC,QACE,MAAM,oBACN,MAAM,WAAW,KACjB,MAAM,UACN,MAAM,WACN,MAAM,WACN,MAAM,YACN,CAAC,WAAW,YAAY,EAAE,SAC1B,EAAE,MAAM,kBAAkB,YAC1B,MAAM,OAAO,QAAQ,uBAAuB,MAAM;AAElD;AACF,UAAM,UAAU,MAAM,OAAO,QAAqB,2CAA2C;AAC7F,QAAI,CAAC,WAAW,CAAC,KAAK,SAAS,OAAO,EAAG;AACzC,QAAI,mBAAmB,mBAAmB;AACxC,UAAI,QAAQ,SAAU;AACtB,cAAQ,QAAQ,QAAQ,gBAAgB;AAAA,QACtC,KAAK;AACH,qBAAW,SAAS,UAAU;AAC9B;AAAA,QACF,KAAK;AACH,qBAAW,KAAK,MAAM;AACtB;AAAA,QACF,KAAK;AACH,cAAI,UAAU,YAAY,EAAE,UAAW,UAAS,KAAK;AAAA,cAChD,WAAU,MAAM;AACrB;AAAA,MACJ;AACA;AAAA,IACF;AACA,QACE,EAAE,mBAAmB,sBACrB,QAAQ,aAAa,UAAU,KAC9B,QAAQ,WAAW,MAAM,QAAQ,WAAW;AAE7C;AACF,UAAM,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAClD,UAAM,QAAQ,KAAK,cAA2B,iCAAiC,GAAG,SAChF,KACF;AACA,QACE,CAAC,OAAO,UAAU,KAAK,KACvB,QAAQ,KACR,CAAC,SACD,QAAQ,aAAa,MAAM,MAAM,IAAI,mBAAmB,MAAM,EAAE,CAAC;AAEjE;AACF,UAAM,eAAe;AACrB,eAAW,KAAK,OAAO,KAAK;AAAA,EAC9B;AACA,OAAK,iBAAiB,SAAS,KAAK;AACpC,SAAO,MAAM,KAAK,oBAAoB,SAAS,KAAK;AACtD;","names":[]}
+{"version":3,"sources":["../../../../src/components/carousel/client/carousel-controls.ts"],"sourcesContent":["import type { CarouselAutoplayController, CarouselController } from \"../types.js\";\n\n/** Keep a focused dot addressable, including duplicate end-page dots awaiting removal. */\nexport function attachCarouselFocus(\n  root: HTMLElement,\n  receive: (preserve: boolean) => void,\n): () => void {\n  function preserve(target: EventTarget | null) {\n    receive(\n      target instanceof Element &&\n        target.closest(\"[data-uiify-carousel]\") === root &&\n        target.closest('[data-part=\"dot\"]') !== null,\n    );\n  }\n  const focusIn = (event: FocusEvent) => preserve(event.target);\n  const focusOut = (event: FocusEvent) => preserve(event.relatedTarget);\n  preserve(root.ownerDocument.activeElement);\n  root.addEventListener(\"focusin\", focusIn);\n  root.addEventListener(\"focusout\", focusOut);\n  return () => {\n    root.removeEventListener(\"focusin\", focusIn);\n    root.removeEventListener(\"focusout\", focusOut);\n  };\n}\n\n/** Delegate only this carousel's own controls; ordinary links keep browser behavior. */\nexport function attachCarouselControls(\n  root: HTMLElement,\n  controller: CarouselController,\n  autoplay?: CarouselAutoplayController,\n): () => void {\n  function click(event: MouseEvent) {\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.shiftKey ||\n      !controller.getSnapshot().ready ||\n      !(event.target instanceof Element) ||\n      event.target.closest(\"[data-uiify-carousel]\") !== root\n    )\n      return;\n    const control = event.target.closest<HTMLElement>('[data-carousel-action], [data-part=\"dot\"]');\n    if (!control || !root.contains(control)) return;\n    if (control instanceof HTMLButtonElement) {\n      if (control.disabled) return;\n      switch (control.dataset.carouselAction) {\n        case \"previous\":\n          controller.previous(\"previous\");\n          break;\n        case \"next\":\n          controller.next(\"next\");\n          break;\n        case \"rotation\":\n          if (autoplay?.getSnapshot().requested) autoplay.stop();\n          else autoplay?.start();\n          break;\n      }\n      return;\n    }\n    if (\n      !(control instanceof HTMLAnchorElement) ||\n      control.hasAttribute(\"download\") ||\n      (control.target !== \"\" && control.target !== \"_self\")\n    )\n      return;\n    const index = Number(control.dataset.carouselIndex);\n    const slide = root.querySelector<HTMLElement>(':scope > [data-part=\"viewport\"]')?.children[\n      index\n    ];\n    if (\n      !Number.isInteger(index) ||\n      index < 0 ||\n      !slide ||\n      control.getAttribute(\"href\") !== `#${encodeURIComponent(slide.id)}`\n    )\n      return;\n    event.preventDefault();\n    controller.goTo(index, \"dot\");\n  }\n  // React delegates consumer slot clicks at its root container, which can be outside\n  // this section. Handle the native event after that dispatch so preventDefault() from\n  // a slot's onClick can cancel the built-in action reliably.\n  root.ownerDocument.addEventListener(\"click\", click);\n  return () => root.ownerDocument.removeEventListener(\"click\", click);\n}\n"],"mappings":"AAGO,SAAS,oBACd,MACA,SACY;AACZ,WAAS,SAAS,QAA4B;AAC5C;AAAA,MACE,kBAAkB,WAChB,OAAO,QAAQ,uBAAuB,MAAM,QAC5C,OAAO,QAAQ,mBAAmB,MAAM;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,UAAU,CAAC,UAAsB,SAAS,MAAM,MAAM;AAC5D,QAAM,WAAW,CAAC,UAAsB,SAAS,MAAM,aAAa;AACpE,WAAS,KAAK,cAAc,aAAa;AACzC,OAAK,iBAAiB,WAAW,OAAO;AACxC,OAAK,iBAAiB,YAAY,QAAQ;AAC1C,SAAO,MAAM;AACX,SAAK,oBAAoB,WAAW,OAAO;AAC3C,SAAK,oBAAoB,YAAY,QAAQ;AAAA,EAC/C;AACF;AAGO,SAAS,uBACd,MACA,YACA,UACY;AACZ,WAAS,MAAM,OAAmB;AAChC,QACE,MAAM,oBACN,MAAM,WAAW,KACjB,MAAM,UACN,MAAM,WACN,MAAM,WACN,MAAM,YACN,CAAC,WAAW,YAAY,EAAE,SAC1B,EAAE,MAAM,kBAAkB,YAC1B,MAAM,OAAO,QAAQ,uBAAuB,MAAM;AAElD;AACF,UAAM,UAAU,MAAM,OAAO,QAAqB,2CAA2C;AAC7F,QAAI,CAAC,WAAW,CAAC,KAAK,SAAS,OAAO,EAAG;AACzC,QAAI,mBAAmB,mBAAmB;AACxC,UAAI,QAAQ,SAAU;AACtB,cAAQ,QAAQ,QAAQ,gBAAgB;AAAA,QACtC,KAAK;AACH,qBAAW,SAAS,UAAU;AAC9B;AAAA,QACF,KAAK;AACH,qBAAW,KAAK,MAAM;AACtB;AAAA,QACF,KAAK;AACH,cAAI,UAAU,YAAY,EAAE,UAAW,UAAS,KAAK;AAAA,cAChD,WAAU,MAAM;AACrB;AAAA,MACJ;AACA;AAAA,IACF;AACA,QACE,EAAE,mBAAmB,sBACrB,QAAQ,aAAa,UAAU,KAC9B,QAAQ,WAAW,MAAM,QAAQ,WAAW;AAE7C;AACF,UAAM,QAAQ,OAAO,QAAQ,QAAQ,aAAa;AAClD,UAAM,QAAQ,KAAK,cAA2B,iCAAiC,GAAG,SAChF,KACF;AACA,QACE,CAAC,OAAO,UAAU,KAAK,KACvB,QAAQ,KACR,CAAC,SACD,QAAQ,aAAa,MAAM,MAAM,IAAI,mBAAmB,MAAM,EAAE,CAAC;AAEjE;AACF,UAAM,eAAe;AACrB,eAAW,KAAK,OAAO,KAAK;AAAA,EAC9B;AAIA,OAAK,cAAc,iBAAiB,SAAS,KAAK;AAClD,SAAO,MAAM,KAAK,cAAc,oBAAoB,SAAS,KAAK;AACpE;","names":[]}

package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeCarouselClient.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/FadeCarouselClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAGV,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAYrB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CA2FtF;yBA3Fe,kBAAkB"}
+{"version":3,"file":"FadeCarouselClient.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/fade/FadeCarouselClient.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAGV,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAYrB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,GAAG,IAAI,CA4FtF;yBA5Fe,kBAAkB"}

package/dist/components/carousel/fade/FadeCarouselClient.js

@@ -18,6 +18,7 @@ import {
 import { createFadeController } from "./fade-controller.js";
 import { attachFadeSwipe } from "./fade-swipe.js";
 function FadeCarouselClient(props) {
+  const { ref: clientRef, ...base } = props;
   const [root, setRoot] = useState(null);
   const [controller, setController] = useState();
   const [autoplay, setAutoplay] = useState();
@@ -79,7 +80,7 @@ function FadeCarouselClient(props) {
     return attachFadeSwipe(root, controller, props.mouseDrag ?? false);
   }, [root, controller, props.swipe, props.mouseDrag]);
   useImperativeHandle(
-    props.ref,
+    clientRef,
     () => ({
       next: () => controller?.next("next"),
       previous: () => controller?.previous("previous"),
@@ -93,7 +94,7 @@ function FadeCarouselClient(props) {
   return /* @__PURE__ */ jsx(
     CarouselClientView,
     {
-      base: props,
+      base,
       rootRef: setRoot,
       mode: "fade",
       ...controller ? { controller } : {},

package/dist/components/carousel/fade/FadeCarouselClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/carousel/fade/FadeCarouselClient.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  CarouselController,\n  FadeCarouselClientProps,\n} from \"../types.js\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport { createCarouselAutoplay } from \"../client/carousel-autoplay.js\";\nimport { attachCarouselControls } from \"../client/carousel-controls.js\";\nimport {\n  CarouselClientView,\n  getCarouselServerSnapshot,\n  subscribeToNothing,\n} from \"../client/CarouselClientView.js\";\nimport { createFadeController } from \"./fade-controller.js\";\nimport { attachFadeSwipe } from \"./fade-swipe.js\";\n\nexport function FadeCarouselClient(props: FadeCarouselClientProps): ReactElement | null {\n  const [root, setRoot] = useState<HTMLElement | null>(null);\n  const [controller, setController] = useState<CarouselController>();\n  const [autoplay, setAutoplay] = useState<CarouselAutoplayController>();\n  useSyncExternalStore(\n    controller?.subscribe ?? subscribeToNothing,\n    controller?.getSnapshot ?? getCarouselServerSnapshot,\n    getCarouselServerSnapshot,\n  );\n  for (const index of [props.defaultValue, props.value]) {\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 value must be a valid item index\");\n  }\n  const options = () => ({\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  // Layout effect: fade's readiness is synchronous, so creating the controller\n  // before paint (rather than after, like the native scroll controller) avoids a\n  // visible frame where fallback links are still shown but persistent controls\n  // are hidden, waiting on an effect that has already run.\n  useIsomorphicLayoutEffect(() => {\n    if (!root) return;\n    const attached = createFadeController(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]);\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.swipe === false) return;\n    return attachFadeSwipe(root, controller, props.mouseDrag ?? false);\n  }, [root, controller, props.swipe, 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=\"fade\"\n      {...(controller ? { controller } : {})}\n      {...(autoplay ? { autoplay } : {})}\n    />\n  );\n}\nFadeCarouselClient.displayName = \"FadeCarouselClient\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/carousel/fade/FadeCarouselClient.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  CarouselController,\n  FadeCarouselClientProps,\n} from \"../types.js\";\nimport { useIsomorphicLayoutEffect } from \"../../../hooks/use-isomorphic-layout-effect.js\";\nimport { createCarouselAutoplay } from \"../client/carousel-autoplay.js\";\nimport { attachCarouselControls } from \"../client/carousel-controls.js\";\nimport {\n  CarouselClientView,\n  getCarouselServerSnapshot,\n  subscribeToNothing,\n} from \"../client/CarouselClientView.js\";\nimport { createFadeController } from \"./fade-controller.js\";\nimport { attachFadeSwipe } from \"./fade-swipe.js\";\n\nexport function FadeCarouselClient(props: FadeCarouselClientProps): ReactElement | null {\n  const { ref: clientRef, ...base } = props;\n  const [root, setRoot] = useState<HTMLElement | null>(null);\n  const [controller, setController] = useState<CarouselController>();\n  const [autoplay, setAutoplay] = useState<CarouselAutoplayController>();\n  useSyncExternalStore(\n    controller?.subscribe ?? subscribeToNothing,\n    controller?.getSnapshot ?? getCarouselServerSnapshot,\n    getCarouselServerSnapshot,\n  );\n  for (const index of [props.defaultValue, props.value]) {\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 value must be a valid item index\");\n  }\n  const options = () => ({\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  // Layout effect: fade's readiness is synchronous, so creating the controller\n  // before paint (rather than after, like the native scroll controller) avoids a\n  // visible frame where fallback links are still shown but persistent controls\n  // are hidden, waiting on an effect that has already run.\n  useIsomorphicLayoutEffect(() => {\n    if (!root) return;\n    const attached = createFadeController(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]);\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.swipe === false) return;\n    return attachFadeSwipe(root, controller, props.mouseDrag ?? false);\n  }, [root, controller, props.swipe, props.mouseDrag]);\n  useImperativeHandle(\n    clientRef,\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={base}\n      rootRef={setRoot}\n      mode=\"fade\"\n      {...(controller ? { controller } : {})}\n      {...(autoplay ? { autoplay } : {})}\n    />\n  );\n}\nFadeCarouselClient.displayName = \"FadeCarouselClient\";\n"],"mappings":"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","names":[]}

package/dist/components/carousel/index.d.ts

@@ -1,3 +1,3 @@
 export { Carousel } from "./Carousel.js";
-export type { CarouselAxis, CarouselItem, CarouselLabels, CarouselProps, CarouselStyle, } from "./types.js";
+export type { CarouselAxis, CarouselItem, CarouselLabels, CarouselProps, CarouselSlotProps, CarouselStyle, CarouselWithRefProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/carousel/index.ts"],"sourcesContent":["export { Carousel } from \"./Carousel.js\";\nexport type {\n  CarouselAxis,\n  CarouselItem,\n  CarouselLabels,\n  CarouselProps,\n  CarouselStyle,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}
+{"version":3,"sources":["../../../src/components/carousel/index.ts"],"sourcesContent":["export { Carousel } from \"./Carousel.js\";\nexport type {\n  CarouselAxis,\n  CarouselItem,\n  CarouselLabels,\n  CarouselProps,\n  CarouselSlotProps,\n  CarouselStyle,\n  CarouselWithRefProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

package/dist/components/carousel/types.d.ts

@@ -1,4 +1,5 @@
-import type { CSSProperties, ReactNode, Ref } from "react";
+import type { ComponentPropsWithoutRef, CSSProperties, ReactNode, Ref } from "react";
+import type { ConsumerDataAttributes, RepeatedSlotProps, SlotProps } from "../../core/slot-props.js";
 export type CarouselAxis = "inline" | "block";
 export type CarouselReason = "previous" | "next" | "dot" | "command" | "scroll" | "drag" | "autoplay" | "controlled" | "items";
 export interface CarouselItem {
@@ -30,7 +31,18 @@ export interface CarouselStyle extends CSSProperties {
     readonly "--uiify-carousel-gap"?: string;
     readonly "--uiify-carousel-fade-duration"?: string;
 }
-export interface CarouselProps {
+export interface CarouselSlotProps {
+    readonly viewport?: SlotProps<"div">;
+    readonly slide?: RepeatedSlotProps<SlotProps<"div">>;
+    readonly slideContent?: RepeatedSlotProps<SlotProps<"div">>;
+    readonly rotationControl?: RepeatedSlotProps<SlotProps<"button">>;
+    readonly previousControl?: RepeatedSlotProps<SlotProps<"button">>;
+    readonly nextControl?: RepeatedSlotProps<SlotProps<"button">>;
+    readonly dots?: SlotProps<"nav">;
+    readonly dot?: RepeatedSlotProps<SlotProps<"a">>;
+    readonly status?: SlotProps<"div">;
+}
+export interface CarouselProps extends Omit<ComponentPropsWithoutRef<"section">, "aria-label" | "children" | "className" | "dangerouslySetInnerHTML" | "defaultValue" | "dir" | "id" | "autoplay" | "afterChange" | "beforeChange" | "mouseDrag" | "onSelect" | "onSwipe" | "rewind" | "swipe" | "style" | "value">, ConsumerDataAttributes {
     readonly id: string;
     readonly items: readonly CarouselItem[];
     readonly "aria-label": string;
@@ -43,6 +55,10 @@ export interface CarouselProps {
     readonly style?: CarouselStyle;
     readonly labels?: Partial<CarouselLabels>;
     readonly icons?: CarouselIcons;
+    readonly slotProps?: CarouselSlotProps;
+}
+export interface CarouselWithRefProps extends CarouselProps {
+    readonly ref?: Ref<HTMLElement>;
 }
 export interface CarouselChange {
     readonly previousIndex: number;