@chinggis.systems/collection-ui 1.0.0 → 1.0.2

package/dist/layoutPresets.d.ts

@@ -1,19 +1,19 @@
-import type { CollectionLayout, CollectionLayoutDirection, CollectionLayoutName, CollectionLayoutShape } from "./types";
-export type CollectionLayoutControl = "columns" | "direction" | "isNumbered" | "shape";
-export interface CollectionLayoutDefinition {
-    name: CollectionLayoutName;
-    label: string;
-    description: string;
-    controls: CollectionLayoutControl[];
-    defaultLayout: CollectionLayout;
-    columnOptions?: number[];
-    directionOptions?: CollectionLayoutDirection[];
-    shapeOptions?: CollectionLayoutShape[];
-}
-export declare const COLLECTION_LAYOUT_DEFINITIONS: Record<CollectionLayoutName, CollectionLayoutDefinition>;
-export declare function getCollectionLayoutDefinition(name: CollectionLayoutName): CollectionLayoutDefinition;
-export declare function getCollectionLayoutControls(name: CollectionLayoutName): CollectionLayoutControl[];
-export declare function isCollectionLayoutControlVisible(name: CollectionLayoutName, control: CollectionLayoutControl): boolean;
-export declare function getDefaultCollectionLayout(name: CollectionLayoutName): CollectionLayout;
-export declare function sanitizeCollectionLayout(layout: CollectionLayout): CollectionLayout;
+import type { CollectionLayout, CollectionLayoutDirection, CollectionLayoutName, CollectionLayoutShape } from "./types";
+export type CollectionLayoutControl = "columns" | "direction" | "isNumbered" | "shape";
+export interface CollectionLayoutDefinition {
+    name: CollectionLayoutName;
+    label: string;
+    description: string;
+    controls: CollectionLayoutControl[];
+    defaultLayout: CollectionLayout;
+    columnOptions?: number[];
+    directionOptions?: CollectionLayoutDirection[];
+    shapeOptions?: CollectionLayoutShape[];
+}
+export declare const COLLECTION_LAYOUT_DEFINITIONS: Record<CollectionLayoutName, CollectionLayoutDefinition>;
+export declare function getCollectionLayoutDefinition(name: CollectionLayoutName): CollectionLayoutDefinition;
+export declare function getCollectionLayoutControls(name: CollectionLayoutName): CollectionLayoutControl[];
+export declare function isCollectionLayoutControlVisible(name: CollectionLayoutName, control: CollectionLayoutControl): boolean;
+export declare function getDefaultCollectionLayout(name: CollectionLayoutName): CollectionLayout;
+export declare function sanitizeCollectionLayout(layout: CollectionLayout): CollectionLayout;
 //# sourceMappingURL=layoutPresets.d.ts.map

package/dist/layoutPresets.js

