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

package/content/carousel/Carousel.js

@@ -0,0 +1,313 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Button } from '../../actions/button';
+import { Figure, FigureCaption, FigureMedia } from '../../data/figure';
+import { ScrollArea } from '../../data/scroll-area';
+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;
+        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 })),
+            caption != null || credit != null ? (React.createElement(FigureCaption, { credit: credit }, caption)) : null)));
+}
+//# sourceMappingURL=Carousel.js.map

package/content/carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/content/carousel/Carousel.tsx"],"names":[],"mappings":"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"}

package/content/carousel/carousel.module.css

@@ -0,0 +1,267 @@
+/*
+ * 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). The component writes only custom
+ * properties inline (--carousel-bleed on the root, --carousel-ratio on a
+ * slide); these rules map them to real properties [D205].
+ */
+
+/* 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(--size-px-2-5);
+    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(--size-px-2-5));
+  }
+
+  .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(--size-px-2-5);
+  }
+
+  .printSummary {
+    display: none;
+  }
+
+  .photo {
+    margin: 0;
+  }
+
+  /* The photo at its own ratio, from the slide's --carousel-ratio, so the strip never crops it. */
+  .photo img {
+    aspect-ratio: var(--carousel-ratio);
+  }
+}
+
+@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 {
+    /* A vertical wheel passes to the page: the track never holds vertical scroll chaining [D186]. */
+    --scroll-area-overscroll-y: auto;
+
+    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(--size-px-2-5)) / 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(--size-px-2-5)) / 2);
+    }
+
+    .post .list {
+      --carousel-slide: 85cqi;
+    }
+
+    .photos .list {
+      --carousel-slide: 88cqi;
+    }
+  }
+
+  @container carousel (width >= 768px) {
+    .post .list {
+      --carousel-slide: calc((88cqi - var(--size-px-2-5)) / 2);
+    }
+  }
+
+  @container carousel (width >= 1024px) {
+    .post .list {
+      --carousel-slide: calc((88cqi - 2 * var(--size-px-2-5)) / 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));
+    }
+  }
+
+  /*
+   * A slide's figure runs its photo and caption across its full width and
+   * never takes the side caption, so the Figure's 12-track gutters go:
+   * eleven of them would floor a portrait slide at 11 × --fgd-space-margin
+   * and push its photo past the slide into the next.
+   */
+  .photo {
+    column-gap: 0;
+  }
+
+  /*
+   * The photo's height cap: the slide keeps its ≈ 88% [D186], and its
+   * figure (photo and right-flush caption) is at most as wide as the photo
+   * at --size-px-15, so a portrait photo stops at 480 px tall, uncropped, at
+   * the slide's start (derived; flagged for user review, §1.8). From 1024 px
+   * the strip's slide is exactly that wide, so the figure fills it.
+   */
+  .photos .photo {
+    inline-size: min(100%, 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/content/carousel/index.d.ts.map

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

package/content/carousel/index.js.map

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

package/content/code-block/CodeActionsMenu.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { UseCodeResult } from '@fairgarden/docs/useCode';
+export type CodeActionsMenuProps = {
+    /** The inline row (one named file) instead of the menu (several files, or a nameless one). */
+    inline: boolean;
+    /** `useCode().selectedFileName`, for the action labels. */
+    fileName: string | undefined;
+    /** `useCode().copy`. */
+    onCopy?: UseCodeResult['copy'];
+    /** Copies the selected file's deep link (`useCopier`); omitted without a slug. */
+    onCopyLink?: (event: React.MouseEvent<Element>) => void;
+    /** `useCode().selectedFileUrl`. Hidden for `file://` URLs, as in the source. */
+    fileUrl?: string;
+    /** `useCode().copyMarkdown`, offered with several files only. */
+    onCopyMarkdown?: UseCodeResult['copyMarkdown'];
+    /** `useCode().reset`: defined only with a `CodeControllerContext`. */
+    onReset?: UseCodeResult['reset'];
+    /** The TS | JS switch; `anchor` is the inline switch or the ⋮ trigger, for scroll anchoring. */
+    jsTransform?: {
+        enabled: boolean;
+        onToggle: (enabled: boolean, anchor: HTMLElement | null) => void;
+    };
+    /** Two or more variants; `anchor` is the Select or the ⋮ trigger. */
+    variants?: {
+        items: readonly {
+            value: string;
+            label: string;
+        }[];
+        selected: string | undefined;
+        onChange: (value: string, anchor: HTMLElement | null) => void;
+    };
+};
+export declare function CodeActionsMenu(props: CodeActionsMenuProps): React.JSX.Element;
+//# sourceMappingURL=CodeActionsMenu.d.ts.map

package/content/code-block/CodeActionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeActionsMenu.d.ts","sourceRoot":"","sources":["../../src/content/code-block/CodeActionsMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAgD7D,MAAM,MAAM,oBAAoB,GAAG;IACjC,8FAA8F;IAC9F,MAAM,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,wBAAwB;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC9B,kFAAkF;IAClF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iEAAiE;IACjE,cAAc,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC9C,sEAAsE;IACtE,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAChC,gGAAgG;IAChG,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;KAAE,CAAA;IACpG,qEAAqE;IACrE,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,SAAS;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;QAClD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;QAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;KAC9D,CAAA;CACF,CAAA;AAwCD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAsL1D"}