@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.2

package/components/Carousel/Carousel.js

@@ -1,316 +0,0 @@
-'use client';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { Button } from '../Button';
-import { Figure, FigureCaption, FigureMedia } from '../Figure';
-import { ScrollArea } from '../ScrollArea';
-import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
-import { useScope, useScopeAttributes } from '../../utils/scope';
-import styles from './carousel.module.css';
-/*
- * Carousel (§12.4): secondary items in short horizontal space (similar
- * species, related products, photo sets), at least four. No Base UI
- * primitive exists, so it is composed: a `section` with
- * aria-roledescription="carousel", a Scroll Area in its `rail` kind
- * (§10.19: the viewport, and the horizontal scrollbar as the 2 px progress
- * rail), a `ul` of slides each labelled "n of N", Previous and Next Buttons
- * and a polite count. It never autoplays or loops, has no dots, and a
- * vertical wheel never moves the track [D186].
- *
- * Implementation (CSS Modules + CVA)
- * - Module: carousel.module.css; CVA function `carousel`.
- * - Axes: `kind` → cards | photos → `cards`, `photos` (required); `post` →
- *   `post` (cards only: editorial post cards, 3 + peek from 1024 px;
- *   without it image and portrait cards, 2 + peek) [D186]; `atStart`,
- *   `atEnd` → `atStart`, `atEnd` and `static` → `static` are state classes
- *   the component computes from the Scroll Area (unmanaged element), never
- *   props; `summarized` (computed) marks a photo set of more than 6 for its
- *   print summary; `primary`, `secondary` → scales module classes.
- * - Compound variants: none.
- * - Defaults: post false, atStart false, atEnd false, static false (`kind`
- *   is required); color axes: none [D133].
- * - Color fallback: inherits the scope and passes both props to the slides.
- *   Secondary drives none of the carousel's own parts.
- * - States: `prev` and `next` are §9.9 step-pager Buttons (the outline
- *   icon-only Button): `:hover` → the --primary3 fill with the edge
- *   unchanged, the glyph at the next tier's weight [D181]; `:focus-visible`
- *   → the ring; `:active` → the inverse pair [D84]. The Scroll Area's
- *   overflow attributes and its thumb states live in its module. `atStart`
- *   / `atEnd` → that button is omitted with its space kept; `static` →
- *   controls hidden (the rail hides itself without overflow).
- * - Parts: base, header, viewport (the Scroll Area root, with its
- *   Viewport), track (its Content, at the viewport's width through
- *   `fitContent={false}`), list, slide, controls, count, pager,
- *   prev, next (prevGlyph / nextGlyph are the Buttons' icons), rail and
- *   railThumb (the Scroll Area's scrollbar and thumb), printSummary.
- * - Scope: none.
- * - Container: `base` is the inline-size container `carousel`; the slide
- *   widths and, from 1024 px, the photo strip's fixed track height query
- *   it [D186]. Baseline without support: slide widths as percentages of the
- *   track, so the peek holds at any width; the stack step below 360 px has
- *   the --xs-n-below viewport fallback. `static` comes from measured
- *   overflow, not a query (§5.10.2) [D163].
- */
-export const carousel = cva(styles.base, {
-    variants: {
-        kind: {
-            cards: styles.cards,
-            photos: styles.photos,
-        },
-        post: {
-            true: styles.post,
-        },
-        atStart: {
-            true: styles.atStart,
-        },
-        atEnd: {
-            true: styles.atEnd,
-        },
-        static: {
-            true: styles.static,
-        },
-        summarized: {
-            true: styles.summarized,
-        },
-        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
-        primary: primaryScaleVariants,
-        secondary: secondaryScaleVariants,
-    },
-    defaultVariants: {
-        post: false,
-        atStart: false,
-        atEnd: false,
-        static: false,
-    },
-});
-const CarouselContext = React.createContext({ total: 0 });
-const SlideIndexContext = React.createContext(0);
-const THIN = '\u2009';
-function prefersReducedMotion() {
-    return (typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
-}
-function slidesOf(list) {
-    return list ? Array.from(list.children) : [];
-}
-/**
- * The carousel. Swipe, trackpad, the Previous and Next buttons, and the
- * arrow, Home and End keys on the focused track all move it one slide at a
- * time with snap. In print, card slides become a 2-up grid and photo sets
- * of up to 6 a 3-up grid; a larger photo set prints its first slide and
- * "n more images (short URL)".
- */
-export function Carousel(props) {
-    const { kind, post, label, header, controlLabels = ['Previous', 'Next'], printUrl, primary, secondary, className, style, children, ...rest } = props;
-    const scope = useScope();
-    const scopeAttributes = useScopeAttributes();
-    const slides = React.Children.toArray(children).filter(React.isValidElement);
-    const total = slides.length;
-    const summarized = kind === 'photos' && total > 6;
-    const rootRef = React.useRef(null);
-    const viewportRef = React.useRef(null);
-    const listRef = React.useRef(null);
-    const [state, setState] = React.useState({
-        atStart: true,
-        atEnd: false,
-        isStatic: false,
-        current: 1,
-    });
-    const [bleed, setBleed] = React.useState(0);
-    const read = React.useCallback(() => {
-        const viewport = viewportRef.current;
-        if (!viewport)
-            return;
-        const rtl = getComputedStyle(viewport).direction === 'rtl';
-        const offset = Math.abs(viewport.scrollLeft);
-        const max = viewport.scrollWidth - viewport.clientWidth;
-        const isStatic = max <= 1;
-        const atStart = offset <= 1;
-        const atEnd = isStatic || offset >= max - 1;
-        const edge = viewport.getBoundingClientRect();
-        const items = slidesOf(listRef.current);
-        let first = 0;
-        for (let index = 0; index < items.length; index += 1) {
-            const rect = items[index].getBoundingClientRect();
-            const lead = rtl ? edge.right - rect.right : rect.left - edge.left;
-            if (lead >= -2) {
-                first = index;
-                break;
-            }
-        }
-        const current = atEnd && !isStatic ? total : first + 1;
-        setState((previous) => previous.atStart === atStart &&
-            previous.atEnd === atEnd &&
-            previous.isStatic === isStatic &&
-            previous.current === current
-            ? previous
-            : { atStart, atEnd, isStatic, current });
-    }, [total]);
-    // The end bleeds to the viewport edge on a band, to the field's inner
-    // edge inside a field, and not at all inside a face [D186].
-    const measureBleed = React.useCallback(() => {
-        const root = rootRef.current;
-        if (!root)
-            return;
-        const rect = root.getBoundingClientRect();
-        const rtl = getComputedStyle(root).direction === 'rtl';
-        let edge = null;
-        if (scope.kind === 'band') {
-            edge = rtl ? 0 : document.documentElement.clientWidth;
-        }
-        else if (scope.kind === 'field') {
-            const field = root.parentElement?.closest('[data-theme]');
-            if (field) {
-                const box = field.getBoundingClientRect();
-                const start = box.left + field.clientLeft;
-                edge = rtl ? start : start + field.clientWidth;
-            }
-        }
-        const next = edge == null ? 0 : Math.max(0, Math.round(rtl ? rect.left - edge : edge - rect.right));
-        setBleed((previous) => (previous === next ? previous : next));
-    }, [scope.kind]);
-    React.useEffect(() => {
-        const viewport = viewportRef.current;
-        const root = rootRef.current;
-        if (!viewport || !root)
-            return undefined;
-        // A vertical wheel passes to the page: the track scrolls on horizontal
-        // intent only, and never holds vertical scroll chaining [D186].
-        viewport.style.overscrollBehaviorY = 'auto';
-        let frame = 0;
-        const schedule = () => {
-            cancelAnimationFrame(frame);
-            frame = requestAnimationFrame(() => {
-                measureBleed();
-                read();
-            });
-        };
-        schedule();
-        viewport.addEventListener('scroll', schedule, { passive: true });
-        window.addEventListener('resize', schedule);
-        const observer = new ResizeObserver(schedule);
-        observer.observe(root);
-        observer.observe(viewport);
-        if (listRef.current)
-            observer.observe(listRef.current);
-        return () => {
-            cancelAnimationFrame(frame);
-            viewport.removeEventListener('scroll', schedule);
-            window.removeEventListener('resize', schedule);
-            observer.disconnect();
-        };
-    }, [read, measureBleed]);
-    const scrollToIndex = React.useCallback((index) => {
-        const viewport = viewportRef.current;
-        const items = slidesOf(listRef.current);
-        const target = items[Math.max(0, Math.min(items.length - 1, index))];
-        if (!viewport || !target)
-            return;
-        const rtl = getComputedStyle(viewport).direction === 'rtl';
-        const edge = viewport.getBoundingClientRect();
-        const rect = target.getBoundingClientRect();
-        const delta = rtl ? rect.right - edge.right : rect.left - edge.left;
-        viewport.scrollBy({ left: delta, behavior: prefersReducedMotion() ? 'auto' : 'smooth' });
-    }, []);
-    const step = React.useCallback((direction) => {
-        // From the end, Previous returns to the slide before the first one in view.
-        const from = state.atEnd && !state.isStatic
-            ? firstInView(viewportRef.current, listRef.current)
-            : state.current - 1;
-        scrollToIndex(from + direction);
-    }, [scrollToIndex, state.atEnd, state.isStatic, state.current]);
-    const onKeyDown = (event) => {
-        if (event.target !== viewportRef.current)
-            return;
-        const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';
-        const forward = rtl ? 'ArrowLeft' : 'ArrowRight';
-        const back = rtl ? 'ArrowRight' : 'ArrowLeft';
-        if (event.key === forward)
-            step(1);
-        else if (event.key === back)
-            step(-1);
-        else if (event.key === 'Home')
-            scrollToIndex(0);
-        else if (event.key === 'End')
-            scrollToIndex(total - 1);
-        else
-            return;
-        event.preventDefault();
-    };
-    const context = React.useMemo(() => ({ total }), [total]);
-    const bleedStyle = { ...style, '--carousel-bleed': `${bleed}px` };
-    return (React.createElement("section", { ...rest, ...scopeAttributes, ref: rootRef, style: bleedStyle, "aria-roledescription": "carousel", "aria-label": label, className: carousel({
-            kind,
-            post: kind === 'cards' && post === true,
-            atStart: state.atStart,
-            atEnd: state.atEnd,
-            static: state.isStatic,
-            summarized,
-            primary,
-            secondary,
-            className,
-        }) },
-        header != null ? React.createElement("div", { className: styles.header }, header) : null,
-        React.createElement(ScrollArea, { kind: "rail", label: "Slides", viewportRef: viewportRef, className: styles.viewport, 
-            // The track (the Scroll Area's content) keeps the viewport's width, so
-            // slide percentages resolve against it with no intrinsic-size loop;
-            // the slides overflow it and the viewport scrolls them.
-            fitContent: false, onKeyDown: onKeyDown },
-            React.createElement("ul", { ref: listRef, className: styles.list },
-                React.createElement(CarouselContext.Provider, { value: context }, slides.map((slide, index) => (React.createElement(SlideIndexContext.Provider, { key: slide.key ?? index, value: index }, slide)))))),
-        React.createElement("div", { className: styles.controls },
-            React.createElement("p", { className: styles.count, "aria-live": "polite" },
-                state.current,
-                THIN,
-                "of",
-                THIN,
-                total),
-            React.createElement("div", { className: styles.pager },
-                React.createElement(Button, { variant: "outline", iconOnly: true, icon: "chevron_left", className: styles.prev, onClick: () => step(-1) }, controlLabels[0]),
-                React.createElement(Button, { variant: "outline", iconOnly: true, icon: "chevron_right", className: styles.next, onClick: () => step(1) }, controlLabels[1]))),
-        summarized ? (React.createElement("p", { className: styles.printSummary },
-            total - 1,
-            " more images",
-            printUrl ? (React.createElement(React.Fragment, null,
-                ' ',
-                "(",
-                React.createElement("span", { className: styles.printUrl }, printUrl),
-                ")")) : null)) : null));
-}
-/** The index of the first slide whose leading edge is in view. */
-function firstInView(viewport, list) {
-    if (!viewport)
-        return 0;
-    const rtl = getComputedStyle(viewport).direction === 'rtl';
-    const edge = viewport.getBoundingClientRect();
-    const items = slidesOf(list);
-    for (let index = 0; index < items.length; index += 1) {
-        const rect = items[index].getBoundingClientRect();
-        if ((rtl ? edge.right - rect.right : rect.left - edge.left) >= -2)
-            return index;
-    }
-    return 0;
-}
-/**
- * One slide, labelled "n of N" for assistive technology. It snaps to its
- * start; slides are focusable only through their own links.
- */
-export function CarouselSlide(props) {
-    const { ratio, className, style, ...rest } = props;
-    const { total } = React.useContext(CarouselContext);
-    const index = React.useContext(SlideIndexContext);
-    const ratioStyle = ratio == null ? style : { ...style, '--carousel-ratio': String(ratio) };
-    return (React.createElement("li", { "aria-roledescription": "slide", "aria-label": `${index + 1} of ${total}`, ...rest, style: ratioStyle, className: className ? `${styles.slide} ${className}` : styles.slide }));
-}
-/**
- * A photo slide: a §8.5 photo Figure with the image at its own ratio and
- * the caption right-flush under it.
- */
-export function CarouselPhoto(props) {
-    const { src, alt, ratio, caption, credit, imgProps } = props;
-    return (React.createElement(CarouselSlide, { ratio: ratio },
-        React.createElement(Figure, { kind: "photo", className: styles.photo },
-            React.createElement(FigureMedia, null,
-                React.createElement("img", { loading: "lazy", decoding: "async", ...imgProps, src: src, alt: alt, style: { ...imgProps?.style, aspectRatio: String(ratio) } })),
-            caption != null || credit != null ? (React.createElement(FigureCaption, { credit: credit }, caption)) : null)));
-}
-//# sourceMappingURL=Carousel.js.map

package/components/Carousel/Carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAChE,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACvC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC,OAAO;SACrB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,KAAK;SACnB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,MAAM;SACpB;QACD,UAAU,EAAE;YACV,IAAI,EAAE,MAAM,CAAC,UAAU;SACxB;QACD,6EAA6E;QAC7E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;KACd;CACF,CAAC,CAAA;AAQF,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;AAC/E,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;AAsDhD,MAAM,IAAI,GAAG,QAAQ,CAAA;AAErB,SAAS,oBAAoB;IAC3B,OAAO,CACL,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAC/F,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,IAAwB;IACxC,OAAO,IAAI,CAAC,CAAC,CAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAmB,CAAC,CAAC,CAAC,EAAE,CAAA;AACjE,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,aAAa,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAC5E,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAA;IAC3B,MAAM,UAAU,GAAG,IAAI,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAA;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB;QACtD,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,CAAC;KACX,CAAC,CAAA;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,IAAI,CAAC,QAAQ;YAAE,OAAM;QACrB,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;QAC1D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC5C,MAAM,GAAG,GAAG,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAA;QACvD,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,CAAA;QAC3B,MAAM,KAAK,GAAG,QAAQ,IAAI,MAAM,IAAI,GAAG,GAAG,CAAC,CAAA;QAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;QAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACvC,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;YACrD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,qBAAqB,EAAE,CAAA;YACjD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;YAClE,IAAI,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC;gBACf,KAAK,GAAG,KAAK,CAAA;gBACb,MAAK;YACP,CAAC;QACH,CAAC;QACD,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;QACtD,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,CACpB,QAAQ,CAAC,OAAO,KAAK,OAAO;YAC5B,QAAQ,CAAC,KAAK,KAAK,KAAK;YACxB,QAAQ,CAAC,QAAQ,KAAK,QAAQ;YAC9B,QAAQ,CAAC,OAAO,KAAK,OAAO;YAC1B,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAC1C,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,sEAAsE;IACtE,4DAA4D;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;QACzC,MAAM,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;QACtD,IAAI,IAAI,GAAkB,IAAI,CAAA;QAC9B,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC1B,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAA;QACvD,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAc,cAAc,CAAC,CAAA;YACtE,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,GAAG,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAA;gBACzC,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAA;gBACzC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAA;YAChD,CAAC;QACH,CAAC;QACD,MAAM,IAAI,GACR,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QACxF,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;YAAE,OAAO,SAAS,CAAA;QACxC,uEAAuE;QACvE,gEAAgE;QAChE,QAAQ,CAAC,KAAK,CAAC,mBAAmB,GAAG,MAAM,CAAA;QAE3C,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,oBAAoB,CAAC,KAAK,CAAC,CAAA;YAC3B,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACjC,YAAY,EAAE,CAAA;gBACd,IAAI,EAAE,CAAA;YACR,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QACD,QAAQ,EAAE,CAAA;QACV,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAA;QAC7C,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACtB,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAC1B,IAAI,OAAO,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,KAAK,CAAC,CAAA;YAC3B,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAChD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9C,QAAQ,CAAC,UAAU,EAAE,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAExB,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACxD,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QACpE,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM;YAAE,OAAM;QAChC,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;QAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;QAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAA;QAC3C,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC1F,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,SAAiB,EAAE,EAAE;QACpB,4EAA4E;QAC5E,MAAM,IAAI,GACR,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC5B,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;YACnD,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;QACvB,aAAa,CAAC,IAAI,GAAG,SAAS,CAAC,CAAA;IACjC,CAAC,EACD,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAC5D,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC/D,IAAI,KAAK,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO;YAAE,OAAM;QAChD,MAAM,GAAG,GAAG,gBAAgB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;QACrE,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAA;QAChD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAA;QAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;YAAE,IAAI,CAAC,CAAC,CAAC,CAAA;aAC7B,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI;YAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;aAChC,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;YAAE,aAAa,CAAC,CAAC,CAAC,CAAA;aAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;;YACjD,OAAM;QACX,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACzD,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,kBAAkB,EAAE,GAAG,KAAK,IAAI,EAAyB,CAAA;IAExF,OAAO,CACL,oCACM,IAAI,KACJ,eAAe,EACnB,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,UAAU,0BACI,UAAU,gBACnB,KAAK,EACjB,SAAS,EAAE,QAAQ,CAAC;YAClB,IAAI;YACJ,IAAI,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,IAAI;YACvC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,QAAQ;YACtB,UAAU;YACV,OAAO;YACP,SAAS;YACT,SAAS;SACV,CAAC;QAED,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI;QACtE,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,QAAQ,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC1B,uEAAuE;YACvE,oEAAoE;YACpE,wDAAwD;YACxD,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,SAAS;YAEpB,4BAAI,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI;gBACtC,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACrC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,IAC9D,KAAK,CACqB,CAC9B,CAAC,CACuB,CACxB,CACM;QACb,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC7B,2BAAG,SAAS,EAAE,MAAM,CAAC,KAAK,eAAY,QAAQ;gBAC3C,KAAK,CAAC,OAAO;gBACb,IAAI;;gBAAI,IAAI;gBACZ,KAAK,CACJ;YACJ,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;gBAC1B,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAEtB,aAAa,CAAC,CAAC,CAAC,CACV;gBACT,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAC,eAAe,EACpB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAErB,aAAa,CAAC,CAAC,CAAC,CACV,CACL,CACF;QACL,UAAU,CAAC,CAAC,CAAC,CACZ,2BAAG,SAAS,EAAE,MAAM,CAAC,YAAY;YAC9B,KAAK,GAAG,CAAC;;YACT,QAAQ,CAAC,CAAC,CAAC,CACV;gBACG,GAAG;;gBACH,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAG,QAAQ,CAAQ;oBACnD,CACJ,CAAC,CAAC,CAAC,IAAI,CACN,CACL,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAA;AACH,CAAC;AAED,kEAAkE;AAClE,SAAS,WAAW,CAAC,QAA4B,EAAE,IAAwB;IACzE,IAAI,CAAC,QAAQ;QAAE,OAAO,CAAC,CAAA;IACvB,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,KAAK,KAAK,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACrD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,qBAAqB,EAAE,CAAA;QACjD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAAE,OAAO,KAAK,CAAA;IACjF,CAAC;IACD,OAAO,CAAC,CAAA;AACV,CAAC;AAYD;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACjD,MAAM,UAAU,GACd,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,EAA0B,CAAA;IAClG,OAAO,CACL,oDACuB,OAAO,gBAChB,GAAG,KAAK,GAAG,CAAC,OAAO,KAAK,EAAE,KAClC,IAAI,EACR,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GACpE,CACH,CAAA;AACH,CAAC;AAkBD;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC5D,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK;YAC1C,oBAAC,WAAW;gBACV,6BACE,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,KACZ,QAAQ,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,GACzD,CACU;YACb,OAAO,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACnC,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,IAAG,OAAO,CAAiB,CACzD,CAAC,CAAC,CAAC,IAAI,CACD,CACK,CACjB,CAAA;AACH,CAAC"}

package/components/Carousel/carousel.module.css

@@ -1,236 +0,0 @@
-/*
- * Carousel (§12.4). CVA function `carousel`. The Scroll Area (`rail`)
- * draws the viewport, the overflow edges, the --border-size-2 progress rail
- * (--role-hairline track, --primary12 thumb) and their states; the Buttons
- * draw the step pager. This module lays out the track, the slides and the
- * control row.
- * Color roles (§12.4): prev / next edge and glyph --primary12 at
- * --border-size-2 (the outline icon-only Button; hover --primary3, pressed
- * the inverse pair); count --primary12; rail --role-hairline; railThumb
- * --primary12. Colors are role variables only; local custom properties
- * carry dimensions only (--carousel-slide, --carousel-bleed,
- * --carousel-ratio, a unitless ratio).
- */
-
-/* Composition sits in top-level rules, outside the layers: Lightning CSS
- * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
- * The composed classes keep their own layers. */
-.count {
-  composes: typeData from '../../utils/type.module.css';
-}
-
-.printSummary {
-  composes: typeCaption from '../../utils/type.module.css';
-}
-
-.printUrl {
-  composes: typeUrl from '../../utils/type.module.css';
-}
-
-@layer base {
-  /* The carousel root: the inline-size container `carousel` its slides query. */
-  .base {
-    container: carousel / inline-size;
-    display: grid;
-    gap: var(--size-px-3);
-    min-inline-size: 0;
-    color: var(--primary12);
-  }
-
-  .header {
-    min-inline-size: 0;
-  }
-
-  .list {
-    --carousel-slide: 88%;
-
-    display: flex;
-    gap: var(--ds-space-12);
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  /* The trailing space: the last slide ends at the container edge at the end of the scroll. */
-  .list::after {
-    content: '';
-    flex: none;
-    inline-size: var(--carousel-bleed, 0px);
-    margin-inline-start: calc(-1 * var(--ds-space-12));
-  }
-
-  .slide {
-    flex: none;
-    inline-size: var(--carousel-slide);
-    min-inline-size: 0;
-    scroll-snap-align: start;
-  }
-
-  /* Control row: the count at the start ("3 of 8"), Previous and Next at the end; never over the slides. */
-  .controls {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--size-px-3);
-  }
-
-  .count {
-    margin: 0;
-    color: var(--primary12);
-    font-variant-numeric: tabular-nums;
-  }
-
-  .pager {
-    display: flex;
-    gap: var(--ds-space-12);
-  }
-
-  .printSummary {
-    display: none;
-  }
-
-  .photo {
-    margin: 0;
-  }
-}
-
-@layer variants {
-  /*
-   * The Scroll Area (its root, restyled in this layer so it wins over the
-   * Scroll Area's own cap): the first slide at the container's start edge,
-   * the end bleeding to the viewport edge (or the field's edge) by
-   * --carousel-bleed, which the component measures [D186].
-   */
-  .viewport {
-    max-inline-size: none;
-    margin-inline-end: calc(-1 * var(--carousel-bleed, 0px));
-  }
-
-  /*
-   * Slide widths. Baseline (stands alone, percentages of the track): card
-   * carousels 2 portrait slides + peek, post cards 1 landscape slide at
-   * ≈ 85%, photos 1 slide at ≈ 88%. Viewport fallback below 360 px: cards
-   * 1 + peek. The counts rise with the container's width, never falling
-   * back: at 768, cards 2 + peek (post 2 + peek); at 1024, cards 2 + peek,
-   * post 3 + peek, photos the 480 px strip [D186].
-   */
-  .cards .list {
-    --carousel-slide: calc((88% - var(--ds-space-12)) / 2);
-  }
-
-  .post .list {
-    --carousel-slide: 85%;
-  }
-
-  @media (max-width: 359.98px) {
-    .cards .list {
-      --carousel-slide: 85%;
-    }
-  }
-
-  @container carousel (width < 360px) {
-    .cards .list {
-      --carousel-slide: 85cqi;
-    }
-
-    .photos .list {
-      --carousel-slide: 88cqi;
-    }
-  }
-
-  @container carousel (width >= 360px) {
-    .cards .list {
-      --carousel-slide: calc((88cqi - var(--ds-space-12)) / 2);
-    }
-
-    .post .list {
-      --carousel-slide: 85cqi;
-    }
-
-    .photos .list {
-      --carousel-slide: 88cqi;
-    }
-  }
-
-  @container carousel (width >= 768px) {
-    .post .list {
-      --carousel-slide: calc((88cqi - var(--ds-space-12)) / 2);
-    }
-  }
-
-  @container carousel (width >= 1024px) {
-    .post .list {
-      --carousel-slide: calc((88cqi - 2 * var(--ds-space-12)) / 3);
-    }
-
-    /*
-     * The photo strip: a fixed --size-px-15 (480 px) track height, each
-     * slide as wide as its photo at that height (--carousel-ratio), so
-     * nothing is cropped; every caption visible and right-flush below.
-     */
-    .photos .slide {
-      inline-size: calc(var(--size-px-15) * var(--carousel-ratio, 1.5));
-    }
-  }
-
-  /* At either end that button is omitted and its space kept; the count states the position (§9.9). */
-  .atStart .prev,
-  .atEnd .next {
-    visibility: hidden;
-  }
-
-  /* Every slide fits: a static row, no controls (the rail hides itself without overflow). */
-  .static .controls {
-    display: none;
-  }
-
-  .static .list::after {
-    display: none;
-  }
-}
-
-@layer print {
-  @media print {
-    /* Controls, count, peek and rail are hidden; the track unfolds into a grid (§7.7). */
-    .controls,
-    .list::after {
-      display: none;
-    }
-
-    .viewport {
-      margin-inline-end: 0;
-    }
-
-    .list {
-      display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      gap: var(--size-px-3);
-    }
-
-    .slide,
-    .photos .slide {
-      inline-size: auto;
-      break-inside: avoid;
-    }
-
-    /* Photo sets of up to 6 print 3-up, each photo at its own ratio, uncropped. */
-    .photos .list {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    /* Over 6: the first slide, its caption and one line "n more images (short URL)" [D81]. */
-    .summarized .list {
-      display: block;
-    }
-
-    .summarized .slide + .slide {
-      display: none;
-    }
-
-    .printSummary {
-      display: block;
-      margin: 0;
-      color: var(--primary12);
-    }
-  }
-}

package/components/Carousel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/components/Carousel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}