@@ -1,130 +1,130 @@
-export const COLLECTION_LAYOUT_DEFINITIONS = {
-    hero: {
-        name: "hero",
-        label: "Hero",
-        description: "Large collection banner for the top of a page.",
-        controls: [],
-        defaultLayout: { name: "hero" },
-    },
-    banner: {
-        name: "banner",
-        label: "Banner",
-        description: "Single collection image and copy.",
-        controls: [],
-        defaultLayout: { name: "banner" },
-    },
-    special: {
-        name: "special",
-        label: "Special item",
-        description: "One highlighted product with cover, description, price, and action.",
-        controls: [],
-        defaultLayout: { name: "special" },
-    },
-    carousel: {
-        name: "carousel",
-        label: "Carousel",
-        description: "Horizontal product shelf.",
-        controls: ["columns"],
-        columnOptions: [4, 5, 6, 7, 8],
-        defaultLayout: { name: "carousel", direction: "horizontal", columns: 6 },
-    },
-    list: {
-        name: "list",
-        label: "List",
-        description: "Horizontal shelf or vertical ranked list.",
-        controls: ["direction", "isNumbered"],
-        directionOptions: ["horizontal", "vertical"],
-        defaultLayout: { name: "list", direction: "horizontal" },
-    },
-    dynamic: {
-        name: "dynamic",
-        label: "Dynamic list",
-        description: "Dynamic item list with optional vertical mode.",
-        controls: ["direction", "isNumbered"],
-        directionOptions: ["horizontal", "vertical"],
-        defaultLayout: { name: "dynamic", direction: "horizontal" },
-    },
-    grid: {
-        name: "grid",
-        label: "Grid",
-        description: "Product grid/shelf.",
-        controls: ["columns"],
-        columnOptions: [3, 4, 5, 6],
-        defaultLayout: { name: "grid", columns: 4 },
-    },
-    relative: {
-        name: "relative",
-        label: "Relative",
-        description: "Related product shelf.",
-        controls: ["columns"],
-        columnOptions: [4, 5, 6],
-        defaultLayout: { name: "relative", columns: 6 },
-    },
-    "grid-title": {
-        name: "grid-title",
-        label: "Grid title",
-        description: "Grouped ranked lists.",
-        controls: ["isNumbered"],
-        defaultLayout: { name: "grid-title", isNumbered: true, itemLimit: 3 },
-    },
-    featured: {
-        name: "featured",
-        label: "Featured banners",
-        description: "Large image banner grid.",
-        controls: ["columns"],
-        columnOptions: [2, 3],
-        defaultLayout: { name: "featured", columns: 3 },
-    },
-    slide: {
-        name: "slide",
-        label: "Slide",
-        description: "Featured slide/banner collection.",
-        controls: ["columns"],
-        columnOptions: [2, 3],
-        defaultLayout: { name: "slide", columns: 3 },
-    },
-    "image-grid": {
-        name: "image-grid",
-        label: "Image grid",
-        description: "Collection image links.",
-        controls: ["columns", "shape"],
-        columnOptions: [3, 4, 5, 6],
-        shapeOptions: ["circle", "square"],
-        defaultLayout: { name: "image-grid", columns: 4, shape: "circle" },
-    },
-    "block-grid": {
-        name: "block-grid",
-        label: "Block grid",
-        description: "Small rectangular logo/banner links.",
-        controls: ["columns"],
-        columnOptions: [3, 4, 5, 6],
-        defaultLayout: { name: "block-grid", columns: 4, shape: "rectangle" },
-    },
-};
-export function getCollectionLayoutDefinition(name) {
-    return COLLECTION_LAYOUT_DEFINITIONS[name];
-}
-export function getCollectionLayoutControls(name) {
-    return COLLECTION_LAYOUT_DEFINITIONS[name]?.controls ?? [];
-}
-export function isCollectionLayoutControlVisible(name, control) {
-    return getCollectionLayoutControls(name).includes(control);
-}
-export function getDefaultCollectionLayout(name) {
-    return { ...COLLECTION_LAYOUT_DEFINITIONS[name].defaultLayout };
-}
-export function sanitizeCollectionLayout(layout) {
-    const definition = COLLECTION_LAYOUT_DEFINITIONS[layout.name];
-    if (!definition) {
-        return layout;
-    }
-    return {
-        name: layout.name,
-        direction: definition.controls.includes("direction") ? layout.direction : undefined,
-        isNumbered: definition.controls.includes("isNumbered") ? layout.isNumbered : undefined,
-        columns: definition.controls.includes("columns") ? layout.columns : undefined,
-        itemLimit: layout.itemLimit,
-        shape: definition.controls.includes("shape") ? layout.shape : undefined,
-    };
-}
+export const COLLECTION_LAYOUT_DEFINITIONS = {
+    hero: {
+        name: "hero",
+        label: "Hero",
+        description: "Large collection banner for the top of a page.",
+        controls: [],
+        defaultLayout: { name: "hero" },
+    },
+    banner: {
+        name: "banner",
+        label: "Banner",
+        description: "Single collection image and copy.",
+        controls: [],
+        defaultLayout: { name: "banner" },
+    },
+    special: {
+        name: "special",
+        label: "Special item",
+        description: "One highlighted product with cover, description, price, and action.",
+        controls: [],
+        defaultLayout: { name: "special" },
+    },
+    carousel: {
+        name: "carousel",
+        label: "Carousel",
+        description: "Horizontal product shelf.",
+        controls: ["columns"],
+        columnOptions: [4, 5, 6, 7, 8],
+        defaultLayout: { name: "carousel", direction: "horizontal", columns: 6 },
+    },
+    list: {
+        name: "list",
+        label: "List",
+        description: "Horizontal shelf or vertical ranked list.",
+        controls: ["direction", "isNumbered"],
+        directionOptions: ["horizontal", "vertical"],
+        defaultLayout: { name: "list", direction: "horizontal" },
+    },
+    dynamic: {
+        name: "dynamic",
+        label: "Dynamic list",
+        description: "Dynamic item list with optional vertical mode.",
+        controls: ["direction", "isNumbered"],
+        directionOptions: ["horizontal", "vertical"],
+        defaultLayout: { name: "dynamic", direction: "horizontal" },
+    },
+    grid: {
+        name: "grid",
+        label: "Grid",
+        description: "Product grid/shelf.",
+        controls: ["columns"],
+        columnOptions: [3, 4, 5, 6],
+        defaultLayout: { name: "grid", columns: 4 },
+    },
+    relative: {
+        name: "relative",
+        label: "Relative",
+        description: "Related product shelf.",
+        controls: ["columns"],
+        columnOptions: [4, 5, 6],
+        defaultLayout: { name: "relative", columns: 6 },
+    },
+    "grid-title": {
+        name: "grid-title",
+        label: "Grid title",
+        description: "Grouped ranked lists.",
+        controls: ["isNumbered"],
+        defaultLayout: { name: "grid-title", isNumbered: true, itemLimit: 3 },
+    },
+    featured: {
+        name: "featured",
+        label: "Featured banners",
+        description: "Large image banner grid.",
+        controls: ["columns"],
+        columnOptions: [2, 3],
+        defaultLayout: { name: "featured", columns: 3 },
+    },
+    slide: {
+        name: "slide",
+        label: "Slide",
+        description: "Featured slide/banner collection.",
+        controls: ["columns"],
+        columnOptions: [2, 3],
+        defaultLayout: { name: "slide", columns: 3 },
+    },
+    "image-grid": {
+        name: "image-grid",
+        label: "Image grid",
+        description: "Collection image links.",
+        controls: ["columns", "shape"],
+        columnOptions: [3, 4, 5, 6],
+        shapeOptions: ["circle", "square"],
+        defaultLayout: { name: "image-grid", columns: 4, shape: "circle" },
+    },
+    "block-grid": {
+        name: "block-grid",
+        label: "Block grid",
+        description: "Small rectangular logo/banner links.",
+        controls: ["columns"],
+        columnOptions: [3, 4, 5, 6],
+        defaultLayout: { name: "block-grid", columns: 4, shape: "rectangle" },
+    },
+};
+export function getCollectionLayoutDefinition(name) {
+    return COLLECTION_LAYOUT_DEFINITIONS[name];
+}
+export function getCollectionLayoutControls(name) {
+    return COLLECTION_LAYOUT_DEFINITIONS[name]?.controls ?? [];
+}
+export function isCollectionLayoutControlVisible(name, control) {
+    return getCollectionLayoutControls(name).includes(control);
+}
+export function getDefaultCollectionLayout(name) {
+    return { ...COLLECTION_LAYOUT_DEFINITIONS[name].defaultLayout };
+}
+export function sanitizeCollectionLayout(layout) {
+    const definition = COLLECTION_LAYOUT_DEFINITIONS[layout.name];
+    if (!definition) {
+        return layout;
+    }
+    return {
+        name: layout.name,
+        direction: definition.controls.includes("direction") ? layout.direction : undefined,
+        isNumbered: definition.controls.includes("isNumbered") ? layout.isNumbered : undefined,
+        columns: definition.controls.includes("columns") ? layout.columns : undefined,
+        itemLimit: layout.itemLimit,
+        shape: definition.controls.includes("shape") ? layout.shape : undefined,
+    };
+}
 //# sourceMappingURL=layoutPresets.js.map

package/dist/primitives/BookSpine.d.ts

@@ -1,12 +1,12 @@
-import type { ImgHTMLAttributes } from "react";
-export interface BookSpineProps {
-    src?: string | null;
-    alt?: string;
-    width?: number;
-    height?: number;
-    isAudio?: boolean;
-    loading?: ImgHTMLAttributes<HTMLImageElement>["loading"];
-    className?: string;
-}
-export declare function BookSpine({ src, alt, width, height, isAudio, loading, className, }: BookSpineProps): import("react/jsx-runtime").JSX.Element;
+import type { ImgHTMLAttributes } from "react";
+export interface BookSpineProps {
+    src?: string | null;
+    alt?: string;
+    width?: number;
+    height?: number;
+    isAudio?: boolean;
+    loading?: ImgHTMLAttributes<HTMLImageElement>["loading"];
+    className?: string;
+}
+export declare function BookSpine({ src, alt, width, height, isAudio, loading, className, }: BookSpineProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BookSpine.d.ts.map

package/dist/primitives/BookSpine.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function BookSpine({ src, alt = "", width = 150, height = 266, isAudio, loading = "lazy", className, }) {
-    if (!src) {
-        return _jsx("div", { className: "collection-ui-media collection-ui-media--empty" });
-    }
-    if (isAudio) {
-        return (_jsx("div", { className: className ?? "collection-ui-audio-media", style: { width, height: width }, children: _jsx("img", { src: src, alt: alt, loading: loading }) }));
-    }
-    return (_jsx("div", { className: className ?? "collection-ui-book-media", style: { width, height }, children: _jsx("div", { className: "collection-ui-book-media__artwork", style: { width, height }, children: _jsxs("div", { className: "collection-ui-book-media__lighting", style: { width, height }, children: [_jsx("div", { className: "collection-ui-book-media__background", "aria-hidden": "true", style: { width, height }, children: _jsx("img", { src: src, alt: "", loading: loading, style: { width, height } }) }), _jsx("div", { className: "collection-ui-book-media__foreground", style: { width, height }, children: _jsx("img", { src: src, alt: alt, loading: loading, style: { width, height } }) })] }) }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function BookSpine({ src, alt = "", width = 150, height = 266, isAudio, loading = "lazy", className, }) {
+    if (!src) {
+        return _jsx("div", { className: "collection-ui-media collection-ui-media--empty" });
+    }
+    if (isAudio) {
+        return (_jsx("div", { className: className ?? "collection-ui-audio-media", style: { width, height: width }, children: _jsx("img", { src: src, alt: alt, loading: loading }) }));
+    }
+    return (_jsx("div", { className: className ?? "collection-ui-book-media", style: { width, height }, children: _jsx("div", { className: "collection-ui-book-media__artwork", style: { width, height }, children: _jsxs("div", { className: "collection-ui-book-media__lighting", style: { width, height }, children: [_jsx("div", { className: "collection-ui-book-media__background", "aria-hidden": "true", style: { width, height }, children: _jsx("img", { src: src, alt: "", loading: loading, style: { width, height } }) }), _jsx("div", { className: "collection-ui-book-media__foreground", style: { width, height }, children: _jsx("img", { src: src, alt: alt, loading: loading, style: { width, height } }) })] }) }) }));
+}
 //# sourceMappingURL=BookSpine.js.map

package/dist/primitives/CollectionCarousel.d.ts

@@ -1,4 +1,4 @@
-import type { CarouselRenderProps } from "../types";
-export type CollectionCarouselProps = CarouselRenderProps;
-export declare function CollectionCarousel({ id, slides, className, slideClassName, previousLabel, nextLabel, showControls, breakpoints, }: CollectionCarouselProps): import("react/jsx-runtime").JSX.Element;
+import type { CarouselRenderProps } from "../types";
+export type CollectionCarouselProps = CarouselRenderProps;
+export declare function CollectionCarousel({ id, slides, className, slideClassName, previousLabel, nextLabel, showControls, effect, centeredSlides, loop, autoplay, speed, slidesPerView, slidesPerGroupAuto, spaceBetween, breakpoints, }: CollectionCarouselProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CollectionCarousel.d.ts.map

package/dist/primitives/CollectionCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionCarousel.d.ts","sourceRoot":"","sources":["../../src/primitives/CollectionCarousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,MAAM,EACN,SAAS,EACT,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,GACZ,EAAE,uBAAuB,2CAsDzB"}
+{"version":3,"file":"CollectionCarousel.d.ts","sourceRoot":"","sources":["../../src/primitives/CollectionCarousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,MAAM,EACN,SAAS,EACT,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,MAAM,EACN,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,uBAAuB,2CAwEzB"}

package/dist/primitives/CollectionCarousel.js

@@ -1,14 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import { Navigation } from "swiper";
-import { Swiper, SwiperSlide } from "swiper/react";
-export function CollectionCarousel({ id, slides, className, slideClassName, previousLabel, nextLabel, showControls, breakpoints, }) {
-    const fallbackId = useId().replaceAll(":", "");
-    const carouselId = id || `collection-carousel-${fallbackId}`;
-    const isGridTitle = slideClassName?.includes("grid-title");
-    return (_jsxs("div", { className: "collection-ui-carousel", children: [showControls ? (_jsxs("div", { className: "collection-ui-carousel__controls", children: [_jsx("button", { type: "button", "aria-controls": carouselId, "aria-label": previousLabel, className: `collection-ui-carousel__prev-${carouselId}`, children: "<" }), _jsx("button", { type: "button", "aria-controls": carouselId, "aria-label": nextLabel, className: `collection-ui-carousel__next-${carouselId}`, children: ">" })] })) : null, _jsx(Swiper, { id: carouselId, modules: [Navigation], cssMode: true, navigation: {
-                    prevEl: `.collection-ui-carousel__prev-${carouselId}`,
-                    nextEl: `.collection-ui-carousel__next-${carouselId}`,
-                }, spaceBetween: isGridTitle ? 24 : 20, edgeSwipeDetection: "prevent", slidesPerView: isGridTitle ? 1 : "auto", slidesPerGroup: 1, slidesPerGroupAuto: !isGridTitle, className: className ?? "collection-ui-carousel__track", breakpoints: breakpoints, children: slides.map((slide, index) => (_jsx(SwiperSlide, { className: slideClassName ?? "collection-ui-carousel__slide", children: slide }, index))) })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Autoplay, EffectCoverflow, Navigation } from "swiper";
+import { Swiper, SwiperSlide } from "swiper/react";
+export function CollectionCarousel({ id, slides, className, slideClassName, previousLabel, nextLabel, showControls, effect, centeredSlides, loop, autoplay, speed, slidesPerView, slidesPerGroupAuto, spaceBetween, breakpoints, }) {
+    const fallbackId = useId().replaceAll(":", "");
+    const carouselId = id || `collection-carousel-${fallbackId}`;
+    const isGridTitle = slideClassName?.includes("grid-title");
+    const isBanner = className?.includes("collection-ui-banner-carousel");
+    return (_jsxs("div", { className: "collection-ui-carousel", children: [showControls ? (_jsxs("div", { className: "collection-ui-carousel__controls", children: [_jsx("button", { type: "button", "aria-controls": carouselId, "aria-label": previousLabel, className: `collection-ui-carousel__prev-${carouselId}`, children: "<" }), _jsx("button", { type: "button", "aria-controls": carouselId, "aria-label": nextLabel, className: `collection-ui-carousel__next-${carouselId}`, children: ">" })] })) : null, _jsx(Swiper, { id: carouselId, modules: [Navigation, EffectCoverflow, Autoplay], cssMode: !isBanner, effect: effect, navigation: {
+                    prevEl: `.collection-ui-carousel__prev-${carouselId}`,
+                    nextEl: `.collection-ui-carousel__next-${carouselId}`,
+                }, centeredSlides: centeredSlides, loop: loop, autoplay: autoplay, speed: speed, spaceBetween: spaceBetween ?? (isGridTitle ? 24 : 20), edgeSwipeDetection: "prevent", slidesPerView: slidesPerView ?? (isGridTitle ? 1 : "auto"), slidesPerGroup: 1, slidesPerGroupAuto: slidesPerGroupAuto ?? !isGridTitle, coverflowEffect: effect === "coverflow"
+                    ? {
+                        rotate: 0,
+                        stretch: 0,
+                        depth: 140,
+                        scale: 0.9,
+                        modifier: 1,
+                        slideShadows: false,
+                    }
+                    : undefined, className: className ?? "collection-ui-carousel__track", breakpoints: breakpoints, children: slides.map((slide, index) => (_jsx(SwiperSlide, { className: slideClassName ?? "collection-ui-carousel__slide", children: slide }, index))) })] }));
+}
 //# sourceMappingURL=CollectionCarousel.js.map

package/dist/primitives/CollectionCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionCarousel.js","sourceRoot":"","sources":["../../src/primitives/CollectionCarousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKnD,MAAM,UAAU,kBAAkB,CAAC,EACjC,EAAE,EACF,MAAM,EACN,SAAS,EACT,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,WAAW,GACa;IACxB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,EAAE,IAAI,uBAAuB,UAAU,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAE3D,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,YAAY,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,kCAAkC,aAC/C,iBACE,IAAI,EAAC,QAAQ,mBACE,UAAU,gBACb,aAAa,EACzB,SAAS,EAAE,gCAAgC,UAAU,EAAE,kBAGhD,EACT,iBACE,IAAI,EAAC,QAAQ,mBACE,UAAU,gBACb,SAAS,EACrB,SAAS,EAAE,gCAAgC,UAAU,EAAE,kBAGhD,IACL,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,EAAE,EAAE,UAAU,EACd,OAAO,EAAE,CAAC,UAAU,CAAC,EACrB,OAAO,QACP,UAAU,EAAE;oBACV,MAAM,EAAE,iCAAiC,UAAU,EAAE;oBACrD,MAAM,EAAE,iCAAiC,UAAU,EAAE;iBACtD,EACD,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACnC,kBAAkB,EAAC,SAAS,EAC5B,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EACvC,cAAc,EAAE,CAAC,EACjB,kBAAkB,EAAE,CAAC,WAAW,EAChC,SAAS,EAAE,SAAS,IAAI,+BAA+B,EACvD,WAAW,EAAE,WAAkB,YAE9B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,WAAW,IAEV,SAAS,EAAE,cAAc,IAAI,+BAA+B,YAE3D,KAAK,IAHD,KAAK,CAIE,CACf,CAAC,GACK,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CollectionCarousel.js","sourceRoot":"","sources":["../../src/primitives/CollectionCarousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKnD,MAAM,UAAU,kBAAkB,CAAC,EACjC,EAAE,EACF,MAAM,EACN,SAAS,EACT,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,MAAM,EACN,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACa;IACxB,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,EAAE,IAAI,uBAAuB,UAAU,EAAE,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,SAAS,EAAE,QAAQ,CAAC,+BAA+B,CAAC,CAAC;IAEtE,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,YAAY,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,kCAAkC,aAC/C,iBACE,IAAI,EAAC,QAAQ,mBACE,UAAU,gBACb,aAAa,EACzB,SAAS,EAAE,gCAAgC,UAAU,EAAE,kBAGhD,EACT,iBACE,IAAI,EAAC,QAAQ,mBACE,UAAU,gBACb,SAAS,EACrB,SAAS,EAAE,gCAAgC,UAAU,EAAE,kBAGhD,IACL,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,EAAE,EAAE,UAAU,EACd,OAAO,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,QAAQ,CAAC,EAChD,OAAO,EAAE,CAAC,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE;oBACV,MAAM,EAAE,iCAAiC,UAAU,EAAE;oBACrD,MAAM,EAAE,iCAAiC,UAAU,EAAE;iBACtD,EACD,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACrD,kBAAkB,EAAC,SAAS,EAC5B,aAAa,EAAE,aAAa,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAC1D,cAAc,EAAE,CAAC,EACjB,kBAAkB,EAAE,kBAAkB,IAAI,CAAC,WAAW,EACtD,eAAe,EACb,MAAM,KAAK,WAAW;oBACpB,CAAC,CAAC;wBACE,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,CAAC;wBACV,KAAK,EAAE,GAAG;wBACV,KAAK,EAAE,GAAG;wBACV,QAAQ,EAAE,CAAC;wBACX,YAAY,EAAE,KAAK;qBACpB;oBACH,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,SAAS,IAAI,+BAA+B,EACvD,WAAW,EAAE,WAAkB,YAE9B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,WAAW,IAEV,SAAS,EAAE,cAAc,IAAI,+BAA+B,YAE3D,KAAK,IAHD,KAAK,CAIE,CACf,CAAC,GACK,IACL,CACP,CAAC;AACJ,CAAC"}