@stackone/malachite 2.36.0 → 2.37.1

package/dist/components/CardStrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardStrip.js","sources":["../../src/components/CardStrip.tsx"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport ArrowLeftIcon from './CustomIcons/ArrowLeftIcon';\nimport ForwardArrowIcon from './CustomIcons/ForwardArrowIcon';\nimport PlusIcon from './CustomIcons/PlusIcon';\nimport { CONTENT_INSET } from './PageLayout/constants';\nimport {\n    CARD_FLARE_PX,\n    CARD_FLARE_TIP_PX,\n    CARD_WIDTH_PX,\n    FLARE_CLASS,\n    STRIP_RULE_PX,\n} from './SelectableCard';\nimport {\n    EDGE_EPSILON_PX,\n    isCardInView,\n    pageTargetFor,\n    revealTargetFor,\n} from './cardStripGeometry';\nimport { CardStripSlotContext, PINNED_SLOT, SCROLLED_SLOT } from './cardStripSlot';\nimport { FOCUS_RING } from './focusRing';\nimport { useAdoptedStyleSheet } from './useAdoptedStyleSheet';\n\nexport type CardStripAddTileEmphasis = 'primary' | 'secondary';\n\nexport interface CardStripAddTileProps {\n    /** Visible label, e.g. \"Add Profile\". Also names the button for assistive tech. */\n    label: string;\n    /** Defaults to a plus. */\n    icon?: React.ReactNode;\n    onClick: () => void;\n    disabled?: boolean;\n    /** Leave unset: CardStrip picks `primary` while the strip is empty and `secondary` once cards exist. */\n    emphasis?: CardStripAddTileEmphasis;\n    className?: string;\n}\n\n/** Palette for the strip's rule. Pass the tone of whatever card is selected. */\nexport type CardStripTone = 'profile' | 'library' | 'editing';\n\nexport interface CardStripProps {\n    /** The selected card's value, matched against each radio child's `data-value`. */\n    value: string;\n    /** Overrides the palette the strip reads off the selected card. See `CardStripTone`. */\n    tone?: CardStripTone;\n    onChange: (value: string) => void;\n    /** Cards. Any element with `role=\"radio\"` and a `data-value` joins the group; an\n     *  add tile must be a direct child or it scrolls with the cards. */\n    children: React.ReactNode;\n    /** Pinned, non-scrolling slot before the cards (the Library card in the profile picker). */\n    leading?: React.ReactNode;\n    /** Circular scroll affordances, shown only on an edge that can actually scroll. */\n    arrows?: boolean;\n    /** Fade the cards out at any edge they scroll past. */\n    fadeEdges?: boolean;\n    /** Snap cards to the leading edge as the strip scrolls. */\n    snap?: boolean;\n    /** Run the bottom rule the full width of the page card while the cards stay on the gutter.\n     *  Only has an effect inside a layout that publishes its inset (`PageLayout`). */\n    bleed?: boolean;\n    /** Whether a selection change scrolls the selected card into view. The strip's opening\n     *  selection is placed instantly; later ones slide, unless motion is reduced. Set `false`\n     *  when the value comes from a URL, or a deep-linked strip below the fold jumps the page\n     *  on load. */\n    scrollSelectedIntoView?: boolean;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/** Arrow keys move AND select, per the WAI-ARIA radiogroup pattern. */\nconst NAV_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);\n\nconst RADIO_SELECTOR = '[role=\"radio\"]';\nconst SCROLLER_ATTR = 'data-card-strip-scroller';\nconst TROUGH_ATTR = 'data-card-strip-trough';\nconst ROOT_CLASS = 'malachite-card-strip';\nconst SCROLLER_CLASS = 'malachite-card-strip-scroller';\nconst FADE_CLASS = 'malachite-card-strip-fade';\nconst ADD_TILE_CLASS = 'malachite-card-strip-add-tile';\nconst ADD_SLOT_ATTR = 'data-card-strip-add-slot';\n\nconst ACTIONS_SELECTOR = '[data-selectable-card-actions]';\nconst FOCUSABLE_SELECTOR =\n    'a[href], area[href], button, input, select, textarea, iframe, [contenteditable=\"true\"], [tabindex]';\nconst PREV_TABINDEX_ATTR = 'data-card-strip-prev-tabindex';\n\nconst FADE_WIDTH_PX = 80;\n\nconst ARROW_GLYPH_PX = 11;\nconst GUTTER_REST_PX = 12;\n\nconst LIP_SHADOW = 'var(--malachite-shadow-default)';\nconst ARROW_BACKGROUND =\n    'var(--malachite-card-strip-arrow-background, var(--malachite-card-background, #ffffff))';\nconst ARROW_BORDER = 'var(--malachite-card-strip-arrow-border, #e8e8e8)';\nconst TROUGH_BACKGROUND = 'var(--malachite-card-strip-background, #f1f1f1)';\nconst CARD_CORNER = 'var(--malachite-radius-xxl, 14px)';\nconst CARD_RADIUS = `${CARD_CORNER} ${CARD_CORNER} 0 0`;\nconst TROUGH_CORNER = 'var(--malachite-radius-xxxl, 16px)';\nconst TROUGH_RADIUS = `${TROUGH_CORNER} ${TROUGH_CORNER} 0 0`;\nconst TROUGH_SHOULDER_PX = 4;\n// Fills the gap between the edge card and its neighbour, covering neither.\nconst ARROW_OFFSET_PX = GUTTER_REST_PX + TROUGH_SHOULDER_PX;\n// Any wider and the fade paints over the neighbouring slot.\nconst FADE_OVERHANG_PX = GUTTER_REST_PX;\nconst FADE_RAMP_PX = FADE_WIDTH_PX + (FADE_OVERHANG_PX - TROUGH_SHOULDER_PX);\nconst SLOT_WIDTH_PX = CARD_WIDTH_PX;\nconst TROUGH_FLOOR_PX = 2 * (GUTTER_REST_PX + TROUGH_SHOULDER_PX) + SLOT_WIDTH_PX;\nconst DIVIDER_COLOR = 'var(--malachite-card-strip-divider, #dddddd)';\nconst FADE_COLOR = 'var(--malachite-card-strip-fade, transparent)';\nconst ADD_HOVER_BACKGROUND = 'var(--malachite-selectable-card-hover-background, #e8e8e8)';\nconst ADD_PILL_BORDER = 'var(--malachite-card-strip-arrow-border, #e8e8e8)';\nconst ADD_PILL_BORDER_ACTIVE = 'var(--malachite-selectable-card-hover-rule, #bbbbbb)';\nconst ADD_PILL_SHADOW_DEEP = '0px 1px 0px 0px rgba(0, 0, 0, 0.4)';\nconst ADD_PILL_BACKGROUND = 'var(--malachite-card-background, #ffffff)';\nconst ADD_PILL_FOREGROUND = 'var(--malachite-text-primary, #0a0a0a)';\nconst ADD_PILL_PRIMARY_BACKGROUND =\n    'var(--malachite-card-strip-add-primary-background, var(--malachite-text-primary, #0a0a0a))';\nconst ADD_PILL_PRIMARY_FOREGROUND =\n    'var(--malachite-card-strip-add-primary-foreground, var(--malachite-card-background, #ffffff))';\nconst ADD_PILL_PRIMARY_SHADOW = '0px 1px 0px 0px rgba(10, 10, 10, 0.7)';\n\nconst BOTTOM_RULE_WEIGHT_PX = STRIP_RULE_PX;\n\nconst OVERFLOW_INSET_PX = 16;\n\nconst CLIP_SLACK_PX = 9999;\nconst FOCUS_RING_REACH_PX = 4;\n\n/** A sheet, not inline styles: these rules have to reach children this component does not render. */\nconst SCROLLER_CSS = `\n.${ROOT_CLASS} {\n    clip-path: inset(-${CLIP_SLACK_PX}px -${CLIP_SLACK_PX}px 0);\n}\n.${ROOT_CLASS}:has(:focus-visible) {\n    clip-path: inset(-${CLIP_SLACK_PX}px -${CLIP_SLACK_PX}px -${FOCUS_RING_REACH_PX}px);\n}\n.${SCROLLER_CLASS} {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    padding-block: ${OVERFLOW_INSET_PX}px;\n    margin-block: -${OVERFLOW_INSET_PX}px;\n    /* overflow-x clips both axes, so the end cards would lose a flare; the negative margin trades\n       the padding back out and scroll-padding keeps the rest position at zero. */\n    padding-inline: ${CARD_FLARE_PX}px;\n    margin-inline: -${CARD_FLARE_PX}px;\n    scroll-padding-inline: ${CARD_FLARE_PX}px;\n}\n/* A card focused at a faded edge has to stay readable, so the fade lifts entirely. */\n.${ROOT_CLASS}:has(:focus-visible) .${FADE_CLASS} {\n    display: none;\n}\n.${SCROLLER_CLASS}::-webkit-scrollbar {\n    display: none;\n}\n/* No bottom edge: the strip's rule is the baseline for the add tile as much as for a card. */\n.${ADD_TILE_CLASS} > * {\n    background: ${TROUGH_BACKGROUND};\n    border-radius: ${CARD_RADIUS};\n}\n.${ADD_TILE_CLASS}:hover:not(:has(button:disabled)) > * {\n    background: ${ADD_HOVER_BACKGROUND};\n}\n.${ADD_TILE_CLASS} button:active:not(:disabled) {\n    opacity: 0.8;\n}\n.${ADD_TILE_CLASS}:has(button:active) > * {\n    background: ${TROUGH_BACKGROUND};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary'] button {\n    border-color: ${ADD_PILL_BORDER};\n    box-shadow: ${LIP_SHADOW};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary']:hover:not(:has(button:disabled)) button {\n    border-color: ${ADD_PILL_BORDER_ACTIVE};\n    box-shadow: ${ADD_PILL_SHADOW_DEEP};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary'] button:active:not(:disabled) {\n    border-color: ${ADD_PILL_BORDER_ACTIVE};\n    box-shadow: ${ADD_PILL_SHADOW_DEEP};\n}\n.${ADD_TILE_CLASS}[data-emphasis='primary'] button {\n    border-color: transparent;\n    box-shadow: ${ADD_PILL_PRIMARY_SHADOW};\n}\n.${SCROLLER_CLASS} > * {\n    flex: 0 0 auto;\n    min-width: 0;\n}\n.${SCROLLER_CLASS} > * + * {\n    border-left: 1px solid ${DIVIDER_COLOR};\n}\n.${SCROLLER_CLASS}[data-snap='true'] {\n    scroll-snap-type: x proximity;\n}\n.${SCROLLER_CLASS}[data-snap='true'] > * {\n    scroll-snap-align: start;\n}\n@media (prefers-reduced-motion: reduce) {\n    .${SCROLLER_CLASS} {\n        scroll-behavior: auto;\n    }\n    .${SCROLLER_CLASS}[data-snap='true'] {\n        scroll-snap-type: none;\n    }\n    .${SCROLLER_CLASS}[data-snap='true'] > * {\n        scroll-snap-align: none;\n    }\n}`;\n\nconst STYLE_ID = 'malachite-card-strip-style';\n// Its own id: an older malachite copy on the page may already own STYLE_ID without these rules.\nconst ADD_SLOT_STYLE_ID = 'malachite-card-strip-add-slot';\n// In the track the trough is already the tile's shoulder, and it is no card to rule off.\nconst ADD_SLOT_CSS = `\n.${SCROLLER_CLASS} > [${ADD_SLOT_ATTR}] {\n    display: flex;\n    border-left: none;\n}\n[${ADD_SLOT_ATTR}] > .${ADD_TILE_CLASS} {\n    height: 100% !important;\n    padding: 0 !important;\n}\n`;\n\n/** `window.matchMedia` is absent under SSR and in older test environments. */\nconst prefersReducedMotion = (): boolean => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n        return true;\n    }\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n};\n\nconst radioValue = (radio: HTMLElement): string | null =>\n    radio.dataset.value ?? radio.getAttribute('value');\n\nconst isRadioDisabled = (radio: HTMLElement): boolean =>\n    radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true';\n\nconst actionsFor = (radio: HTMLElement): HTMLElement | null => {\n    const card = radio.parentElement;\n    if (!card || card.querySelectorAll(RADIO_SELECTOR).length !== 1) {\n        return null;\n    }\n    return card.querySelector<HTMLElement>(ACTIONS_SELECTOR);\n};\n\n/** A card is wider than its radio, so `closest` misses clicks on the count row. */\nconst radioForClick = (target: Element, root: Element): HTMLElement | null => {\n    const direct = target.closest<HTMLElement>(RADIO_SELECTOR);\n    if (direct) {\n        return direct;\n    }\n    if (target.closest(ACTIONS_SELECTOR)) {\n        return null;\n    }\n    let node: Element | null = target;\n    while (node && root.contains(node)) {\n        const radios: NodeListOf<HTMLElement> = node.querySelectorAll(RADIO_SELECTOR);\n        if (radios.length === 1 && radios[0].parentElement === node) {\n            return radios[0];\n        }\n        node = node.parentElement;\n    }\n    return null;\n};\n\nconst actionControls = (radio: HTMLElement): HTMLElement[] => {\n    const actions = actionsFor(radio);\n    return actions ? Array.from(actions.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)) : [];\n};\n\nconst suppressTabStop = (element: HTMLElement): void => {\n    if (!element.hasAttribute(PREV_TABINDEX_ATTR)) {\n        element.setAttribute(PREV_TABINDEX_ATTR, element.getAttribute('tabindex') ?? '');\n    }\n    element.setAttribute('tabindex', '-1');\n};\n\nconst restoreTabStop = (element: HTMLElement): void => {\n    if (!element.hasAttribute(PREV_TABINDEX_ATTR)) {\n        return;\n    }\n    const previous = element.getAttribute(PREV_TABINDEX_ATTR);\n    element.removeAttribute(PREV_TABINDEX_ATTR);\n    if (previous) {\n        element.setAttribute('tabindex', previous);\n    } else {\n        element.removeAttribute('tabindex');\n    }\n};\n\nconst TONE_RULE: Record<CardStripTone, string> = {\n    profile: 'var(--malachite-selectable-card-selected-border, #047b43)',\n    library: 'var(--malachite-selectable-card-library-selected-border, #bbbbbb)',\n    editing: 'var(--malachite-selectable-card-pending-foreground, #96580a)',\n};\nconst RULE_ROW_STYLE: React.CSSProperties = {\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'left bottom',\n    backgroundSize: `100% ${BOTTOM_RULE_WEIGHT_PX}px`,\n};\n\n/** The rule runs under the flare's tip rather than butting against it, so antialiasing\n *  cannot open the junction into a gap. */\nconst RULE_GAP_OVERLAP_PX = 0.5;\n\nconst FLARE_TIP_INSET_PX = CARD_FLARE_PX - CARD_FLARE_TIP_PX;\n\nconst flareTips = (card: HTMLElement): { left: number; right: number } | null => {\n    const flare = card.querySelector(`:scope > .${FLARE_CLASS}`);\n    if (!flare) {\n        return null;\n    }\n    const { left, right } = flare.getBoundingClientRect();\n    return { left: left + FLARE_TIP_INSET_PX, right: right - FLARE_TIP_INSET_PX };\n};\n\n/** The rule is cut where the selected card stands, never covered: the strip's clip lands on the\n *  rule's own edge, so a cover takes the same partial alpha and the rule bleeds through it. */\nconst paintRule = (\n    root: HTMLElement | null,\n    scroller: HTMLElement | null,\n    card: HTMLElement | null | undefined,\n    tone: CardStripTone,\n): void => {\n    if (!root) {\n        return;\n    }\n    const colour = TONE_RULE[tone];\n    const rootRect = root.getBoundingClientRect();\n    const rootLeft = rootRect.left;\n    const clip = card && scroller?.contains(card) ? scroller.getBoundingClientRect() : rootRect;\n    const cardRect = card?.getBoundingClientRect();\n    const tips = card ? flareTips(card) : null;\n    const tipLeft = tips?.left ?? (cardRect ? cardRect.left - CARD_FLARE_TIP_PX : 0);\n    const tipRight = tips?.right ?? (cardRect ? cardRect.right + CARD_FLARE_TIP_PX : 0);\n    const from = cardRect ? Math.max(tipLeft, clip.left) + RULE_GAP_OVERLAP_PX - rootLeft : 0;\n    const to = cardRect ? Math.min(tipRight, clip.right) - RULE_GAP_OVERLAP_PX - rootLeft : 0;\n\n    root.style.backgroundImage =\n        to > from\n            ? `linear-gradient(to right, ${colour} 0 ${from}px, transparent ${from}px ${to}px, ${colour} ${to}px 100%)`\n            : `linear-gradient(to right, ${colour} 0 100%)`;\n};\n\nconst BLEED_STYLE: React.CSSProperties = {\n    marginInline: `calc(${CONTENT_INSET} * -1)`,\n    paddingInline: CONTENT_INSET,\n};\n\n/** The rule's row is a margin, never padding: a background paints under its own padding, which\n *  would hide the very line the troughs stand on. */\nconst TROUGH_SURFACE: React.CSSProperties = {\n    background: TROUGH_BACKGROUND,\n    borderRadius: TROUGH_RADIUS,\n    paddingTop: `${TROUGH_SHOULDER_PX}px`,\n    paddingInline: `${TROUGH_SHOULDER_PX}px`,\n    marginBottom: `${BOTTOM_RULE_WEIGHT_PX}px`,\n};\nconst TROUGH_STYLE: React.CSSProperties = {\n    ...TROUGH_SURFACE,\n    marginInline: `${GUTTER_REST_PX}px`,\n};\nconst ADD_TILE_SHAPE_STYLE: React.CSSProperties = TROUGH_SURFACE;\n\nconst PINNED_SLOT_STYLE: React.CSSProperties = TROUGH_SURFACE;\n\nconst EMPTY_ADD_SLOT_STYLE: React.CSSProperties = {\n    marginInlineStart: `${GUTTER_REST_PX}px`,\n};\n\nconst ADD_PILL_FILL: Record<CardStripAddTileEmphasis, React.CSSProperties> = {\n    primary: {\n        backgroundColor: ADD_PILL_PRIMARY_BACKGROUND,\n        color: ADD_PILL_PRIMARY_FOREGROUND,\n    },\n    secondary: { backgroundColor: ADD_PILL_BACKGROUND, color: ADD_PILL_FOREGROUND },\n};\n\nconst AddTile: React.FC<CardStripAddTileProps> = ({\n    label,\n    icon,\n    onClick,\n    disabled = false,\n    emphasis = 'secondary',\n    className = '',\n}) => (\n    <div\n        className={ADD_TILE_CLASS}\n        data-emphasis={emphasis}\n        style={{\n            ...ADD_TILE_SHAPE_STYLE,\n            width: `${SLOT_WIDTH_PX}px`,\n            height: `calc(100% - ${BOTTOM_RULE_WEIGHT_PX}px)`,\n        }}\n    >\n        <div className=\"flex h-full items-center justify-center px-4\">\n            <button\n                type=\"button\"\n                onClick={onClick}\n                disabled={disabled}\n                style={ADD_PILL_FILL[emphasis]}\n                className={`${FOCUS_RING} inline-flex items-center justify-center gap-1.5 h-[var(--malachite-control-height-medium,32px)] w-[108px] px-2.5 rounded-xl border border-solid text-[length:var(--malachite-font-size-small,13px)] font-medium whitespace-nowrap ${\n                    disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'\n                } ${className}`}\n            >\n                <span className=\"inline-flex h-[13px] w-[13px] shrink-0 items-center justify-center\">\n                    {icon ?? <PlusIcon size={13} />}\n                </span>\n                {label}\n            </button>\n        </div>\n    </div>\n);\n\nconst isAddTile = (node: React.ReactNode): node is React.ReactElement<CardStripAddTileProps> =>\n    React.isValidElement(node) && node.type === AddTile;\n\nconst hidesAddTile = (child: React.ReactNode): boolean =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) &&\n    child.type === React.Fragment &&\n    React.Children.toArray(child.props.children).some(isAddTile);\n\ninterface ArrowButtonProps {\n    side: 'left' | 'right';\n    onClick: () => void;\n}\n\nconst ArrowButton: React.FC<ArrowButtonProps> = ({ side, onClick }) => (\n    <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        aria-label={side === 'left' ? 'Scroll left' : 'Scroll right'}\n        onClick={onClick}\n        className=\"absolute top-1/2 -translate-y-1/2 z-10 inline-flex items-center justify-center w-5 h-5 rounded-lg cursor-pointer text-[var(--malachite-text-secondary)]\"\n        style={{\n            [side]: `-${ARROW_OFFSET_PX}px`,\n            background: ARROW_BACKGROUND,\n            border: `1px solid ${ARROW_BORDER}`,\n            boxShadow: LIP_SHADOW,\n        }}\n    >\n        {side === 'left' ? (\n            <ArrowLeftIcon size={ARROW_GLYPH_PX} />\n        ) : (\n            <ForwardArrowIcon size={ARROW_GLYPH_PX} />\n        )}\n    </button>\n);\n\n/** A horizontally scrolling radiogroup of cards — the \"pick one of these\" strip. */\nconst CardStrip: React.FC<CardStripProps> & { AddTile: React.FC<CardStripAddTileProps> } = ({\n    value,\n    tone,\n    onChange,\n    children,\n    leading,\n    arrows = true,\n    fadeEdges = true,\n    snap = true,\n    bleed = false,\n    scrollSelectedIntoView = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    className = '',\n    style,\n}) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const pinnedRef = useRef<HTMLDivElement>(null);\n    const scrollerRef = useRef<HTMLDivElement>(null);\n    const hasPositioned = useRef(false);\n    const [edges, setEdges] = useState({ canScrollLeft: false, canScrollRight: false });\n    const [cramped, setCramped] = useState(false);\n    const addHostRef = useRef<HTMLDivElement>(null);\n    const addTileFocused = useRef(false);\n\n    useAdoptedStyleSheet(rootRef, SCROLLER_CSS, STYLE_ID);\n    useAdoptedStyleSheet(rootRef, ADD_SLOT_CSS, ADD_SLOT_STYLE_ID);\n\n    const childList = React.Children.toArray(children);\n    const cards = childList.filter((child) => !isAddTile(child));\n    const wrappedAddTile = cards.some(hidesAddTile);\n    const hasCards = cards.length > 0;\n\n    const addTiles = childList\n        .filter(isAddTile)\n        .map((tile) =>\n            tile.props.emphasis === undefined\n                ? React.cloneElement(tile, { emphasis: hasCards ? 'secondary' : 'primary' })\n                : tile,\n        );\n\n    const childCount = childList.length;\n    const addTileCount = addTiles.length;\n    const hasLeading = Boolean(leading);\n\n    // With no room for a card between the pinned tiles, the add tile scrolls with the cards.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: a new pinned slot needs observing\n    useLayoutEffect(() => {\n        const root = rootRef.current;\n        if (!root || !hasCards || addTileCount === 0) {\n            setCramped(false);\n            return;\n        }\n        const pinnedSlot = pinnedRef.current;\n        const { paddingLeft, paddingRight } = getComputedStyle(root);\n        const inset = (parseFloat(paddingLeft) || 0) + (parseFloat(paddingRight) || 0);\n        let content = root.clientWidth - inset;\n        let pinned = pinnedSlot?.offsetWidth ?? 0;\n        const decide = (): void => {\n            const needs = pinned + addTileCount * SLOT_WIDTH_PX + TROUGH_FLOOR_PX;\n            setCramped(content > 0 && content < needs);\n        };\n        decide();\n        // Sizes from the entries: reading layout here would force the layout the observer spares.\n        const observer =\n            typeof ResizeObserver !== 'undefined'\n                ? new ResizeObserver((entries) => {\n                      for (const entry of entries ?? []) {\n                          if (entry.target === root) {\n                              content = entry.contentRect.width;\n                          } else {\n                              pinned =\n                                  entry.borderBoxSize?.[0]?.inlineSize ??\n                                  entry.contentRect.width + 2 * TROUGH_SHOULDER_PX;\n                          }\n                      }\n                      decide();\n                  })\n                : null;\n        observer?.observe(root);\n        if (pinnedSlot) {\n            observer?.observe(pinnedSlot);\n        }\n        return () => observer?.disconnect();\n    }, [hasCards, addTileCount, hasLeading]);\n\n    const addInTrack = cramped && hasCards;\n    const trackAddTileFocus = useCallback((event: React.FocusEvent) => {\n        const focused = event.type === 'focus' ? event.target : event.relatedTarget;\n        addTileFocused.current = Boolean(\n            focused instanceof Node && addHostRef.current?.contains(focused),\n        );\n    }, []);\n\n    // The tile remounts wherever it moves, so focus has to follow it there. Removing a focused\n    // element fires no blur, so the flag survives the move.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: the tile moving is the signal\n    useLayoutEffect(() => {\n        const host = addHostRef.current;\n        const active = host ? (host.getRootNode() as Document | ShadowRoot).activeElement : null;\n        if (addTileFocused.current && host && !(active && host.contains(active))) {\n            host.querySelector('button')?.focus({ preventScroll: true });\n        }\n    }, [addInTrack]);\n\n    const getRadios = useCallback((): HTMLElement[] => {\n        const root = rootRef.current;\n        if (!root) {\n            return [];\n        }\n        return Array.from(root.querySelectorAll<HTMLElement>(RADIO_SELECTOR));\n    }, []);\n\n    const getNavigableRadios = useCallback(\n        (): HTMLElement[] => getRadios().filter((radio) => radioValue(radio) !== null),\n        [getRadios],\n    );\n\n    const warned = useRef(new Set<string>());\n    const warnOnce = useCallback((key: string, message: string): void => {\n        if (warned.current.has(key)) {\n            return;\n        }\n        warned.current.add(key);\n        console.warn(message);\n    }, []);\n\n    const [derivedTone, setDerivedTone] = useState<CardStripTone>('profile');\n\n    useLayoutEffect(() => {\n        const selectedCard = getRadios()\n            .find((radio) => radioValue(radio) === value)\n            ?.parentElement?.getAttribute('data-variant');\n        if (\n            selectedCard === 'profile' ||\n            selectedCard === 'library' ||\n            selectedCard === 'editing'\n        ) {\n            setDerivedTone(selectedCard);\n        }\n    }, [getRadios, value]);\n\n    useLayoutEffect(() => {\n        const radios = getRadios();\n        const navigable = getNavigableRadios();\n        const selected = navigable.find((radio) => radioValue(radio) === value);\n        const tabStop = selected ?? navigable.find((radio) => !isRadioDisabled(radio)) ?? null;\n\n        radios.forEach((radio) => {\n            const holdsTabStop = radio === tabStop;\n            const nextTabIndex = holdsTabStop ? 0 : -1;\n            if (radio.tabIndex !== nextTabIndex) {\n                radio.tabIndex = nextTabIndex;\n            }\n            for (const control of actionControls(radio)) {\n                if (holdsTabStop) {\n                    restoreTabStop(control);\n                } else {\n                    suppressTabStop(control);\n                }\n            }\n        });\n\n        if (process.env.NODE_ENV === 'production') {\n            return;\n        }\n\n        if (navigable.length !== radios.length) {\n            warnOnce(\n                'missing-value',\n                'CardStrip: a child with role=\"radio\" has no `data-value`. It cannot be selected or reached by arrow keys, so it is excluded from the radio set. Give every card a `data-value`.',\n            );\n        }\n\n        const values = new Set<string>();\n        for (const radio of navigable) {\n            const current = radioValue(radio);\n            if (current === null) {\n                continue;\n            }\n            if (values.has(current)) {\n                warnOnce(\n                    `duplicate:${current}`,\n                    `CardStrip: two cards share the data-value \"${current}\". Both will read as checked and only the first is selectable — data-value must be unique.`,\n                );\n            }\n            values.add(current);\n        }\n\n        const selectionSettled = value !== '';\n\n        if (radios.length > 0 && selectionSettled && !values.has(value)) {\n            warnOnce(\n                `unmatched:${value}`,\n                `CardStrip: value \"${value}\" matches no card's data-value, so the group reports no selection.`,\n            );\n        }\n\n        const checked = radios.filter(\n            (radio) => radio.getAttribute('aria-checked') === 'true',\n        ).length;\n        if (radios.length > 0 && selectionSettled && checked !== 1) {\n            warnOnce(\n                `checked:${checked}`,\n                `CardStrip: ${checked} cards are aria-checked, but a radiogroup has exactly one. Drive each card's checked state from the strip's \\`value\\`.`,\n            );\n        }\n\n        if (wrappedAddTile) {\n            warnOnce(\n                'wrapped-add-tile',\n                'CardStrip: a CardStrip.AddTile inside a fragment is treated as a card and scrolls with them. The add tile must be a direct child of CardStrip.',\n            );\n        }\n    });\n\n    const selectedCard = useCallback((): HTMLElement | null => {\n        const selected = getRadios().find((radio) => radioValue(radio) === value);\n        return selected ? ((selected.closest('[role=\"radio\"]') ?? selected) as HTMLElement) : null;\n    }, [getRadios, value]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: cards arriving is the signal\n    useLayoutEffect(() => {\n        if (!scrollSelectedIntoView) {\n            return;\n        }\n        const scroller = scrollerRef.current;\n        const card = selectedCard();\n        // jsdom implements neither, and a strip that cannot scroll has nothing to bring into view.\n        if (!scroller || !card || typeof scroller.scrollTo !== 'function') {\n            return;\n        }\n\n        // The first placement is where the strip opens — a deep link, not a move — so it is\n        // instant. Every later one is the selection travelling, and travel is legible only if\n        // you can see it happen.\n        const wasPositioned = hasPositioned.current;\n        hasPositioned.current = true;\n\n        const target = revealTargetFor(scroller, card, snap);\n        if (target !== null) {\n            scroller.scrollTo({\n                left: target,\n                behavior: wasPositioned && !prefersReducedMotion() ? 'smooth' : 'instant',\n            });\n        }\n    }, [selectedCard, scrollSelectedIntoView, snap, childCount]);\n\n    const ruleTone = tone ?? derivedTone;\n    const callerPaintsBackground =\n        style?.background !== undefined || style?.backgroundImage !== undefined;\n\n    const measure = useCallback(() => {\n        const scroller = scrollerRef.current;\n        if (!callerPaintsBackground) {\n            paintRule(\n                rootRef.current,\n                scroller,\n                getRadios().find((radio) => radioValue(radio) === value)?.parentElement,\n                ruleTone,\n            );\n        }\n        if (!scroller) {\n            return;\n        }\n        const { scrollWidth, clientWidth, scrollLeft } = scroller;\n        const overflows = scrollWidth > clientWidth + EDGE_EPSILON_PX;\n        const next = {\n            canScrollLeft: overflows && scrollLeft > EDGE_EPSILON_PX,\n            canScrollRight: overflows && scrollLeft + clientWidth < scrollWidth - EDGE_EPSILON_PX,\n        };\n        setEdges((previous) =>\n            previous.canScrollLeft === next.canScrollLeft &&\n            previous.canScrollRight === next.canScrollRight\n                ? previous\n                : next,\n        );\n    }, [callerPaintsBackground, getRadios, ruleTone, value]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: adding or removing a card changes the scroll width, so re-measure on the count\n    useLayoutEffect(() => {\n        measure();\n\n        const scroller = scrollerRef.current;\n        if (!scroller) {\n            return;\n        }\n\n        const selectedInView = (): boolean => {\n            const card = selectedCard();\n            return card !== null && isCardInView(scroller, card);\n        };\n        let wasInView = selectedInView();\n\n        const onScroll = (): void => {\n            measure();\n            wasInView = selectedInView();\n        };\n        scroller.addEventListener('scroll', onScroll, { passive: true });\n\n        // Bring back a selected card the resize cut off, unless the reader scrolled it away.\n        // Next frame rather than in the callback, whose layout reads would force a layout.\n        let frame = 0;\n        const reveal = (): void => {\n            const card = selectedCard();\n            const canReveal =\n                scrollSelectedIntoView && wasInView && typeof scroller.scrollTo === 'function';\n            const target = canReveal && card ? revealTargetFor(scroller, card, snap) : null;\n            if (target !== null) {\n                scroller.scrollTo({ left: target, behavior: 'instant' });\n            }\n            wasInView = selectedInView();\n        };\n        const onResize = (): void => {\n            measure();\n            if (typeof requestAnimationFrame !== 'function') {\n                reveal();\n                return;\n            }\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(reveal);\n        };\n        const observer =\n            typeof ResizeObserver !== 'undefined' ? new ResizeObserver(onResize) : null;\n        observer?.observe(scroller);\n\n        return () => {\n            scroller.removeEventListener('scroll', onScroll);\n            observer?.disconnect();\n            if (typeof cancelAnimationFrame === 'function') {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [measure, selectedCard, scrollSelectedIntoView, snap, childCount]);\n\n    const scrollByStep = useCallback(\n        (direction: -1 | 1) => {\n            const scroller = scrollerRef.current;\n            if (!scroller || typeof scroller.scrollBy !== 'function') {\n                return;\n            }\n            scroller.scrollBy({\n                left: pageTargetFor(scroller, direction, snap) - scroller.scrollLeft,\n                behavior: prefersReducedMotion() ? 'auto' : 'smooth',\n            });\n        },\n        [snap],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n            if (!NAV_KEYS.has(event.key)) {\n                return;\n            }\n\n            const target = event.target;\n            if (!(target instanceof Element) || !target.closest(RADIO_SELECTOR)) {\n                return;\n            }\n\n            const enabled = getNavigableRadios().filter((radio) => !isRadioDisabled(radio));\n            if (enabled.length === 0) {\n                return;\n            }\n\n            event.preventDefault();\n\n            const currentPosition = enabled.findIndex((radio) => radioValue(radio) === value);\n            let nextPosition: number;\n            if (event.key === 'Home') {\n                nextPosition = 0;\n            } else if (event.key === 'End') {\n                nextPosition = enabled.length - 1;\n            } else {\n                const delta = event.key === 'ArrowLeft' || event.key === 'ArrowUp' ? -1 : 1;\n                const from = currentPosition === -1 ? 0 : currentPosition;\n                nextPosition = (from + delta + enabled.length) % enabled.length;\n            }\n\n            const next = enabled[nextPosition];\n            const nextValue = radioValue(next);\n            if (nextValue !== null && nextValue !== value) {\n                onChange(nextValue);\n            }\n            next.focus();\n        },\n        [getNavigableRadios, onChange, value],\n    );\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent) => {\n            const target = event.target;\n            if (!(target instanceof Element) || target.closest(`.${ADD_TILE_CLASS}`)) {\n                return;\n            }\n            const root = rootRef.current;\n            if (!root) {\n                return;\n            }\n            const radio = radioForClick(target, root);\n            if (!radio || isRadioDisabled(radio)) {\n                return;\n            }\n            const clicked = radioValue(radio);\n            if (clicked !== null && clicked !== value) {\n                onChange(clicked);\n            }\n        },\n        [onChange, value],\n    );\n\n    const showLeftArrow = arrows && edges.canScrollLeft;\n    const showRightArrow = arrows && edges.canScrollRight;\n\n    const fadeLeft = fadeEdges && edges.canScrollLeft;\n    const fadeRight = fadeEdges && edges.canScrollRight;\n\n    return (\n        <div\n            ref={rootRef}\n            onKeyDown={handleKeyDown}\n            onFocus={trackAddTileFocus}\n            onBlur={trackAddTileFocus}\n            onClick={handleClick}\n            className={`${ROOT_CLASS} flex items-stretch ${className}`}\n            style={{\n                ...RULE_ROW_STYLE,\n                ...(bleed ? BLEED_STYLE : null),\n                ...style,\n            }}\n        >\n            <div\n                role=\"radiogroup\"\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                className={hasCards ? 'flex items-stretch min-w-0' : 'flex items-stretch'}\n            >\n                {leading ? (\n                    <CardStripSlotContext.Provider value={PINNED_SLOT}>\n                        <div ref={pinnedRef} className=\"shrink-0\" style={PINNED_SLOT_STYLE}>\n                            {leading}\n                        </div>\n                    </CardStripSlotContext.Provider>\n                ) : null}\n                {hasCards ? (\n                    <div\n                        {...{ [TROUGH_ATTR]: '' }}\n                        className=\"relative min-w-0 shrink basis-auto\"\n                        style={TROUGH_STYLE}\n                    >\n                        <div\n                            ref={scrollerRef}\n                            tabIndex={-1}\n                            {...{ [SCROLLER_ATTR]: '' }}\n                            data-snap={snap ? 'true' : 'false'}\n                            className={SCROLLER_CLASS}\n                        >\n                            <CardStripSlotContext.Provider value={SCROLLED_SLOT}>\n                                {cards}\n                            </CardStripSlotContext.Provider>\n                            {addInTrack ? (\n                                <div ref={addHostRef} {...{ [ADD_SLOT_ATTR]: '' }}>\n                                    {addTiles}\n                                </div>\n                            ) : null}\n                        </div>\n                        {showLeftArrow ? (\n                            <ArrowButton side=\"left\" onClick={() => scrollByStep(-1)} />\n                        ) : null}\n                        {showRightArrow ? (\n                            <ArrowButton side=\"right\" onClick={() => scrollByStep(1)} />\n                        ) : null}\n                        {fadeLeft || fadeRight ? (\n                            <div\n                                aria-hidden\n                                data-card-strip-fade=\"\"\n                                className={`${FADE_CLASS} absolute pointer-events-none`}\n                                style={{\n                                    inset: `-${TROUGH_SHOULDER_PX}px -${FADE_OVERHANG_PX}px 0`,\n                                    background: `linear-gradient(to right, ${fadeLeft ? FADE_COLOR : 'transparent'} 0, transparent ${FADE_RAMP_PX}px, transparent calc(100% - ${FADE_RAMP_PX}px), ${fadeRight ? FADE_COLOR : 'transparent'} 100%)`,\n                                }}\n                            />\n                        ) : null}\n                    </div>\n                ) : null}\n            </div>\n            {addTiles.length > 0 && !addInTrack ? (\n                <div\n                    ref={addHostRef}\n                    className=\"shrink-0\"\n                    style={!hasCards && leading ? EMPTY_ADD_SLOT_STYLE : undefined}\n                >\n                    {addTiles}\n                </div>\n            ) : null}\n        </div>\n    );\n};\n\nCardStrip.AddTile = AddTile;\n\nexport default CardStrip;\nexport { CardStrip };\n"],"names":["NAV_KEYS","RADIO_SELECTOR","SCROLLER_ATTR","TROUGH_ATTR","ROOT_CLASS","SCROLLER_CLASS","FADE_CLASS","ADD_TILE_CLASS","ADD_SLOT_ATTR","ACTIONS_SELECTOR","FOCUSABLE_SELECTOR","PREV_TABINDEX_ATTR","FADE_WIDTH_PX","ARROW_GLYPH_PX","GUTTER_REST_PX","LIP_SHADOW","ARROW_BACKGROUND","ARROW_BORDER","TROUGH_BACKGROUND","CARD_CORNER","CARD_RADIUS","TROUGH_CORNER","TROUGH_RADIUS","TROUGH_SHOULDER_PX","ARROW_OFFSET_PX","FADE_OVERHANG_PX","FADE_RAMP_PX","SLOT_WIDTH_PX","CARD_WIDTH_PX","TROUGH_FLOOR_PX","DIVIDER_COLOR","FADE_COLOR","ADD_HOVER_BACKGROUND","ADD_PILL_BORDER","ADD_PILL_BORDER_ACTIVE","ADD_PILL_SHADOW_DEEP","ADD_PILL_BACKGROUND","ADD_PILL_FOREGROUND","ADD_PILL_PRIMARY_BACKGROUND","ADD_PILL_PRIMARY_FOREGROUND","ADD_PILL_PRIMARY_SHADOW","BOTTOM_RULE_WEIGHT_PX","STRIP_RULE_PX","OVERFLOW_INSET_PX","CLIP_SLACK_PX","FOCUS_RING_REACH_PX","SCROLLER_CSS","CARD_FLARE_PX","STYLE_ID","ADD_SLOT_STYLE_ID","ADD_SLOT_CSS","prefersReducedMotion","radioValue","radio","isRadioDisabled","actionsFor","card","radioForClick","target","root","direct","node","radios","actionControls","actions","suppressTabStop","element","restoreTabStop","previous","TONE_RULE","RULE_ROW_STYLE","RULE_GAP_OVERLAP_PX","FLARE_TIP_INSET_PX","CARD_FLARE_TIP_PX","flareTips","flare","FLARE_CLASS","left","right","paintRule","scroller","tone","colour","rootRect","rootLeft","clip","cardRect","tips","tipLeft","tipRight","from","to","BLEED_STYLE","CONTENT_INSET","TROUGH_SURFACE","TROUGH_STYLE","ADD_TILE_SHAPE_STYLE","PINNED_SLOT_STYLE","EMPTY_ADD_SLOT_STYLE","ADD_PILL_FILL","AddTile","label","icon","onClick","disabled","emphasis","className","jsx","jsxs","FOCUS_RING","PlusIcon","isAddTile","React","hidesAddTile","child","ArrowButton","side","ArrowLeftIcon","ForwardArrowIcon","CardStrip","value","onChange","children","leading","arrows","fadeEdges","snap","bleed","scrollSelectedIntoView","ariaLabel","ariaLabelledBy","style","rootRef","useRef","pinnedRef","scrollerRef","hasPositioned","edges","setEdges","useState","cramped","setCramped","addHostRef","addTileFocused","useAdoptedStyleSheet","childList","cards","wrappedAddTile","hasCards","addTiles","tile","childCount","addTileCount","useLayoutEffect","pinnedSlot","paddingLeft","paddingRight","inset","content","pinned","decide","needs","observer","entries","entry","_b","_a","addInTrack","trackAddTileFocus","useCallback","event","focused","host","active","getRadios","getNavigableRadios","warned","warnOnce","key","message","derivedTone","setDerivedTone","selectedCard","navigable","tabStop","holdsTabStop","nextTabIndex","control","values","current","selectionSettled","checked","selected","wasPositioned","revealTargetFor","ruleTone","callerPaintsBackground","measure","scrollWidth","clientWidth","scrollLeft","overflows","EDGE_EPSILON_PX","next","selectedInView","isCardInView","wasInView","onScroll","frame","reveal","onResize","scrollByStep","direction","pageTargetFor","handleKeyDown","enabled","currentPosition","nextPosition","delta","nextValue","handleClick","clicked","showLeftArrow","showRightArrow","fadeLeft","fadeRight","CardStripSlotContext","PINNED_SLOT","SCROLLED_SLOT"],"mappings":"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"}
+{"version":3,"file":"CardStrip.js","sources":["../../src/components/CardStrip.tsx"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport ArrowLeftIcon from './CustomIcons/ArrowLeftIcon';\nimport ForwardArrowIcon from './CustomIcons/ForwardArrowIcon';\nimport PlusIcon from './CustomIcons/PlusIcon';\nimport { CONTENT_INSET } from './PageLayout/constants';\nimport {\n    CARD_FLARE_PX,\n    CARD_FLARE_TIP_PX,\n    CARD_WIDTH_PX,\n    FLARE_CLASS,\n    STRIP_RULE_PX,\n} from './SelectableCard';\nimport {\n    EDGE_EPSILON_PX,\n    isCardInView,\n    pageTargetFor,\n    revealTargetFor,\n} from './cardStripGeometry';\nimport { CardStripSlotContext, PINNED_SLOT, SCROLLED_SLOT } from './cardStripSlot';\nimport { FOCUS_RING } from './focusRing';\nimport { useAdoptedStyleSheet } from './useAdoptedStyleSheet';\n\nexport type CardStripAddTileEmphasis = 'primary' | 'secondary';\n\nexport interface CardStripAddTileProps {\n    /** Visible label, e.g. \"Add Profile\". Also names the button for assistive tech. */\n    label: string;\n    /** Defaults to a plus. */\n    icon?: React.ReactNode;\n    onClick: () => void;\n    disabled?: boolean;\n    /** Leave unset: CardStrip picks `primary` while the strip is empty and `secondary` once cards exist. */\n    emphasis?: CardStripAddTileEmphasis;\n    className?: string;\n}\n\n/** Palette for the strip's rule. Pass the tone of whatever card is selected. */\nexport type CardStripTone = 'profile' | 'library' | 'editing';\n\nexport interface CardStripProps {\n    /** The selected card's value, matched against each radio child's `data-value`. */\n    value: string;\n    /** Overrides the palette the strip reads off the selected card. See `CardStripTone`. */\n    tone?: CardStripTone;\n    onChange: (value: string) => void;\n    /** Cards. Any element with `role=\"radio\"` and a `data-value` joins the group; an\n     *  add tile must be a direct child or it scrolls with the cards. */\n    children: React.ReactNode;\n    /** Pinned, non-scrolling slot before the cards (the Library card in the profile picker). */\n    leading?: React.ReactNode;\n    /** Circular scroll affordances, shown only on an edge that can actually scroll. */\n    arrows?: boolean;\n    /** Fade the cards out at any edge they scroll past. */\n    fadeEdges?: boolean;\n    /** Snap cards to the leading edge as the strip scrolls. */\n    snap?: boolean;\n    /** Run the bottom rule the full width of the page card while the cards stay on the gutter.\n     *  Only has an effect inside a layout that publishes its inset (`PageLayout`). */\n    bleed?: boolean;\n    /** Whether a selection change scrolls the selected card into view. The strip's opening\n     *  selection is placed instantly; later ones slide, unless motion is reduced. Set `false`\n     *  when the value comes from a URL, or a deep-linked strip below the fold jumps the page\n     *  on load. */\n    scrollSelectedIntoView?: boolean;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/** Arrow keys move AND select, per the WAI-ARIA radiogroup pattern. */\nconst NAV_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);\n\nconst RADIO_SELECTOR = '[role=\"radio\"]';\nconst SCROLLER_ATTR = 'data-card-strip-scroller';\nconst TROUGH_ATTR = 'data-card-strip-trough';\nconst ROOT_CLASS = 'malachite-card-strip';\nconst SCROLLER_CLASS = 'malachite-card-strip-scroller';\nconst FADE_CLASS = 'malachite-card-strip-fade';\nconst ADD_TILE_CLASS = 'malachite-card-strip-add-tile';\nconst ADD_SLOT_ATTR = 'data-card-strip-add-slot';\n\nconst ACTIONS_SELECTOR = '[data-selectable-card-actions]';\nconst FOCUSABLE_SELECTOR =\n    'a[href], area[href], button, input, select, textarea, iframe, [contenteditable=\"true\"], [tabindex]';\nconst PREV_TABINDEX_ATTR = 'data-card-strip-prev-tabindex';\n\nconst FADE_WIDTH_PX = 80;\n\nconst ARROW_GLYPH_PX = 11;\nconst GUTTER_REST_PX = 12;\n\nconst LIP_SHADOW = 'var(--malachite-shadow-default)';\nconst ARROW_BACKGROUND =\n    'var(--malachite-card-strip-arrow-background, var(--malachite-card-background, #ffffff))';\nconst ARROW_BORDER = 'var(--malachite-card-strip-arrow-border, #e8e8e8)';\nconst TROUGH_BACKGROUND = 'var(--malachite-card-strip-background, #f1f1f1)';\nconst CARD_CORNER = 'var(--malachite-radius-xxl, 14px)';\nconst CARD_RADIUS = `${CARD_CORNER} ${CARD_CORNER} 0 0`;\nconst TROUGH_CORNER = 'var(--malachite-radius-xxxl, 16px)';\nconst TROUGH_RADIUS = `${TROUGH_CORNER} ${TROUGH_CORNER} 0 0`;\nconst TROUGH_SHOULDER_PX = 4;\n// Fills the gap between the edge card and its neighbour, covering neither.\nconst ARROW_OFFSET_PX = GUTTER_REST_PX + TROUGH_SHOULDER_PX;\n// Any wider and the fade paints over the neighbouring slot.\nconst FADE_OVERHANG_PX = GUTTER_REST_PX;\nconst FADE_RAMP_PX = FADE_WIDTH_PX + (FADE_OVERHANG_PX - TROUGH_SHOULDER_PX);\nconst SLOT_WIDTH_PX = CARD_WIDTH_PX;\nconst TROUGH_FLOOR_PX = 2 * (GUTTER_REST_PX + TROUGH_SHOULDER_PX) + SLOT_WIDTH_PX;\nconst DIVIDER_COLOR = 'var(--malachite-card-strip-divider, #dddddd)';\nconst FADE_COLOR = 'var(--malachite-card-strip-fade, transparent)';\nconst ADD_HOVER_BACKGROUND = 'var(--malachite-selectable-card-hover-background, #e8e8e8)';\nconst ADD_PILL_BORDER = 'var(--malachite-card-strip-arrow-border, #e8e8e8)';\nconst ADD_PILL_BORDER_ACTIVE = 'var(--malachite-selectable-card-hover-rule, #bbbbbb)';\nconst ADD_PILL_SHADOW_DEEP = '0px 1px 0px 0px rgba(0, 0, 0, 0.4)';\nconst ADD_PILL_BACKGROUND = 'var(--malachite-card-background, #ffffff)';\nconst ADD_PILL_FOREGROUND = 'var(--malachite-text-primary, #0a0a0a)';\nconst ADD_PILL_PRIMARY_BACKGROUND =\n    'var(--malachite-card-strip-add-primary-background, var(--malachite-text-primary, #0a0a0a))';\nconst ADD_PILL_PRIMARY_FOREGROUND =\n    'var(--malachite-card-strip-add-primary-foreground, var(--malachite-card-background, #ffffff))';\nconst ADD_PILL_PRIMARY_SHADOW = '0px 1px 0px 0px rgba(10, 10, 10, 0.7)';\n\nconst BOTTOM_RULE_WEIGHT_PX = STRIP_RULE_PX;\n\nconst OVERFLOW_INSET_PX = 16;\n\nconst CLIP_SLACK_PX = 9999;\nconst FOCUS_RING_REACH_PX = 4;\n\n/** A sheet, not inline styles: these rules have to reach children this component does not render. */\nconst SCROLLER_CSS = `\n.${ROOT_CLASS} {\n    clip-path: inset(-${CLIP_SLACK_PX}px -${CLIP_SLACK_PX}px 0);\n}\n.${ROOT_CLASS}:has(:focus-visible) {\n    clip-path: inset(-${CLIP_SLACK_PX}px -${CLIP_SLACK_PX}px -${FOCUS_RING_REACH_PX}px);\n}\n.${SCROLLER_CLASS} {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    padding-block: ${OVERFLOW_INSET_PX}px;\n    margin-block: -${OVERFLOW_INSET_PX}px;\n    /* overflow-x clips both axes, so the end cards would lose a flare; the negative margin trades\n       the padding back out and scroll-padding keeps the rest position at zero. */\n    padding-inline: ${CARD_FLARE_PX}px;\n    margin-inline: -${CARD_FLARE_PX}px;\n    scroll-padding-inline: ${CARD_FLARE_PX}px;\n}\n/* A card focused at a faded edge has to stay readable, so the fade lifts entirely. */\n.${ROOT_CLASS}:has(:focus-visible) .${FADE_CLASS} {\n    display: none;\n}\n.${SCROLLER_CLASS}::-webkit-scrollbar {\n    display: none;\n}\n/* No bottom edge: the strip's rule is the baseline for the add tile as much as for a card. */\n.${ADD_TILE_CLASS} > * {\n    background: ${TROUGH_BACKGROUND};\n    border-radius: ${CARD_RADIUS};\n}\n.${ADD_TILE_CLASS}:hover:not(:has(button:disabled)) > * {\n    background: ${ADD_HOVER_BACKGROUND};\n}\n.${ADD_TILE_CLASS} button:active:not(:disabled) {\n    opacity: 0.8;\n}\n.${ADD_TILE_CLASS}:has(button:active) > * {\n    background: ${TROUGH_BACKGROUND};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary'] button {\n    border-color: ${ADD_PILL_BORDER};\n    box-shadow: ${LIP_SHADOW};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary']:hover:not(:has(button:disabled)) button {\n    border-color: ${ADD_PILL_BORDER_ACTIVE};\n    box-shadow: ${ADD_PILL_SHADOW_DEEP};\n}\n.${ADD_TILE_CLASS}[data-emphasis='secondary'] button:active:not(:disabled) {\n    border-color: ${ADD_PILL_BORDER_ACTIVE};\n    box-shadow: ${ADD_PILL_SHADOW_DEEP};\n}\n.${ADD_TILE_CLASS}[data-emphasis='primary'] button {\n    border-color: transparent;\n    box-shadow: ${ADD_PILL_PRIMARY_SHADOW};\n}\n.${SCROLLER_CLASS} > * {\n    flex: 0 0 auto;\n    min-width: 0;\n}\n.${SCROLLER_CLASS} > * + * {\n    border-left: 1px solid ${DIVIDER_COLOR};\n}\n.${SCROLLER_CLASS}[data-snap='true'] {\n    scroll-snap-type: x proximity;\n}\n.${SCROLLER_CLASS}[data-snap='true'] > * {\n    scroll-snap-align: start;\n}\n@media (prefers-reduced-motion: reduce) {\n    .${SCROLLER_CLASS} {\n        scroll-behavior: auto;\n    }\n    .${SCROLLER_CLASS}[data-snap='true'] {\n        scroll-snap-type: none;\n    }\n    .${SCROLLER_CLASS}[data-snap='true'] > * {\n        scroll-snap-align: none;\n    }\n}`;\n\nconst STYLE_ID = 'malachite-card-strip-style';\n// Its own id: an older malachite copy on the page may already own STYLE_ID without these rules.\nconst ADD_SLOT_STYLE_ID = 'malachite-card-strip-add-slot';\n// In the track the trough is already the tile's shoulder, and it is no card to rule off.\nconst ADD_SLOT_CSS = `\n.${SCROLLER_CLASS} > [${ADD_SLOT_ATTR}] {\n    display: flex;\n    border-left: none;\n}\n[${ADD_SLOT_ATTR}] > .${ADD_TILE_CLASS} {\n    height: 100% !important;\n    padding: 0 !important;\n}\n`;\n\n/** `window.matchMedia` is absent under SSR and in older test environments. */\nconst prefersReducedMotion = (): boolean => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n        return true;\n    }\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n};\n\nconst radioValue = (radio: HTMLElement): string | null =>\n    radio.dataset.value ?? radio.getAttribute('value');\n\nconst isRadioDisabled = (radio: HTMLElement): boolean =>\n    radio.hasAttribute('disabled') || radio.getAttribute('aria-disabled') === 'true';\n\nconst actionsFor = (radio: HTMLElement): HTMLElement | null => {\n    const card = radio.parentElement;\n    if (!card || card.querySelectorAll(RADIO_SELECTOR).length !== 1) {\n        return null;\n    }\n    return card.querySelector<HTMLElement>(ACTIONS_SELECTOR);\n};\n\n/** A card is wider than its radio, so `closest` misses clicks on the count row. */\nconst radioForClick = (target: Element, root: Element): HTMLElement | null => {\n    const direct = target.closest<HTMLElement>(RADIO_SELECTOR);\n    if (direct) {\n        return direct;\n    }\n    if (target.closest(ACTIONS_SELECTOR)) {\n        return null;\n    }\n    let node: Element | null = target;\n    while (node && root.contains(node)) {\n        const radios: NodeListOf<HTMLElement> = node.querySelectorAll(RADIO_SELECTOR);\n        if (radios.length === 1 && radios[0].parentElement === node) {\n            return radios[0];\n        }\n        node = node.parentElement;\n    }\n    return null;\n};\n\nconst actionControls = (radio: HTMLElement): HTMLElement[] => {\n    const actions = actionsFor(radio);\n    return actions ? Array.from(actions.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)) : [];\n};\n\nconst suppressTabStop = (element: HTMLElement): void => {\n    if (!element.hasAttribute(PREV_TABINDEX_ATTR)) {\n        element.setAttribute(PREV_TABINDEX_ATTR, element.getAttribute('tabindex') ?? '');\n    }\n    element.setAttribute('tabindex', '-1');\n};\n\nconst restoreTabStop = (element: HTMLElement): void => {\n    if (!element.hasAttribute(PREV_TABINDEX_ATTR)) {\n        return;\n    }\n    const previous = element.getAttribute(PREV_TABINDEX_ATTR);\n    element.removeAttribute(PREV_TABINDEX_ATTR);\n    if (previous) {\n        element.setAttribute('tabindex', previous);\n    } else {\n        element.removeAttribute('tabindex');\n    }\n};\n\nconst TONE_RULE: Record<CardStripTone, string> = {\n    profile: 'var(--malachite-selectable-card-selected-border, #047b43)',\n    library: 'var(--malachite-selectable-card-library-selected-border, #bbbbbb)',\n    editing: 'var(--malachite-selectable-card-pending-foreground, #96580a)',\n};\nconst RULE_ROW_STYLE: React.CSSProperties = {\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'left bottom',\n    backgroundSize: `100% ${BOTTOM_RULE_WEIGHT_PX}px`,\n};\n\n/** The rule runs under the flare's tip rather than butting against it, so antialiasing\n *  cannot open the junction into a gap. */\nconst RULE_GAP_OVERLAP_PX = 0.5;\n\nconst FLARE_TIP_INSET_PX = CARD_FLARE_PX - CARD_FLARE_TIP_PX;\n\nconst flareTips = (card: HTMLElement): { left: number; right: number } | null => {\n    const flare = card.querySelector(`:scope > .${FLARE_CLASS}`);\n    if (!flare) {\n        return null;\n    }\n    const { left, right } = flare.getBoundingClientRect();\n    return { left: left + FLARE_TIP_INSET_PX, right: right - FLARE_TIP_INSET_PX };\n};\n\n/** The rule is cut where the selected card stands, never covered: the strip's clip lands on the\n *  rule's own edge, so a cover takes the same partial alpha and the rule bleeds through it. */\nconst paintRule = (\n    root: HTMLElement | null,\n    scroller: HTMLElement | null,\n    card: HTMLElement | null | undefined,\n    tone: CardStripTone,\n): void => {\n    if (!root) {\n        return;\n    }\n    const colour = TONE_RULE[tone];\n    const rootRect = root.getBoundingClientRect();\n    const rootLeft = rootRect.left;\n    const clip = card && scroller?.contains(card) ? scroller.getBoundingClientRect() : rootRect;\n    const cardRect = card?.getBoundingClientRect();\n    const tips = card ? flareTips(card) : null;\n    const tipLeft = tips?.left ?? (cardRect ? cardRect.left - CARD_FLARE_TIP_PX : 0);\n    const tipRight = tips?.right ?? (cardRect ? cardRect.right + CARD_FLARE_TIP_PX : 0);\n    const from = cardRect ? Math.max(tipLeft, clip.left) + RULE_GAP_OVERLAP_PX - rootLeft : 0;\n    const to = cardRect ? Math.min(tipRight, clip.right) - RULE_GAP_OVERLAP_PX - rootLeft : 0;\n\n    root.style.backgroundImage =\n        to > from\n            ? `linear-gradient(to right, ${colour} 0 ${from}px, transparent ${from}px ${to}px, ${colour} ${to}px 100%)`\n            : `linear-gradient(to right, ${colour} 0 100%)`;\n};\n\nconst BLEED_STYLE: React.CSSProperties = {\n    marginInline: `calc(${CONTENT_INSET} * -1)`,\n    paddingInline: CONTENT_INSET,\n};\n\n/** The rule's row is a margin, never padding: a background paints under its own padding, which\n *  would hide the very line the troughs stand on. */\nconst TROUGH_SURFACE: React.CSSProperties = {\n    background: TROUGH_BACKGROUND,\n    borderRadius: TROUGH_RADIUS,\n    paddingTop: `${TROUGH_SHOULDER_PX}px`,\n    paddingInline: `${TROUGH_SHOULDER_PX}px`,\n    marginBottom: `${BOTTOM_RULE_WEIGHT_PX}px`,\n};\nconst TROUGH_STYLE: React.CSSProperties = {\n    ...TROUGH_SURFACE,\n    marginInline: `${GUTTER_REST_PX}px`,\n};\nconst ADD_TILE_SHAPE_STYLE: React.CSSProperties = TROUGH_SURFACE;\n\nconst PINNED_SLOT_STYLE: React.CSSProperties = TROUGH_SURFACE;\n\nconst EMPTY_ADD_SLOT_STYLE: React.CSSProperties = {\n    marginInlineStart: `${GUTTER_REST_PX}px`,\n};\n\nconst ADD_PILL_FILL: Record<CardStripAddTileEmphasis, React.CSSProperties> = {\n    primary: {\n        backgroundColor: ADD_PILL_PRIMARY_BACKGROUND,\n        color: ADD_PILL_PRIMARY_FOREGROUND,\n    },\n    secondary: { backgroundColor: ADD_PILL_BACKGROUND, color: ADD_PILL_FOREGROUND },\n};\n\nconst AddTile: React.FC<CardStripAddTileProps> = ({\n    label,\n    icon,\n    onClick,\n    disabled = false,\n    emphasis = 'secondary',\n    className = '',\n}) => (\n    <div\n        className={ADD_TILE_CLASS}\n        data-emphasis={emphasis}\n        style={{\n            ...ADD_TILE_SHAPE_STYLE,\n            width: `${SLOT_WIDTH_PX}px`,\n            height: `calc(100% - ${BOTTOM_RULE_WEIGHT_PX}px)`,\n        }}\n    >\n        <div className=\"flex h-full items-center justify-center px-4\">\n            <button\n                type=\"button\"\n                onClick={onClick}\n                disabled={disabled}\n                style={ADD_PILL_FILL[emphasis]}\n                className={`${FOCUS_RING} inline-flex items-center justify-center gap-1.5 h-[var(--malachite-control-height-medium,32px)] w-[108px] px-2.5 rounded-xl border border-solid text-[length:var(--malachite-font-size-small,13px)] font-medium whitespace-nowrap ${\n                    disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'\n                } ${className}`}\n            >\n                <span className=\"inline-flex h-[13px] w-[13px] shrink-0 items-center justify-center\">\n                    {icon ?? <PlusIcon size={13} />}\n                </span>\n                {label}\n            </button>\n        </div>\n    </div>\n);\n\nconst isAddTile = (node: React.ReactNode): node is React.ReactElement<CardStripAddTileProps> =>\n    React.isValidElement(node) && node.type === AddTile;\n\nconst hidesAddTile = (child: React.ReactNode): boolean =>\n    React.isValidElement<{ children?: React.ReactNode }>(child) &&\n    child.type === React.Fragment &&\n    React.Children.toArray(child.props.children).some(isAddTile);\n\ninterface ArrowButtonProps {\n    side: 'left' | 'right';\n    onClick: () => void;\n}\n\nconst ArrowButton: React.FC<ArrowButtonProps> = ({ side, onClick }) => (\n    <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        aria-label={side === 'left' ? 'Scroll left' : 'Scroll right'}\n        onClick={onClick}\n        className=\"absolute top-1/2 -translate-y-1/2 z-10 inline-flex items-center justify-center w-5 h-5 rounded-lg cursor-pointer text-[var(--malachite-text-secondary)]\"\n        style={{\n            [side]: `-${ARROW_OFFSET_PX}px`,\n            background: ARROW_BACKGROUND,\n            border: `1px solid ${ARROW_BORDER}`,\n            boxShadow: LIP_SHADOW,\n        }}\n    >\n        {side === 'left' ? (\n            <ArrowLeftIcon size={ARROW_GLYPH_PX} />\n        ) : (\n            <ForwardArrowIcon size={ARROW_GLYPH_PX} />\n        )}\n    </button>\n);\n\n/** A horizontally scrolling radiogroup of cards — the \"pick one of these\" strip. */\nconst CardStrip: React.FC<CardStripProps> & { AddTile: React.FC<CardStripAddTileProps> } = ({\n    value,\n    tone,\n    onChange,\n    children,\n    leading,\n    arrows = true,\n    fadeEdges = true,\n    snap = true,\n    bleed = false,\n    scrollSelectedIntoView = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    className = '',\n    style,\n}) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const pinnedRef = useRef<HTMLDivElement>(null);\n    const scrollerRef = useRef<HTMLDivElement>(null);\n    const hasPositioned = useRef(false);\n    const [edges, setEdges] = useState({ canScrollLeft: false, canScrollRight: false });\n    const [cramped, setCramped] = useState(false);\n    const addHostRef = useRef<HTMLDivElement>(null);\n    const addTileFocused = useRef(false);\n\n    useAdoptedStyleSheet(rootRef, SCROLLER_CSS, STYLE_ID);\n    useAdoptedStyleSheet(rootRef, ADD_SLOT_CSS, ADD_SLOT_STYLE_ID);\n\n    const childList = React.Children.toArray(children);\n    const cards = childList.filter((child) => !isAddTile(child));\n    const wrappedAddTile = cards.some(hidesAddTile);\n    const hasCards = cards.length > 0;\n\n    const addTiles = childList\n        .filter(isAddTile)\n        .map((tile) =>\n            tile.props.emphasis === undefined\n                ? React.cloneElement(tile, { emphasis: hasCards ? 'secondary' : 'primary' })\n                : tile,\n        );\n\n    const childCount = childList.length;\n    const addTileCount = addTiles.length;\n    const hasLeading = Boolean(leading);\n\n    // With no room for a card between the pinned tiles, the add tile scrolls with the cards.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: a new pinned slot needs observing\n    useLayoutEffect(() => {\n        const root = rootRef.current;\n        if (!root || !hasCards || addTileCount === 0) {\n            setCramped(false);\n            return;\n        }\n        const pinnedSlot = pinnedRef.current;\n        const { paddingLeft, paddingRight } = getComputedStyle(root);\n        const inset = (parseFloat(paddingLeft) || 0) + (parseFloat(paddingRight) || 0);\n        let content = root.clientWidth - inset;\n        let pinned = pinnedSlot?.offsetWidth ?? 0;\n        const decide = (): void => {\n            const needs = pinned + addTileCount * SLOT_WIDTH_PX + TROUGH_FLOOR_PX;\n            setCramped(content > 0 && content < needs);\n        };\n        decide();\n        // Sizes from the entries: reading layout here would force the layout the observer spares.\n        const observer =\n            typeof ResizeObserver !== 'undefined'\n                ? new ResizeObserver((entries) => {\n                      for (const entry of entries ?? []) {\n                          if (entry.target === root) {\n                              content = entry.contentRect.width;\n                          } else {\n                              pinned =\n                                  entry.borderBoxSize?.[0]?.inlineSize ??\n                                  entry.contentRect.width + 2 * TROUGH_SHOULDER_PX;\n                          }\n                      }\n                      decide();\n                  })\n                : null;\n        observer?.observe(root);\n        if (pinnedSlot) {\n            observer?.observe(pinnedSlot);\n        }\n        return () => observer?.disconnect();\n    }, [hasCards, addTileCount, hasLeading]);\n\n    const addInTrack = cramped && hasCards;\n    const trackAddTileFocus = useCallback((event: React.FocusEvent) => {\n        const focused = event.type === 'focus' ? event.target : event.relatedTarget;\n        addTileFocused.current = Boolean(\n            focused instanceof Node && addHostRef.current?.contains(focused),\n        );\n    }, []);\n\n    // The tile remounts wherever it moves, so focus has to follow it there. Removing a focused\n    // element fires no blur, so the flag survives the move.\n    // biome-ignore lint/correctness/useExhaustiveDependencies: the tile moving is the signal\n    useLayoutEffect(() => {\n        const host = addHostRef.current;\n        const active = host ? (host.getRootNode() as Document | ShadowRoot).activeElement : null;\n        if (addTileFocused.current && host && !(active && host.contains(active))) {\n            host.querySelector('button')?.focus({ preventScroll: true });\n        }\n    }, [addInTrack]);\n\n    const getRadios = useCallback((): HTMLElement[] => {\n        const root = rootRef.current;\n        if (!root) {\n            return [];\n        }\n        return Array.from(root.querySelectorAll<HTMLElement>(RADIO_SELECTOR));\n    }, []);\n\n    // Read off the DOM rather than the children's keys: unkeyed cards reorder under positional\n    // keys that never change. Attribute reads only, so this forces no layout.\n    const radioOrder = useRef<string | null>(null);\n    const [reorders, setReorders] = useState(0);\n    useLayoutEffect(() => {\n        const next = JSON.stringify(getRadios().map(radioValue));\n        if (radioOrder.current !== null && radioOrder.current !== next) {\n            setReorders((count) => count + 1);\n        }\n        radioOrder.current = next;\n    });\n\n    const getNavigableRadios = useCallback(\n        (): HTMLElement[] => getRadios().filter((radio) => radioValue(radio) !== null),\n        [getRadios],\n    );\n\n    const warned = useRef(new Set<string>());\n    const warnOnce = useCallback((key: string, message: string): void => {\n        if (warned.current.has(key)) {\n            return;\n        }\n        warned.current.add(key);\n        console.warn(message);\n    }, []);\n\n    const [derivedTone, setDerivedTone] = useState<CardStripTone>('profile');\n\n    useLayoutEffect(() => {\n        const selectedCard = getRadios()\n            .find((radio) => radioValue(radio) === value)\n            ?.parentElement?.getAttribute('data-variant');\n        if (\n            selectedCard === 'profile' ||\n            selectedCard === 'library' ||\n            selectedCard === 'editing'\n        ) {\n            setDerivedTone(selectedCard);\n        }\n    }, [getRadios, value]);\n\n    useLayoutEffect(() => {\n        const radios = getRadios();\n        const navigable = getNavigableRadios();\n        const selected = navigable.find((radio) => radioValue(radio) === value);\n        const tabStop = selected ?? navigable.find((radio) => !isRadioDisabled(radio)) ?? null;\n\n        radios.forEach((radio) => {\n            const holdsTabStop = radio === tabStop;\n            const nextTabIndex = holdsTabStop ? 0 : -1;\n            if (radio.tabIndex !== nextTabIndex) {\n                radio.tabIndex = nextTabIndex;\n            }\n            for (const control of actionControls(radio)) {\n                if (holdsTabStop) {\n                    restoreTabStop(control);\n                } else {\n                    suppressTabStop(control);\n                }\n            }\n        });\n\n        if (process.env.NODE_ENV === 'production') {\n            return;\n        }\n\n        if (navigable.length !== radios.length) {\n            warnOnce(\n                'missing-value',\n                'CardStrip: a child with role=\"radio\" has no `data-value`. It cannot be selected or reached by arrow keys, so it is excluded from the radio set. Give every card a `data-value`.',\n            );\n        }\n\n        const values = new Set<string>();\n        for (const radio of navigable) {\n            const current = radioValue(radio);\n            if (current === null) {\n                continue;\n            }\n            if (values.has(current)) {\n                warnOnce(\n                    `duplicate:${current}`,\n                    `CardStrip: two cards share the data-value \"${current}\". Both will read as checked and only the first is selectable — data-value must be unique.`,\n                );\n            }\n            values.add(current);\n        }\n\n        const selectionSettled = value !== '';\n\n        if (radios.length > 0 && selectionSettled && !values.has(value)) {\n            warnOnce(\n                `unmatched:${value}`,\n                `CardStrip: value \"${value}\" matches no card's data-value, so the group reports no selection.`,\n            );\n        }\n\n        const checked = radios.filter(\n            (radio) => radio.getAttribute('aria-checked') === 'true',\n        ).length;\n        if (radios.length > 0 && selectionSettled && checked !== 1) {\n            warnOnce(\n                `checked:${checked}`,\n                `CardStrip: ${checked} cards are aria-checked, but a radiogroup has exactly one. Drive each card's checked state from the strip's \\`value\\`.`,\n            );\n        }\n\n        if (wrappedAddTile) {\n            warnOnce(\n                'wrapped-add-tile',\n                'CardStrip: a CardStrip.AddTile inside a fragment is treated as a card and scrolls with them. The add tile must be a direct child of CardStrip.',\n            );\n        }\n    });\n\n    const selectedCard = useCallback((): HTMLElement | null => {\n        const selected = getRadios().find((radio) => radioValue(radio) === value);\n        return selected ? ((selected.closest('[role=\"radio\"]') ?? selected) as HTMLElement) : null;\n    }, [getRadios, value]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: cards arriving is the signal\n    useLayoutEffect(() => {\n        if (!scrollSelectedIntoView) {\n            return;\n        }\n        const scroller = scrollerRef.current;\n        const card = selectedCard();\n        // jsdom implements neither, and a strip that cannot scroll has nothing to bring into view.\n        if (!scroller || !card || typeof scroller.scrollTo !== 'function') {\n            return;\n        }\n\n        // The first placement is where the strip opens — a deep link, not a move — so it is\n        // instant. Every later one is the selection travelling, and travel is legible only if\n        // you can see it happen.\n        const wasPositioned = hasPositioned.current;\n        hasPositioned.current = true;\n\n        const target = revealTargetFor(scroller, card, snap);\n        if (target !== null) {\n            scroller.scrollTo({\n                left: target,\n                behavior: wasPositioned && !prefersReducedMotion() ? 'smooth' : 'instant',\n            });\n        }\n    }, [selectedCard, scrollSelectedIntoView, snap, childCount, reorders]);\n\n    const ruleTone = tone ?? derivedTone;\n    const callerPaintsBackground =\n        style?.background !== undefined || style?.backgroundImage !== undefined;\n\n    const measure = useCallback(() => {\n        const scroller = scrollerRef.current;\n        if (!callerPaintsBackground) {\n            paintRule(\n                rootRef.current,\n                scroller,\n                getRadios().find((radio) => radioValue(radio) === value)?.parentElement,\n                ruleTone,\n            );\n        }\n        if (!scroller) {\n            return;\n        }\n        const { scrollWidth, clientWidth, scrollLeft } = scroller;\n        const overflows = scrollWidth > clientWidth + EDGE_EPSILON_PX;\n        const next = {\n            canScrollLeft: overflows && scrollLeft > EDGE_EPSILON_PX,\n            canScrollRight: overflows && scrollLeft + clientWidth < scrollWidth - EDGE_EPSILON_PX,\n        };\n        setEdges((previous) =>\n            previous.canScrollLeft === next.canScrollLeft &&\n            previous.canScrollRight === next.canScrollRight\n                ? previous\n                : next,\n        );\n    }, [callerPaintsBackground, getRadios, ruleTone, value]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: adding, removing or reordering cards moves the selected card, so re-measure on the order\n    useLayoutEffect(() => {\n        measure();\n\n        const scroller = scrollerRef.current;\n        if (!scroller) {\n            return;\n        }\n\n        const selectedInView = (): boolean => {\n            const card = selectedCard();\n            return card !== null && isCardInView(scroller, card);\n        };\n        let wasInView = selectedInView();\n\n        const onScroll = (): void => {\n            measure();\n            wasInView = selectedInView();\n        };\n        scroller.addEventListener('scroll', onScroll, { passive: true });\n\n        // Bring back a selected card the resize cut off, unless the reader scrolled it away.\n        // Next frame rather than in the callback, whose layout reads would force a layout.\n        let frame = 0;\n        const reveal = (): void => {\n            const card = selectedCard();\n            const canReveal =\n                scrollSelectedIntoView && wasInView && typeof scroller.scrollTo === 'function';\n            const target = canReveal && card ? revealTargetFor(scroller, card, snap) : null;\n            if (target !== null) {\n                scroller.scrollTo({ left: target, behavior: 'instant' });\n            }\n            wasInView = selectedInView();\n        };\n        const onResize = (): void => {\n            measure();\n            if (typeof requestAnimationFrame !== 'function') {\n                reveal();\n                return;\n            }\n            cancelAnimationFrame(frame);\n            frame = requestAnimationFrame(reveal);\n        };\n        const observer =\n            typeof ResizeObserver !== 'undefined' ? new ResizeObserver(onResize) : null;\n        observer?.observe(scroller);\n\n        return () => {\n            scroller.removeEventListener('scroll', onScroll);\n            observer?.disconnect();\n            if (typeof cancelAnimationFrame === 'function') {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [measure, selectedCard, scrollSelectedIntoView, snap, childCount, reorders]);\n\n    const scrollByStep = useCallback(\n        (direction: -1 | 1) => {\n            const scroller = scrollerRef.current;\n            if (!scroller || typeof scroller.scrollBy !== 'function') {\n                return;\n            }\n            scroller.scrollBy({\n                left: pageTargetFor(scroller, direction, snap) - scroller.scrollLeft,\n                behavior: prefersReducedMotion() ? 'auto' : 'smooth',\n            });\n        },\n        [snap],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n            if (!NAV_KEYS.has(event.key)) {\n                return;\n            }\n\n            const target = event.target;\n            if (!(target instanceof Element) || !target.closest(RADIO_SELECTOR)) {\n                return;\n            }\n\n            const enabled = getNavigableRadios().filter((radio) => !isRadioDisabled(radio));\n            if (enabled.length === 0) {\n                return;\n            }\n\n            event.preventDefault();\n\n            const currentPosition = enabled.findIndex((radio) => radioValue(radio) === value);\n            let nextPosition: number;\n            if (event.key === 'Home') {\n                nextPosition = 0;\n            } else if (event.key === 'End') {\n                nextPosition = enabled.length - 1;\n            } else {\n                const delta = event.key === 'ArrowLeft' || event.key === 'ArrowUp' ? -1 : 1;\n                const from = currentPosition === -1 ? 0 : currentPosition;\n                nextPosition = (from + delta + enabled.length) % enabled.length;\n            }\n\n            const next = enabled[nextPosition];\n            const nextValue = radioValue(next);\n            if (nextValue !== null && nextValue !== value) {\n                onChange(nextValue);\n            }\n            next.focus();\n        },\n        [getNavigableRadios, onChange, value],\n    );\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent) => {\n            const target = event.target;\n            if (!(target instanceof Element) || target.closest(`.${ADD_TILE_CLASS}`)) {\n                return;\n            }\n            const root = rootRef.current;\n            if (!root) {\n                return;\n            }\n            const radio = radioForClick(target, root);\n            if (!radio || isRadioDisabled(radio)) {\n                return;\n            }\n            const clicked = radioValue(radio);\n            if (clicked !== null && clicked !== value) {\n                onChange(clicked);\n            }\n        },\n        [onChange, value],\n    );\n\n    const showLeftArrow = arrows && edges.canScrollLeft;\n    const showRightArrow = arrows && edges.canScrollRight;\n\n    const fadeLeft = fadeEdges && edges.canScrollLeft;\n    const fadeRight = fadeEdges && edges.canScrollRight;\n\n    return (\n        <div\n            ref={rootRef}\n            onKeyDown={handleKeyDown}\n            onFocus={trackAddTileFocus}\n            onBlur={trackAddTileFocus}\n            onClick={handleClick}\n            className={`${ROOT_CLASS} flex items-stretch ${className}`}\n            style={{\n                ...RULE_ROW_STYLE,\n                ...(bleed ? BLEED_STYLE : null),\n                ...style,\n            }}\n        >\n            <div\n                role=\"radiogroup\"\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledBy}\n                className={hasCards ? 'flex items-stretch min-w-0' : 'flex items-stretch'}\n            >\n                {leading ? (\n                    <CardStripSlotContext.Provider value={PINNED_SLOT}>\n                        <div ref={pinnedRef} className=\"shrink-0\" style={PINNED_SLOT_STYLE}>\n                            {leading}\n                        </div>\n                    </CardStripSlotContext.Provider>\n                ) : null}\n                {hasCards ? (\n                    <div\n                        {...{ [TROUGH_ATTR]: '' }}\n                        className=\"relative min-w-0 shrink basis-auto\"\n                        style={TROUGH_STYLE}\n                    >\n                        <div\n                            ref={scrollerRef}\n                            tabIndex={-1}\n                            {...{ [SCROLLER_ATTR]: '' }}\n                            data-snap={snap ? 'true' : 'false'}\n                            className={SCROLLER_CLASS}\n                        >\n                            <CardStripSlotContext.Provider value={SCROLLED_SLOT}>\n                                {cards}\n                            </CardStripSlotContext.Provider>\n                            {addInTrack ? (\n                                <div ref={addHostRef} {...{ [ADD_SLOT_ATTR]: '' }}>\n                                    {addTiles}\n                                </div>\n                            ) : null}\n                        </div>\n                        {showLeftArrow ? (\n                            <ArrowButton side=\"left\" onClick={() => scrollByStep(-1)} />\n                        ) : null}\n                        {showRightArrow ? (\n                            <ArrowButton side=\"right\" onClick={() => scrollByStep(1)} />\n                        ) : null}\n                        {fadeLeft || fadeRight ? (\n                            <div\n                                aria-hidden\n                                data-card-strip-fade=\"\"\n                                className={`${FADE_CLASS} absolute pointer-events-none`}\n                                style={{\n                                    inset: `-${TROUGH_SHOULDER_PX}px -${FADE_OVERHANG_PX}px 0`,\n                                    background: `linear-gradient(to right, ${fadeLeft ? FADE_COLOR : 'transparent'} 0, transparent ${FADE_RAMP_PX}px, transparent calc(100% - ${FADE_RAMP_PX}px), ${fadeRight ? FADE_COLOR : 'transparent'} 100%)`,\n                                }}\n                            />\n                        ) : null}\n                    </div>\n                ) : null}\n            </div>\n            {addTiles.length > 0 && !addInTrack ? (\n                <div\n                    ref={addHostRef}\n                    className=\"shrink-0\"\n                    style={!hasCards && leading ? EMPTY_ADD_SLOT_STYLE : undefined}\n                >\n                    {addTiles}\n                </div>\n            ) : null}\n        </div>\n    );\n};\n\nCardStrip.AddTile = AddTile;\n\nexport default CardStrip;\nexport { CardStrip };\n"],"names":["NAV_KEYS","RADIO_SELECTOR","SCROLLER_ATTR","TROUGH_ATTR","ROOT_CLASS","SCROLLER_CLASS","FADE_CLASS","ADD_TILE_CLASS","ADD_SLOT_ATTR","ACTIONS_SELECTOR","FOCUSABLE_SELECTOR","PREV_TABINDEX_ATTR","FADE_WIDTH_PX","ARROW_GLYPH_PX","GUTTER_REST_PX","LIP_SHADOW","ARROW_BACKGROUND","ARROW_BORDER","TROUGH_BACKGROUND","CARD_CORNER","CARD_RADIUS","TROUGH_CORNER","TROUGH_RADIUS","TROUGH_SHOULDER_PX","ARROW_OFFSET_PX","FADE_OVERHANG_PX","FADE_RAMP_PX","SLOT_WIDTH_PX","CARD_WIDTH_PX","TROUGH_FLOOR_PX","DIVIDER_COLOR","FADE_COLOR","ADD_HOVER_BACKGROUND","ADD_PILL_BORDER","ADD_PILL_BORDER_ACTIVE","ADD_PILL_SHADOW_DEEP","ADD_PILL_BACKGROUND","ADD_PILL_FOREGROUND","ADD_PILL_PRIMARY_BACKGROUND","ADD_PILL_PRIMARY_FOREGROUND","ADD_PILL_PRIMARY_SHADOW","BOTTOM_RULE_WEIGHT_PX","STRIP_RULE_PX","OVERFLOW_INSET_PX","CLIP_SLACK_PX","FOCUS_RING_REACH_PX","SCROLLER_CSS","CARD_FLARE_PX","STYLE_ID","ADD_SLOT_STYLE_ID","ADD_SLOT_CSS","prefersReducedMotion","radioValue","radio","isRadioDisabled","actionsFor","card","radioForClick","target","root","direct","node","radios","actionControls","actions","suppressTabStop","element","restoreTabStop","previous","TONE_RULE","RULE_ROW_STYLE","RULE_GAP_OVERLAP_PX","FLARE_TIP_INSET_PX","CARD_FLARE_TIP_PX","flareTips","flare","FLARE_CLASS","left","right","paintRule","scroller","tone","colour","rootRect","rootLeft","clip","cardRect","tips","tipLeft","tipRight","from","to","BLEED_STYLE","CONTENT_INSET","TROUGH_SURFACE","TROUGH_STYLE","ADD_TILE_SHAPE_STYLE","PINNED_SLOT_STYLE","EMPTY_ADD_SLOT_STYLE","ADD_PILL_FILL","AddTile","label","icon","onClick","disabled","emphasis","className","jsx","jsxs","FOCUS_RING","PlusIcon","isAddTile","React","hidesAddTile","child","ArrowButton","side","ArrowLeftIcon","ForwardArrowIcon","CardStrip","value","onChange","children","leading","arrows","fadeEdges","snap","bleed","scrollSelectedIntoView","ariaLabel","ariaLabelledBy","style","rootRef","useRef","pinnedRef","scrollerRef","hasPositioned","edges","setEdges","useState","cramped","setCramped","addHostRef","addTileFocused","useAdoptedStyleSheet","childList","cards","wrappedAddTile","hasCards","addTiles","tile","childCount","addTileCount","useLayoutEffect","pinnedSlot","paddingLeft","paddingRight","inset","content","pinned","decide","needs","observer","entries","entry","_b","_a","addInTrack","trackAddTileFocus","useCallback","event","focused","host","active","getRadios","radioOrder","reorders","setReorders","next","count","getNavigableRadios","warned","warnOnce","key","message","derivedTone","setDerivedTone","selectedCard","navigable","tabStop","holdsTabStop","nextTabIndex","control","values","current","selectionSettled","checked","selected","wasPositioned","revealTargetFor","ruleTone","callerPaintsBackground","measure","scrollWidth","clientWidth","scrollLeft","overflows","EDGE_EPSILON_PX","selectedInView","isCardInView","wasInView","onScroll","frame","reveal","onResize","scrollByStep","direction","pageTargetFor","handleKeyDown","enabled","currentPosition","nextPosition","delta","nextValue","handleClick","clicked","showLeftArrow","showRightArrow","fadeLeft","fadeRight","CardStripSlotContext","PINNED_SLOT","SCROLLED_SLOT"],"mappings":";;;;;;;;;;;AAuEA,MAAMA,KAAW,oBAAI,IAAI,CAAC,aAAa,cAAc,WAAW,aAAa,QAAQ,KAAK,CAAC,GAErFC,IAAiB,kBACjBC,KAAgB,4BAChBC,KAAc,0BACdC,IAAa,wBACbC,IAAiB,iCACjBC,KAAa,6BACbC,IAAiB,iCACjBC,KAAgB,4BAEhBC,KAAmB,kCACnBC,KACF,sGACEC,IAAqB,iCAErBC,KAAgB,IAEhBC,KAAiB,IACjBC,IAAiB,IAEjBC,KAAa,mCACbC,KACF,2FACEC,KAAe,qDACfC,KAAoB,mDACpBC,KAAc,qCACdC,KAAc,GAAGD,EAAW,IAAIA,EAAW,QAC3CE,KAAgB,sCAChBC,KAAgB,GAAGD,EAAa,IAAIA,EAAa,QACjDE,IAAqB,GAErBC,KAAkBV,IAAiBS,GAEnCE,KAAmBX,GACnBY,KAAed,MAAiBa,KAAmBF,IACnDI,KAAgBC,IAChBC,KAAkB,KAAKf,IAAiBS,KAAsBI,IAC9DG,KAAgB,gDAChBC,KAAa,iDACbC,KAAuB,8DACvBC,KAAkB,qDAClBC,KAAyB,wDACzBC,KAAuB,sCACvBC,KAAsB,6CACtBC,KAAsB,0CACtBC,KACF,8FACEC,KACF,iGACEC,KAA0B,yCAE1BC,KAAwBC,IAExBC,KAAoB,IAEpBC,IAAgB,MAChBC,KAAsB,GAGtBC,KAAe;AAAA,GAClB1C,CAAU;AAAA,wBACWwC,CAAa,OAAOA,CAAa;AAAA;AAAA,GAEtDxC,CAAU;AAAA,wBACWwC,CAAa,OAAOA,CAAa,OAAOC,EAAmB;AAAA;AAAA,GAEhFxC,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQIsC,EAAiB;AAAA,qBACjBA,EAAiB;AAAA;AAAA;AAAA,sBAGhBI,CAAa;AAAA,sBACbA,CAAa;AAAA,6BACNA,CAAa;AAAA;AAAA;AAAA,GAGvC3C,CAAU,yBAAyBE,EAAU;AAAA;AAAA;AAAA,GAG7CD,CAAc;AAAA;AAAA;AAAA;AAAA,GAIdE,CAAc;AAAA,kBACCW,EAAiB;AAAA,qBACdE,EAAW;AAAA;AAAA,GAE7Bb,CAAc;AAAA,kBACCyB,EAAoB;AAAA;AAAA,GAEnCzB,CAAc;AAAA;AAAA;AAAA,GAGdA,CAAc;AAAA,kBACCW,EAAiB;AAAA;AAAA,GAEhCX,CAAc;AAAA,oBACG0B,EAAe;AAAA,kBACjBlB,EAAU;AAAA;AAAA,GAEzBR,CAAc;AAAA,oBACG2B,EAAsB;AAAA,kBACxBC,EAAoB;AAAA;AAAA,GAEnC5B,CAAc;AAAA,oBACG2B,EAAsB;AAAA,kBACxBC,EAAoB;AAAA;AAAA,GAEnC5B,CAAc;AAAA;AAAA,kBAECiC,EAAuB;AAAA;AAAA,GAEtCnC,CAAc;AAAA;AAAA;AAAA;AAAA,GAIdA,CAAc;AAAA,6BACYyB,EAAa;AAAA;AAAA,GAEvCzB,CAAc;AAAA;AAAA;AAAA,GAGdA,CAAc;AAAA;AAAA;AAAA;AAAA,OAIVA,CAAc;AAAA;AAAA;AAAA,OAGdA,CAAc;AAAA;AAAA;AAAA,OAGdA,CAAc;AAAA;AAAA;AAAA,IAKf2C,KAAW,8BAEXC,KAAoB,iCAEpBC,KAAe;AAAA,GAClB7C,CAAc,OAAOG,EAAa;AAAA;AAAA;AAAA;AAAA,GAIlCA,EAAa,QAAQD,CAAc;AAAA;AAAA;AAAA;AAAA,GAOhC4C,KAAuB,MACrB,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,aACvD,KAEJ,OAAO,WAAW,kCAAkC,EAAE,SAG3DC,IAAa,CAACC,MAChBA,EAAM,QAAQ,SAASA,EAAM,aAAa,OAAO,GAE/CC,KAAkB,CAACD,MACrBA,EAAM,aAAa,UAAU,KAAKA,EAAM,aAAa,eAAe,MAAM,QAExEE,KAAa,CAACF,MAA2C;AAC3D,QAAMG,IAAOH,EAAM;AACnB,SAAI,CAACG,KAAQA,EAAK,iBAAiBvD,CAAc,EAAE,WAAW,IACnD,OAEJuD,EAAK,cAA2B/C,EAAgB;AAC3D,GAGMgD,KAAgB,CAACC,GAAiBC,MAAsC;AAC1E,QAAMC,IAASF,EAAO,QAAqBzD,CAAc;AACzD,MAAI2D;AACA,WAAOA;AAEX,MAAIF,EAAO,QAAQjD,EAAgB;AAC/B,WAAO;AAEX,MAAIoD,IAAuBH;AAC3B,SAAOG,KAAQF,EAAK,SAASE,CAAI,KAAG;AAChC,UAAMC,IAAkCD,EAAK,iBAAiB5D,CAAc;AAC5E,QAAI6D,EAAO,WAAW,KAAKA,EAAO,CAAC,EAAE,kBAAkBD;AACnD,aAAOC,EAAO,CAAC;AAEnB,IAAAD,IAAOA,EAAK;AAAA,EAChB;AACA,SAAO;AACX,GAEME,KAAiB,CAACV,MAAsC;AAC1D,QAAMW,IAAUT,GAAWF,CAAK;AAChC,SAAOW,IAAU,MAAM,KAAKA,EAAQ,iBAA8BtD,EAAkB,CAAC,IAAI,CAAA;AAC7F,GAEMuD,KAAkB,CAACC,MAA+B;AACpD,EAAKA,EAAQ,aAAavD,CAAkB,KACxCuD,EAAQ,aAAavD,GAAoBuD,EAAQ,aAAa,UAAU,KAAK,EAAE,GAEnFA,EAAQ,aAAa,YAAY,IAAI;AACzC,GAEMC,KAAiB,CAACD,MAA+B;AACnD,MAAI,CAACA,EAAQ,aAAavD,CAAkB;AACxC;AAEJ,QAAMyD,IAAWF,EAAQ,aAAavD,CAAkB;AACxD,EAAAuD,EAAQ,gBAAgBvD,CAAkB,GACtCyD,IACAF,EAAQ,aAAa,YAAYE,CAAQ,IAEzCF,EAAQ,gBAAgB,UAAU;AAE1C,GAEMG,KAA2C;AAAA,EAC7C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACb,GACMC,KAAsC;AAAA,EACxC,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,gBAAgB,QAAQ7B,EAAqB;AACjD,GAIM8B,KAAsB,KAEtBC,KAAqBzB,IAAgB0B,IAErCC,KAAY,CAAClB,MAA8D;AAC7E,QAAMmB,IAAQnB,EAAK,cAAc,aAAaoB,EAAW,EAAE;AAC3D,MAAI,CAACD;AACD,WAAO;AAEX,QAAM,EAAE,MAAAE,GAAM,OAAAC,MAAUH,EAAM,sBAAA;AAC9B,SAAO,EAAE,MAAME,IAAOL,IAAoB,OAAOM,IAAQN,GAAA;AAC7D,GAIMO,KAAY,CACdpB,GACAqB,GACAxB,GACAyB,MACO;AACP,MAAI,CAACtB;AACD;AAEJ,QAAMuB,IAASb,GAAUY,CAAI,GACvBE,IAAWxB,EAAK,sBAAA,GAChByB,IAAWD,EAAS,MACpBE,IAAO7B,MAAQwB,KAAA,QAAAA,EAAU,SAASxB,MAAQwB,EAAS,0BAA0BG,GAC7EG,IAAW9B,KAAA,gBAAAA,EAAM,yBACjB+B,IAAO/B,IAAOkB,GAAUlB,CAAI,IAAI,MAChCgC,KAAUD,KAAA,gBAAAA,EAAM,UAASD,IAAWA,EAAS,OAAOb,KAAoB,IACxEgB,KAAWF,KAAA,gBAAAA,EAAM,WAAUD,IAAWA,EAAS,QAAQb,KAAoB,IAC3EiB,IAAOJ,IAAW,KAAK,IAAIE,GAASH,EAAK,IAAI,IAAId,KAAsBa,IAAW,GAClFO,IAAKL,IAAW,KAAK,IAAIG,GAAUJ,EAAK,KAAK,IAAId,KAAsBa,IAAW;AAExF,EAAAzB,EAAK,MAAM,kBACPgC,IAAKD,IACC,6BAA6BR,CAAM,MAAMQ,CAAI,mBAAmBA,CAAI,MAAMC,CAAE,OAAOT,CAAM,IAAIS,CAAE,aAC/F,6BAA6BT,CAAM;AACjD,GAEMU,KAAmC;AAAA,EACrC,cAAc,QAAQC,EAAa;AAAA,EACnC,eAAeA;AACnB,GAIMC,KAAsC;AAAA,EACxC,YAAY5E;AAAA,EACZ,cAAcI;AAAA,EACd,YAAY,GAAGC,CAAkB;AAAA,EACjC,eAAe,GAAGA,CAAkB;AAAA,EACpC,cAAc,GAAGkB,EAAqB;AAC1C,GACMsD,KAAoC;AAAA,EACtC,GAAGD;AAAA,EACH,cAAc,GAAGhF,CAAc;AACnC,GACMkF,KAA4CF,IAE5CG,KAAyCH,IAEzCI,KAA4C;AAAA,EAC9C,mBAAmB,GAAGpF,CAAc;AACxC,GAEMqF,KAAuE;AAAA,EACzE,SAAS;AAAA,IACL,iBAAiB7D;AAAA,IACjB,OAAOC;AAAA,EAAA;AAAA,EAEX,WAAW,EAAE,iBAAiBH,IAAqB,OAAOC,GAAA;AAC9D,GAEM+D,KAA2C,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAChB,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWpG;AAAA,IACX,iBAAekG;AAAA,IACf,OAAO;AAAA,MACH,GAAGT;AAAA,MACH,OAAO,GAAGrE,EAAa;AAAA,MACvB,QAAQ,eAAec,EAAqB;AAAA,IAAA;AAAA,IAGhD,UAAA,gBAAAkE,EAAC,OAAA,EAAI,WAAU,gDACX,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAAL;AAAA,QACA,UAAAC;AAAA,QACA,OAAOL,GAAcM,CAAQ;AAAA,QAC7B,WAAW,GAAGI,EAAU,sOACpBL,IAAW,kCAAkC,gBACjD,IAAIE,CAAS;AAAA,QAEb,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,sEACX,UAAAL,uBAASQ,IAAA,EAAS,MAAM,IAAI,EAAA,CACjC;AAAA,UACCT;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACL,CACJ;AAAA,EAAA;AACJ,GAGEU,KAAY,CAAClD,MACfmD,EAAM,eAAenD,CAAI,KAAKA,EAAK,SAASuC,IAE1Ca,KAAe,CAACC,MAClBF,EAAM,eAA+CE,CAAK,KAC1DA,EAAM,SAASF,EAAM,YACrBA,EAAM,SAAS,QAAQE,EAAM,MAAM,QAAQ,EAAE,KAAKH,EAAS,GAOzDI,KAA0C,CAAC,EAAE,MAAAC,GAAM,SAAAb,QACrD,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAYS,MAAS,SAAS,gBAAgB;AAAA,IAC9C,SAAAb;AAAA,IACA,WAAU;AAAA,IACV,OAAO;AAAA,MACH,CAACa,CAAI,GAAG,IAAI5F,EAAe;AAAA,MAC3B,YAAYR;AAAA,MACZ,QAAQ,aAAaC,EAAY;AAAA,MACjC,WAAWF;AAAA,IAAA;AAAA,IAGd,UAAAqG,MAAS,SACN,gBAAAT,EAACU,IAAA,EAAc,MAAMxG,IAAgB,IAErC,gBAAA8F,EAACW,IAAA,EAAiB,MAAMzG,GAAA,CAAgB;AAAA,EAAA;AAEhD,GAIE0G,KAAqF,CAAC;AAAA,EACxF,OAAAC;AAAA,EACA,MAAAvC;AAAA,EACA,UAAAwC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,wBAAAC,IAAyB;AAAA,EACzB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,WAAAxB,IAAY;AAAA,EACZ,OAAAyB;AACJ,MAAM;AACF,QAAMC,IAAUC,EAAuB,IAAI,GACrCC,KAAYD,EAAuB,IAAI,GACvCE,IAAcF,EAAuB,IAAI,GACzCG,KAAgBH,EAAO,EAAK,GAC5B,CAACI,GAAOC,EAAQ,IAAIC,EAAS,EAAE,eAAe,IAAO,gBAAgB,IAAO,GAC5E,CAACC,IAASC,EAAU,IAAIF,EAAS,EAAK,GACtCG,IAAaT,EAAuB,IAAI,GACxCU,KAAiBV,EAAO,EAAK;AAEnC,EAAAW,GAAqBZ,GAAStF,IAAcE,EAAQ,GACpDgG,GAAqBZ,GAASlF,IAAcD,EAAiB;AAE7D,QAAMgG,IAAYjC,EAAM,SAAS,QAAQU,CAAQ,GAC3CwB,KAAQD,EAAU,OAAO,CAAC/B,MAAU,CAACH,GAAUG,CAAK,CAAC,GACrDiC,KAAiBD,GAAM,KAAKjC,EAAY,GACxCmC,IAAWF,GAAM,SAAS,GAE1BG,IAAWJ,EACZ,OAAOlC,EAAS,EAChB;AAAA,IAAI,CAACuC,MACFA,EAAK,MAAM,aAAa,SAClBtC,EAAM,aAAasC,GAAM,EAAE,UAAUF,IAAW,cAAc,UAAA,CAAW,IACzEE;AAAA,EAAA,GAGRC,KAAaN,EAAU,QACvBO,KAAeH,EAAS;AAK9B,EAAAI,EAAgB,MAAM;AAClB,UAAM9F,IAAOyE,EAAQ;AACrB,QAAI,CAACzE,KAAQ,CAACyF,KAAYI,OAAiB,GAAG;AAC1C,MAAAX,GAAW,EAAK;AAChB;AAAA,IACJ;AACA,UAAMa,IAAapB,GAAU,SACvB,EAAE,aAAAqB,GAAa,cAAAC,MAAiB,iBAAiBjG,CAAI,GACrDkG,KAAS,WAAWF,CAAW,KAAK,MAAM,WAAWC,CAAY,KAAK;AAC5E,QAAIE,IAAUnG,EAAK,cAAckG,GAC7BE,KAASL,KAAA,gBAAAA,EAAY,gBAAe;AACxC,UAAMM,IAAS,MAAY;AACvB,YAAMC,IAAQF,IAASP,KAAe7H,KAAgBE;AACtD,MAAAgH,GAAWiB,IAAU,KAAKA,IAAUG,CAAK;AAAA,IAC7C;AACA,IAAAD,EAAA;AAEA,UAAME,IACF,OAAO,iBAAmB,MACpB,IAAI,eAAe,CAACC,MAAY;;AAC5B,iBAAWC,KAASD,KAAW;AAC3B,QAAIC,EAAM,WAAWzG,IACjBmG,IAAUM,EAAM,YAAY,QAE5BL,MACIM,MAAAC,IAAAF,EAAM,kBAAN,gBAAAE,EAAsB,OAAtB,gBAAAD,GAA0B,eAC1BD,EAAM,YAAY,QAAQ,IAAI7I;AAG1C,MAAAyI,EAAA;AAAA,IACJ,CAAC,IACD;AACV,WAAAE,KAAA,QAAAA,EAAU,QAAQvG,IACd+F,MACAQ,KAAA,QAAAA,EAAU,QAAQR,KAEf,MAAMQ,KAAA,gBAAAA,EAAU;AAAA,EAC3B,GAAG,CAACd,GAAUI,IAzCK,EAAQ7B,CAyCW,CAAC;AAEvC,QAAM4C,KAAa3B,MAAWQ,GACxBoB,KAAoBC,EAAY,CAACC,MAA4B;;AAC/D,UAAMC,IAAUD,EAAM,SAAS,UAAUA,EAAM,SAASA,EAAM;AAC9D,IAAA3B,GAAe,UAAU,GACrB4B,aAAmB,UAAQL,IAAAxB,EAAW,YAAX,QAAAwB,EAAoB,SAASK;AAAA,EAEhE,GAAG,CAAA,CAAE;AAKL,EAAAlB,EAAgB,MAAM;;AAClB,UAAMmB,IAAO9B,EAAW,SAClB+B,IAASD,IAAQA,EAAK,YAAA,EAAwC,gBAAgB;AACpF,IAAI7B,GAAe,WAAW6B,KAAQ,EAAEC,KAAUD,EAAK,SAASC,CAAM,QAClEP,IAAAM,EAAK,cAAc,QAAQ,MAA3B,QAAAN,EAA8B,MAAM,EAAE,eAAe;EAE7D,GAAG,CAACC,EAAU,CAAC;AAEf,QAAMO,IAAYL,EAAY,MAAqB;AAC/C,UAAM9G,IAAOyE,EAAQ;AACrB,WAAKzE,IAGE,MAAM,KAAKA,EAAK,iBAA8B1D,CAAc,CAAC,IAFzD,CAAA;AAAA,EAGf,GAAG,CAAA,CAAE,GAIC8K,KAAa1C,EAAsB,IAAI,GACvC,CAAC2C,IAAUC,EAAW,IAAItC,EAAS,CAAC;AAC1C,EAAAc,EAAgB,MAAM;AAClB,UAAMyB,IAAO,KAAK,UAAUJ,IAAY,IAAI1H,CAAU,CAAC;AACvD,IAAI2H,GAAW,YAAY,QAAQA,GAAW,YAAYG,KACtDD,GAAY,CAACE,MAAUA,IAAQ,CAAC,GAEpCJ,GAAW,UAAUG;AAAA,EACzB,CAAC;AAED,QAAME,KAAqBX;AAAA,IACvB,MAAqBK,IAAY,OAAO,CAACzH,MAAUD,EAAWC,CAAK,MAAM,IAAI;AAAA,IAC7E,CAACyH,CAAS;AAAA,EAAA,GAGRO,KAAShD,EAAO,oBAAI,KAAa,GACjCiD,IAAWb,EAAY,CAACc,GAAaC,MAA0B;AACjE,IAAIH,GAAO,QAAQ,IAAIE,CAAG,MAG1BF,GAAO,QAAQ,IAAIE,CAAG,GACtB,QAAQ,KAAKC,CAAO;AAAA,EACxB,GAAG,CAAA,CAAE,GAEC,CAACC,IAAaC,EAAc,IAAI/C,EAAwB,SAAS;AAEvE,EAAAc,EAAgB,MAAM;;AAClB,UAAMkC,KAAetB,KAAAC,IAAAQ,EAAA,EAChB,KAAK,CAACzH,MAAUD,EAAWC,CAAK,MAAMmE,CAAK,MAD3B,gBAAA8C,EAEf,kBAFe,gBAAAD,EAEA,aAAa;AAClC,KACIsB,MAAiB,aACjBA,MAAiB,aACjBA,MAAiB,cAEjBD,GAAeC,CAAY;AAAA,EAEnC,GAAG,CAACb,GAAWtD,CAAK,CAAC,GAErBiC,EAAgB,MAAM;AAClB,UAAM3F,IAASgH,EAAA,GACTc,IAAYR,GAAA,GAEZS,IADWD,EAAU,KAAK,CAACvI,MAAUD,EAAWC,CAAK,MAAMmE,CAAK,KAC1CoE,EAAU,KAAK,CAACvI,MAAU,CAACC,GAAgBD,CAAK,CAAC,KAAK;AAiBlF,QAfAS,EAAO,QAAQ,CAACT,MAAU;AACtB,YAAMyI,IAAezI,MAAUwI,GACzBE,IAAeD,IAAe,IAAI;AACxC,MAAIzI,EAAM,aAAa0I,MACnB1I,EAAM,WAAW0I;AAErB,iBAAWC,KAAWjI,GAAeV,CAAK;AACtC,QAAIyI,IACA3H,GAAe6H,CAAO,IAEtB/H,GAAgB+H,CAAO;AAAA,IAGnC,CAAC,GAEG,QAAQ,IAAI,aAAa;AACzB;AAGJ,IAAIJ,EAAU,WAAW9H,EAAO,UAC5BwH;AAAA,MACI;AAAA,MACA;AAAA,IAAA;AAIR,UAAMW,wBAAa,IAAA;AACnB,eAAW5I,KAASuI,GAAW;AAC3B,YAAMM,IAAU9I,EAAWC,CAAK;AAChC,MAAI6I,MAAY,SAGZD,EAAO,IAAIC,CAAO,KAClBZ;AAAA,QACI,aAAaY,CAAO;AAAA,QACpB,8CAA8CA,CAAO;AAAA,MAAA,GAG7DD,EAAO,IAAIC,CAAO;AAAA,IACtB;AAEA,UAAMC,IAAmB3E,MAAU;AAEnC,IAAI1D,EAAO,SAAS,KAAKqI,KAAoB,CAACF,EAAO,IAAIzE,CAAK,KAC1D8D;AAAA,MACI,aAAa9D,CAAK;AAAA,MAClB,qBAAqBA,CAAK;AAAA,IAAA;AAIlC,UAAM4E,IAAUtI,EAAO;AAAA,MACnB,CAACT,MAAUA,EAAM,aAAa,cAAc,MAAM;AAAA,IAAA,EACpD;AACF,IAAIS,EAAO,SAAS,KAAKqI,KAAoBC,MAAY,KACrDd;AAAA,MACI,WAAWc,CAAO;AAAA,MAClB,cAAcA,CAAO;AAAA,IAAA,GAIzBjD,MACAmC;AAAA,MACI;AAAA,MACA;AAAA,IAAA;AAAA,EAGZ,CAAC;AAED,QAAMK,IAAelB,EAAY,MAA0B;AACvD,UAAM4B,IAAWvB,IAAY,KAAK,CAACzH,MAAUD,EAAWC,CAAK,MAAMmE,CAAK;AACxE,WAAO6E,IAAaA,EAAS,QAAQ,gBAAgB,KAAKA,IAA4B;AAAA,EAC1F,GAAG,CAACvB,GAAWtD,CAAK,CAAC;AAGrB,EAAAiC,EAAgB,MAAM;AAClB,QAAI,CAACzB;AACD;AAEJ,UAAMhD,IAAWuD,EAAY,SACvB/E,IAAOmI,EAAA;AAEb,QAAI,CAAC3G,KAAY,CAACxB,KAAQ,OAAOwB,EAAS,YAAa;AACnD;AAMJ,UAAMsH,IAAgB9D,GAAc;AACpC,IAAAA,GAAc,UAAU;AAExB,UAAM9E,IAAS6I,GAAgBvH,GAAUxB,GAAMsE,CAAI;AACnD,IAAIpE,MAAW,QACXsB,EAAS,SAAS;AAAA,MACd,MAAMtB;AAAA,MACN,UAAU4I,KAAiB,CAACnJ,GAAA,IAAyB,WAAW;AAAA,IAAA,CACnE;AAAA,EAET,GAAG,CAACwI,GAAc3D,GAAwBF,GAAMyB,IAAYyB,EAAQ,CAAC;AAErE,QAAMwB,KAAWvH,KAAQwG,IACnBgB,MACFtE,KAAA,gBAAAA,EAAO,gBAAe,WAAaA,KAAA,gBAAAA,EAAO,qBAAoB,QAE5DuE,IAAUjC,EAAY,MAAM;;AAC9B,UAAMzF,IAAWuD,EAAY;AAS7B,QARKkE,MACD1H;AAAA,MACIqD,EAAQ;AAAA,MACRpD;AAAA,OACAsF,IAAAQ,EAAA,EAAY,KAAK,CAACzH,MAAUD,EAAWC,CAAK,MAAMmE,CAAK,MAAvD,gBAAA8C,EAA0D;AAAA,MAC1DkC;AAAA,IAAA,GAGJ,CAACxH;AACD;AAEJ,UAAM,EAAE,aAAA2H,GAAa,aAAAC,GAAa,YAAAC,EAAA,IAAe7H,GAC3C8H,IAAYH,IAAcC,IAAcG,IACxC7B,IAAO;AAAA,MACT,eAAe4B,KAAaD,IAAaE;AAAA,MACzC,gBAAgBD,KAAaD,IAAaD,IAAcD,IAAcI;AAAA,IAAA;AAE1E,IAAArE;AAAA,MAAS,CAACtE,MACNA,EAAS,kBAAkB8G,EAAK,iBAChC9G,EAAS,mBAAmB8G,EAAK,iBAC3B9G,IACA8G;AAAA,IAAA;AAAA,EAEd,GAAG,CAACuB,IAAwB3B,GAAW0B,IAAUhF,CAAK,CAAC;AAGvD,EAAAiC,EAAgB,MAAM;AAClB,IAAAiD,EAAA;AAEA,UAAM1H,IAAWuD,EAAY;AAC7B,QAAI,CAACvD;AACD;AAGJ,UAAMgI,IAAiB,MAAe;AAClC,YAAMxJ,IAAOmI,EAAA;AACb,aAAOnI,MAAS,QAAQyJ,GAAajI,GAAUxB,CAAI;AAAA,IACvD;AACA,QAAI0J,IAAYF,EAAA;AAEhB,UAAMG,IAAW,MAAY;AACzB,MAAAT,EAAA,GACAQ,IAAYF,EAAA;AAAA,IAChB;AACA,IAAAhI,EAAS,iBAAiB,UAAUmI,GAAU,EAAE,SAAS,IAAM;AAI/D,QAAIC,IAAQ;AACZ,UAAMC,IAAS,MAAY;AACvB,YAAM7J,IAAOmI,EAAA,GAGPjI,IADFsE,KAA0BkF,KAAa,OAAOlI,EAAS,YAAa,cAC5CxB,IAAO+I,GAAgBvH,GAAUxB,GAAMsE,CAAI,IAAI;AAC3E,MAAIpE,MAAW,QACXsB,EAAS,SAAS,EAAE,MAAMtB,GAAQ,UAAU,WAAW,GAE3DwJ,IAAYF,EAAA;AAAA,IAChB,GACMM,IAAW,MAAY;AAEzB,UADAZ,EAAA,GACI,OAAO,yBAA0B,YAAY;AAC7C,QAAAW,EAAA;AACA;AAAA,MACJ;AACA,2BAAqBD,CAAK,GAC1BA,IAAQ,sBAAsBC,CAAM;AAAA,IACxC,GACMnD,IACF,OAAO,iBAAmB,MAAc,IAAI,eAAeoD,CAAQ,IAAI;AAC3E,WAAApD,KAAA,QAAAA,EAAU,QAAQlF,IAEX,MAAM;AACT,MAAAA,EAAS,oBAAoB,UAAUmI,CAAQ,GAC/CjD,KAAA,QAAAA,EAAU,cACN,OAAO,wBAAyB,cAChC,qBAAqBkD,CAAK;AAAA,IAElC;AAAA,EACJ,GAAG,CAACV,GAASf,GAAc3D,GAAwBF,GAAMyB,IAAYyB,EAAQ,CAAC;AAE9E,QAAMuC,KAAe9C;AAAA,IACjB,CAAC+C,MAAsB;AACnB,YAAMxI,IAAWuD,EAAY;AAC7B,MAAI,CAACvD,KAAY,OAAOA,EAAS,YAAa,cAG9CA,EAAS,SAAS;AAAA,QACd,MAAMyI,GAAczI,GAAUwI,GAAW1F,CAAI,IAAI9C,EAAS;AAAA,QAC1D,UAAU7B,GAAA,IAAyB,SAAS;AAAA,MAAA,CAC/C;AAAA,IACL;AAAA,IACA,CAAC2E,CAAI;AAAA,EAAA,GAGH4F,KAAgBjD;AAAA,IAClB,CAACC,MAA+B;AAC5B,UAAI,CAAC1K,GAAS,IAAI0K,EAAM,GAAG;AACvB;AAGJ,YAAMhH,IAASgH,EAAM;AACrB,UAAI,EAAEhH,aAAkB,YAAY,CAACA,EAAO,QAAQzD,CAAc;AAC9D;AAGJ,YAAM0N,IAAUvC,KAAqB,OAAO,CAAC/H,MAAU,CAACC,GAAgBD,CAAK,CAAC;AAC9E,UAAIsK,EAAQ,WAAW;AACnB;AAGJ,MAAAjD,EAAM,eAAA;AAEN,YAAMkD,IAAkBD,EAAQ,UAAU,CAACtK,MAAUD,EAAWC,CAAK,MAAMmE,CAAK;AAChF,UAAIqG;AACJ,UAAInD,EAAM,QAAQ;AACd,QAAAmD,IAAe;AAAA,eACRnD,EAAM,QAAQ;AACrB,QAAAmD,IAAeF,EAAQ,SAAS;AAAA,WAC7B;AACH,cAAMG,IAAQpD,EAAM,QAAQ,eAAeA,EAAM,QAAQ,YAAY,KAAK;AAE1E,QAAAmD,MADaD,MAAoB,KAAK,IAAIA,KACnBE,IAAQH,EAAQ,UAAUA,EAAQ;AAAA,MAC7D;AAEA,YAAMzC,IAAOyC,EAAQE,CAAY,GAC3BE,IAAY3K,EAAW8H,CAAI;AACjC,MAAI6C,MAAc,QAAQA,MAAcvG,KACpCC,EAASsG,CAAS,GAEtB7C,EAAK,MAAA;AAAA,IACT;AAAA,IACA,CAACE,IAAoB3D,GAAUD,CAAK;AAAA,EAAA,GAGlCwG,KAAcvD;AAAA,IAChB,CAACC,MAA4B;AACzB,YAAMhH,IAASgH,EAAM;AACrB,UAAI,EAAEhH,aAAkB,YAAYA,EAAO,QAAQ,IAAInD,CAAc,EAAE;AACnE;AAEJ,YAAMoD,IAAOyE,EAAQ;AACrB,UAAI,CAACzE;AACD;AAEJ,YAAMN,IAAQI,GAAcC,GAAQC,CAAI;AACxC,UAAI,CAACN,KAASC,GAAgBD,CAAK;AAC/B;AAEJ,YAAM4K,IAAU7K,EAAWC,CAAK;AAChC,MAAI4K,MAAY,QAAQA,MAAYzG,KAChCC,EAASwG,CAAO;AAAA,IAExB;AAAA,IACA,CAACxG,GAAUD,CAAK;AAAA,EAAA,GAGd0G,KAAgBtG,KAAUa,EAAM,eAChC0F,KAAiBvG,KAAUa,EAAM,gBAEjC2F,KAAWvG,KAAaY,EAAM,eAC9B4F,KAAYxG,KAAaY,EAAM;AAErC,SACI,gBAAA7B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKwB;AAAA,MACL,WAAWsF;AAAA,MACX,SAASlD;AAAA,MACT,QAAQA;AAAA,MACR,SAASwD;AAAA,MACT,WAAW,GAAG5N,CAAU,uBAAuBsG,CAAS;AAAA,MACxD,OAAO;AAAA,QACH,GAAGpC;AAAA,QACH,GAAIyD,IAAQnC,KAAc;AAAA,QAC1B,GAAGuC;AAAA,MAAA;AAAA,MAGP,UAAA;AAAA,QAAA,gBAAAvB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,cAAYqB;AAAA,YACZ,mBAAiBC;AAAA,YACjB,WAAWkB,IAAW,+BAA+B;AAAA,YAEpD,UAAA;AAAA,cAAAzB,sBACI2G,GAAqB,UAArB,EAA8B,OAAOC,IAClC,UAAA,gBAAA5H,EAAC,OAAA,EAAI,KAAK2B,IAAW,WAAU,YAAW,OAAOrC,IAC5C,UAAA0B,EAAA,CACL,GACJ,IACA;AAAA,cACHyB,IACG,gBAAAxC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACS,CAACzG,EAAW,GAAG;AAAA,kBACrB,WAAU;AAAA,kBACV,OAAO4F;AAAA,kBAEP,UAAA;AAAA,oBAAA,gBAAAa;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,KAAK2B;AAAA,wBACL,UAAU;AAAA,wBACJ,CAACrI,EAAa,GAAG;AAAA,wBACvB,aAAW4H,IAAO,SAAS;AAAA,wBAC3B,WAAWzH;AAAA,wBAEX,UAAA;AAAA,0BAAA,gBAAAsG,EAAC2H,GAAqB,UAArB,EAA8B,OAAOE,IACjC,UAAAtF,IACL;AAAA,0BACCqB,KACG,gBAAA5D,EAAC,OAAA,EAAI,KAAKmC,GAAkB,CAACtI,EAAa,GAAG,IACxC,aACL,IACA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEP0N,KACG,gBAAAvH,EAACQ,IAAA,EAAY,MAAK,QAAO,SAAS,MAAMoG,GAAa,EAAE,EAAA,CAAG,IAC1D;AAAA,oBACHY,KACG,gBAAAxH,EAACQ,IAAA,EAAY,MAAK,SAAQ,SAAS,MAAMoG,GAAa,CAAC,EAAA,CAAG,IAC1D;AAAA,oBACHa,MAAYC,KACT,gBAAA1H;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,eAAW;AAAA,wBACX,wBAAqB;AAAA,wBACrB,WAAW,GAAGrG,EAAU;AAAA,wBACxB,OAAO;AAAA,0BACH,OAAO,IAAIiB,CAAkB,OAAOE,EAAgB;AAAA,0BACpD,YAAY,6BAA6B2M,KAAWrM,KAAa,aAAa,mBAAmBL,EAAY,+BAA+BA,EAAY,QAAQ2M,KAAYtM,KAAa,aAAa;AAAA,wBAAA;AAAA,sBAC1M;AAAA,oBAAA,IAEJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,IAER;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPsH,EAAS,SAAS,KAAK,CAACkB,KACrB,gBAAA5D;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKmC;AAAA,YACL,WAAU;AAAA,YACV,OAAO,CAACM,KAAYzB,IAAUzB,KAAuB;AAAA,YAEpD,UAAAmD;AAAA,UAAA;AAAA,QAAA,IAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA9B,GAAU,UAAUnB;"}

package/dist/components/CommandPalette.js

@@ -1,16 +1,17 @@
-import { jsx as t, jsxs as n, Fragment as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as n, Fragment as g } from "react/jsx-runtime";
 import w, { useState as y, useEffect as N, useRef as k, useCallback as $ } from "react";
-import { createPortal as _ } from "react-dom";
-import { ShadowRootWrapper as R } from "../ShadowRootWrapper.js";
+import { createPortal as R } from "react-dom";
+import { ShadowRootWrapper as _ } from "../ShadowRootWrapper.js";
 import { Keycap as z } from "./Keycap.js";
 import F from "./TruncatedTooltip.js";
 import { paintOnChild as c } from "./asChild.js";
 import { useOverlayBehaviour as L } from "./overlayBehaviour.js";
 import { OVERLAY_ELEVATED_ATTR as C, overlayIdentity as f } from "./portalOverlay.js";
-const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]", T = ({
+import { isRenderableNode as E } from "./renderableNode.js";
+const T = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]", I = ({
   children: a,
   onDismiss: e,
-  "aria-label": r,
+  "aria-label": t,
   className: l = "",
   style: i
 }) => {
@@ -22,28 +23,28 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
     hostRef: s,
     initialFocus: "content"
   });
-  return d ? _(
-    /* @__PURE__ */ t(
-      R,
+  return d ? R(
+    /* @__PURE__ */ r(
+      _,
       {
         hostRef: s,
         hostStyle: { position: "relative", zIndex: b },
         hostProps: v ? { ...f("commandpalette"), [C]: "" } : f("commandpalette"),
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ r(
           "div",
           {
             className: "fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]",
             onClick: e ? (u) => u.target === u.currentTarget && e() : void 0,
             role: "presentation",
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ r(
               "div",
               {
                 ref: x,
                 role: "dialog",
                 "aria-modal": h ? "true" : void 0,
-                "aria-label": r,
+                "aria-label": t,
                 tabIndex: -1,
-                className: `${E} ${l}`.trim(),
+                className: `${T} ${l}`.trim(),
                 style: i,
                 children: a
               }
@@ -54,38 +55,38 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
     ),
     document.body
   ) : null;
-}, I = "w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]", S = ({ children: a, className: e = "", style: r }) => c(a, `${I} ${e}`.trim(), r), j = ({ children: a, scope: e, className: r = "" }) => /* @__PURE__ */ n(
+}, S = "w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]", j = ({ children: a, className: e = "", style: t }) => c(a, `${S} ${e}`.trim(), t), A = ({ children: a, scope: e, className: t = "" }) => /* @__PURE__ */ n(
   "div",
   {
-    className: `flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${r}`.trim(),
+    className: `flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${t}`.trim(),
     children: [
       e,
       a
     ]
   }
-), A = ({ children: a }) => /* @__PURE__ */ t("span", { className: "flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]", children: a }), P = "max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]", G = ({ children: a, hasMoreBelow: e = !1, className: r = "", style: l }) => /* @__PURE__ */ n("div", { className: "relative", children: [
-  c(a, `${P} ${r}`.trim(), l),
-  e ? /* @__PURE__ */ t(
+), P = ({ children: a }) => /* @__PURE__ */ r("span", { className: "flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]", children: a }), G = "max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]", M = ({ children: a, hasMoreBelow: e = !1, className: t = "", style: l }) => /* @__PURE__ */ n("div", { className: "relative", children: [
+  c(a, `${G} ${t}`.trim(), l),
+  e ? /* @__PURE__ */ r(
     "div",
     {
       "aria-hidden": !0,
       className: "pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]"
     }
   ) : null
-] }), M = ({ children: a, divider: e = !1, className: r = "", style: l }) => c(
+] }), O = ({ children: a, divider: e = !1, className: t = "", style: l }) => c(
   a,
-  `block pt-1 pb-2 ${e ? "border-0 border-b border-solid border-[var(--malachite-card-border)]" : ""} ${r}`.trim(),
+  `block pt-1 pb-2 ${e ? "border-0 border-b border-solid border-[var(--malachite-card-border)]" : ""} ${t}`.trim(),
   l
-), O = ({
+), V = ({
   children: a,
   trailing: e
 }) => /* @__PURE__ */ n("div", { className: "mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]", children: [
   a,
   e
-] }), V = "group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]", H = ({
+] }), H = "group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]", W = ({
   children: a,
   selected: e = !1,
-  leading: r,
+  leading: t,
   label: l,
   labelTooltip: i,
   tags: d,
@@ -96,19 +97,19 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
   className: h = ""
 }) => c(
   a,
-  `${V} ${e ? "bg-[var(--malachite-card-sunken-background)]" : ""} ${h}`.trim(),
+  `${H} ${e ? "bg-[var(--malachite-card-sunken-background)]" : ""} ${h}`.trim(),
   void 0,
   /* @__PURE__ */ n(g, { children: [
-    r,
+    t,
     /* @__PURE__ */ n("span", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-      l && i ? /* @__PURE__ */ t(F, { text: i, triggerAs: "span", describesTrigger: !1, children: l }) : null,
-      l && !i ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap", children: l }) : null,
-      d ? /* @__PURE__ */ t("span", { className: "flex flex-none items-center gap-1 self-center", children: d }) : null,
-      p ? /* @__PURE__ */ t("span", { className: "flex-none whitespace-nowrap", children: p }) : null,
-      s ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap", children: s }) : null
+      l && i ? /* @__PURE__ */ r(F, { text: i, triggerAs: "span", describesTrigger: !1, children: l }) : null,
+      l && !i ? /* @__PURE__ */ r("span", { className: "min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap", children: l }) : null,
+      d ? /* @__PURE__ */ r("span", { className: "flex flex-none items-center gap-1 self-center", children: d }) : null,
+      p ? /* @__PURE__ */ r("span", { className: "flex-none whitespace-nowrap", children: p }) : null,
+      s ? /* @__PURE__ */ r("span", { className: "min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap", children: s }) : null
     ] }),
-    /* @__PURE__ */ t("span", { className: "flex min-w-[84px] flex-none justify-end", children: m }),
-    /* @__PURE__ */ t(
+    E(m) ? /* @__PURE__ */ r("span", { className: "flex min-w-[84px] flex-none justify-end", children: m }) : null,
+    /* @__PURE__ */ r(
       "span",
       {
         className: `flex-none ${e ? "" : "invisible"} group-data-[selected=true]:visible`,
@@ -116,36 +117,36 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
       }
     )
   ] })
-), W = ({ children: a, className: e = "", style: r }) => {
+), B = ({ children: a, className: e = "", style: t }) => {
   const l = `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${e}`.trim();
-  return w.isValidElement(a) ? c(a, l, r) : /* @__PURE__ */ t("div", { className: l, style: r, children: a });
-}, B = ({ items: a }) => /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: a.map((e) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-[6px]", children: [
-  /* @__PURE__ */ t(z, { size: "small", children: e.key }),
+  return w.isValidElement(a) ? c(a, l, t) : /* @__PURE__ */ r("div", { className: l, style: t, children: a });
+}, K = ({ items: a }) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: a.map((e) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-[6px]", children: [
+  /* @__PURE__ */ r(z, { size: "small", children: e.key }),
   e.label
-] }, e.key)) }), K = ({ children: a, columns: e = 2, className: r = "" }) => /* @__PURE__ */ t(
+] }, e.key)) }), Y = ({ children: a, columns: e = 2, className: t = "" }) => /* @__PURE__ */ r(
   "div",
   {
-    className: `grid gap-1 px-2 ${e === 2 ? "grid-cols-2" : "grid-cols-1"} ${r}`.trim(),
+    className: `grid gap-1 px-2 ${e === 2 ? "grid-cols-2" : "grid-cols-1"} ${t}`.trim(),
     children: a
   }
-), Y = ({
+), q = ({
   children: a,
   trailing: e
 }) => /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: [
-  /* @__PURE__ */ t("span", { className: "flex items-center gap-[10px]", children: a }),
-  e ? /* @__PURE__ */ t("span", { className: "flex items-center gap-[10px]", children: e }) : null
-] }), o = T;
-o.FieldRow = j;
-o.Field = S;
-o.ScopeChip = A;
-o.List = G;
-o.Group = M;
-o.Heading = O;
-o.Row = H;
-o.Grid = K;
-o.Message = W;
-o.Legend = B;
-o.Footer = Y;
+  /* @__PURE__ */ r("span", { className: "flex items-center gap-[10px]", children: a }),
+  e ? /* @__PURE__ */ r("span", { className: "flex items-center gap-[10px]", children: e }) : null
+] }), o = I;
+o.FieldRow = A;
+o.Field = j;
+o.ScopeChip = P;
+o.List = M;
+o.Group = O;
+o.Heading = V;
+o.Row = W;
+o.Grid = Y;
+o.Message = B;
+o.Legend = K;
+o.Footer = q;
 export {
   o as CommandPalette,
   o as default

package/dist/components/CommandPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalette.js","sources":["../../src/components/CommandPalette.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport Keycap from './Keycap';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport { paintOnChild } from './asChild';\nimport { useOverlayBehaviour } from './overlayBehaviour';\nimport { OVERLAY_ELEVATED_ATTR, overlayIdentity } from './portalOverlay';\n\nconst PANEL =\n    'w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]';\n\nexport interface CommandPaletteProps {\n    children?: React.ReactNode;\n    /** Scrim click, and Escape unless a consumer handler already called `preventDefault`. */\n    onDismiss?: () => void;\n    'aria-label'?: string;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/** Open while mounted. */\nconst CommandPaletteRoot: React.FC<CommandPaletteProps> = ({\n    children,\n    onDismiss,\n    'aria-label': ariaLabel,\n    className = '',\n    style,\n}) => {\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    const hostRef = useRef<HTMLDivElement | null>(null);\n    const dismiss = useCallback(() => onDismiss?.(), [onDismiss]);\n    const { ref, isTopmost, zIndex, elevated } = useOverlayBehaviour({\n        open: true,\n        onClose: dismiss,\n        hostRef,\n        initialFocus: 'content',\n    });\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return createPortal(\n        <ShadowRootWrapper\n            hostRef={hostRef}\n            hostStyle={{ position: 'relative', zIndex }}\n            hostProps={\n                elevated\n                    ? { ...overlayIdentity('commandpalette'), [OVERLAY_ELEVATED_ATTR]: '' }\n                    : overlayIdentity('commandpalette')\n            }\n        >\n            <div\n                className=\"fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]\"\n                onClick={\n                    onDismiss\n                        ? (event) => event.target === event.currentTarget && onDismiss()\n                        : undefined\n                }\n                role=\"presentation\"\n            >\n                <div\n                    ref={ref}\n                    role=\"dialog\"\n                    aria-modal={isTopmost ? 'true' : undefined}\n                    aria-label={ariaLabel}\n                    tabIndex={-1}\n                    className={`${PANEL} ${className}`.trim()}\n                    style={style}\n                >\n                    {children}\n                </div>\n            </div>\n        </ShadowRootWrapper>,\n        document.body,\n    );\n};\n\ninterface AsChildProps {\n    children: React.ReactElement;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst FIELD =\n    'w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]';\n\nconst Field: React.FC<AsChildProps> = ({ children, className = '', style }) =>\n    paintOnChild(children, `${FIELD} ${className}`.trim(), style);\n\nexport interface FieldRowProps {\n    children?: React.ReactNode;\n    scope?: React.ReactNode;\n    className?: string;\n}\n\nconst FieldRow: React.FC<FieldRowProps> = ({ children, scope, className = '' }) => (\n    <div\n        className={`flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${className}`.trim()}\n    >\n        {scope}\n        {children}\n    </div>\n);\n\nconst ScopeChip: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n    <span className=\"flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]\">\n        {children}\n    </span>\n);\n\nexport interface ListProps extends AsChildProps {\n    hasMoreBelow?: boolean;\n}\n\nconst LIST = 'max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]';\n\nconst List: React.FC<ListProps> = ({ children, hasMoreBelow = false, className = '', style }) => (\n    <div className=\"relative\">\n        {paintOnChild(children, `${LIST} ${className}`.trim(), style)}\n        {hasMoreBelow ? (\n            <div\n                aria-hidden\n                className=\"pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]\"\n            />\n        ) : null}\n    </div>\n);\n\nexport interface GroupProps extends AsChildProps {\n    divider?: boolean;\n}\n\nconst Group: React.FC<GroupProps> = ({ children, divider = false, className = '', style }) =>\n    paintOnChild(\n        children,\n        `block pt-1 pb-2 ${\n            divider ? 'border-0 border-b border-solid border-[var(--malachite-card-border)]' : ''\n        } ${className}`.trim(),\n        style,\n    );\n\nconst Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n    children,\n    trailing,\n}) => (\n    <div className=\"mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]\">\n        {children}\n        {trailing}\n    </div>\n);\n\nexport interface RowProps {\n    /** Its children are replaced, so give the item an explicit `value`/`keywords`. */\n    children: React.ReactElement;\n    selected?: boolean;\n    leading?: React.ReactNode;\n    label?: React.ReactNode;\n    /** The full label as text, shown in a tooltip only while the label is truncated. */\n    labelTooltip?: string;\n    /** Tags beside the label, kept visible while a long label truncates. */\n    tags?: React.ReactNode;\n    crumb?: React.ReactNode;\n    /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */\n    meta?: React.ReactNode;\n    status?: React.ReactNode;\n    hint?: React.ReactNode;\n    className?: string;\n}\n\n// `data-selected` too: a headless library marks its active item without re-rendering the row.\nconst ROW =\n    'group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]';\n\nconst Row: React.FC<RowProps> = ({\n    children,\n    selected = false,\n    leading,\n    label,\n    labelTooltip,\n    tags,\n    crumb,\n    meta,\n    status,\n    hint,\n    className = '',\n}) =>\n    paintOnChild(\n        children,\n        `${ROW} ${selected ? 'bg-[var(--malachite-card-sunken-background)]' : ''} ${className}`.trim(),\n        undefined,\n        <>\n            {leading}\n            <span className=\"flex min-w-0 flex-1 items-baseline gap-2\">\n                {label && labelTooltip ? (\n                    <TruncatedTooltip text={labelTooltip} triggerAs=\"span\" describesTrigger={false}>\n                        {label}\n                    </TruncatedTooltip>\n                ) : null}\n                {label && !labelTooltip ? (\n                    <span className=\"min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap\">\n                        {label}\n                    </span>\n                ) : null}\n                {tags ? (\n                    <span className=\"flex flex-none items-center gap-1 self-center\">{tags}</span>\n                ) : null}\n                {crumb ? <span className=\"flex-none whitespace-nowrap\">{crumb}</span> : null}\n                {/* Sized from zero, it takes only the room the label leaves, so it truncates first. */}\n                {meta ? (\n                    <span className=\"min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap\">\n                        {meta}\n                    </span>\n                ) : null}\n            </span>\n            <span className=\"flex min-w-[84px] flex-none justify-end\">{status}</span>\n            <span\n                className={`flex-none ${selected ? '' : 'invisible'} group-data-[selected=true]:visible`}\n            >\n                {hint}\n            </span>\n        </>,\n    );\n\nexport interface MessageProps {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst Message: React.FC<MessageProps> = ({ children, className = '', style }) => {\n    const classes =\n        `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${className}`.trim();\n    return React.isValidElement(children) ? (\n        paintOnChild(children, classes, style)\n    ) : (\n        <div className={classes} style={style}>\n            {children}\n        </div>\n    );\n};\n\nexport interface LegendProps {\n    items: { key: string; label: string }[];\n}\n\nconst Legend: React.FC<LegendProps> = ({ items }) => (\n    <div className=\"flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n        {items.map((item) => (\n            <span key={item.key} className=\"inline-flex items-center gap-[6px]\">\n                <Keycap size=\"small\">{item.key}</Keycap>\n                {item.label}\n            </span>\n        ))}\n    </div>\n);\n\nexport interface GridProps {\n    children?: React.ReactNode;\n    columns?: 1 | 2;\n    className?: string;\n}\n\nconst Grid: React.FC<GridProps> = ({ children, columns = 2, className = '' }) => (\n    <div\n        className={`grid gap-1 px-2 ${columns === 2 ? 'grid-cols-2' : 'grid-cols-1'} ${className}`.trim()}\n    >\n        {children}\n    </div>\n);\n\nconst Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n    children,\n    trailing,\n}) => (\n    <div className=\"flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n        <span className=\"flex items-center gap-[10px]\">{children}</span>\n        {trailing ? <span className=\"flex items-center gap-[10px]\">{trailing}</span> : null}\n    </div>\n);\n\ninterface CommandPaletteComponent extends React.FC<CommandPaletteProps> {\n    FieldRow: React.FC<FieldRowProps>;\n    Field: React.FC<AsChildProps>;\n    ScopeChip: React.FC<{ children?: React.ReactNode }>;\n    List: React.FC<ListProps>;\n    Group: React.FC<GroupProps>;\n    Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n    Row: React.FC<RowProps>;\n    Grid: React.FC<GridProps>;\n    Message: React.FC<MessageProps>;\n    Legend: React.FC<LegendProps>;\n    Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n}\n\nconst CommandPalette = CommandPaletteRoot as CommandPaletteComponent;\nCommandPalette.FieldRow = FieldRow;\nCommandPalette.Field = Field;\nCommandPalette.ScopeChip = ScopeChip;\nCommandPalette.List = List;\nCommandPalette.Group = Group;\nCommandPalette.Heading = Heading;\nCommandPalette.Row = Row;\nCommandPalette.Grid = Grid;\nCommandPalette.Message = Message;\nCommandPalette.Legend = Legend;\nCommandPalette.Footer = Footer;\n\nexport default CommandPalette;\nexport { CommandPalette };\n"],"names":["PANEL","CommandPaletteRoot","children","onDismiss","ariaLabel","className","style","isMounted","setIsMounted","useState","useEffect","hostRef","useRef","dismiss","useCallback","ref","isTopmost","zIndex","elevated","useOverlayBehaviour","createPortal","jsx","ShadowRootWrapper","overlayIdentity","OVERLAY_ELEVATED_ATTR","event","FIELD","Field","paintOnChild","FieldRow","scope","jsxs","ScopeChip","LIST","List","hasMoreBelow","Group","divider","Heading","trailing","ROW","Row","selected","leading","label","labelTooltip","tags","crumb","meta","status","hint","Fragment","TruncatedTooltip","Message","classes","React","Legend","items","item","Keycap","Grid","columns","Footer","CommandPalette"],"mappings":"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"}
+{"version":3,"file":"CommandPalette.js","sources":["../../src/components/CommandPalette.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport Keycap from './Keycap';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport { paintOnChild } from './asChild';\nimport { useOverlayBehaviour } from './overlayBehaviour';\nimport { OVERLAY_ELEVATED_ATTR, overlayIdentity } from './portalOverlay';\nimport { isRenderableNode } from './renderableNode';\n\nconst PANEL =\n    'w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]';\n\nexport interface CommandPaletteProps {\n    children?: React.ReactNode;\n    /** Scrim click, and Escape unless a consumer handler already called `preventDefault`. */\n    onDismiss?: () => void;\n    'aria-label'?: string;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\n/** Open while mounted. */\nconst CommandPaletteRoot: React.FC<CommandPaletteProps> = ({\n    children,\n    onDismiss,\n    'aria-label': ariaLabel,\n    className = '',\n    style,\n}) => {\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    const hostRef = useRef<HTMLDivElement | null>(null);\n    const dismiss = useCallback(() => onDismiss?.(), [onDismiss]);\n    const { ref, isTopmost, zIndex, elevated } = useOverlayBehaviour({\n        open: true,\n        onClose: dismiss,\n        hostRef,\n        initialFocus: 'content',\n    });\n\n    if (!isMounted) {\n        return null;\n    }\n\n    return createPortal(\n        <ShadowRootWrapper\n            hostRef={hostRef}\n            hostStyle={{ position: 'relative', zIndex }}\n            hostProps={\n                elevated\n                    ? { ...overlayIdentity('commandpalette'), [OVERLAY_ELEVATED_ATTR]: '' }\n                    : overlayIdentity('commandpalette')\n            }\n        >\n            <div\n                className=\"fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]\"\n                onClick={\n                    onDismiss\n                        ? (event) => event.target === event.currentTarget && onDismiss()\n                        : undefined\n                }\n                role=\"presentation\"\n            >\n                <div\n                    ref={ref}\n                    role=\"dialog\"\n                    aria-modal={isTopmost ? 'true' : undefined}\n                    aria-label={ariaLabel}\n                    tabIndex={-1}\n                    className={`${PANEL} ${className}`.trim()}\n                    style={style}\n                >\n                    {children}\n                </div>\n            </div>\n        </ShadowRootWrapper>,\n        document.body,\n    );\n};\n\ninterface AsChildProps {\n    children: React.ReactElement;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst FIELD =\n    'w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]';\n\nconst Field: React.FC<AsChildProps> = ({ children, className = '', style }) =>\n    paintOnChild(children, `${FIELD} ${className}`.trim(), style);\n\nexport interface FieldRowProps {\n    children?: React.ReactNode;\n    scope?: React.ReactNode;\n    className?: string;\n}\n\nconst FieldRow: React.FC<FieldRowProps> = ({ children, scope, className = '' }) => (\n    <div\n        className={`flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${className}`.trim()}\n    >\n        {scope}\n        {children}\n    </div>\n);\n\nconst ScopeChip: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n    <span className=\"flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]\">\n        {children}\n    </span>\n);\n\nexport interface ListProps extends AsChildProps {\n    hasMoreBelow?: boolean;\n}\n\nconst LIST = 'max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]';\n\nconst List: React.FC<ListProps> = ({ children, hasMoreBelow = false, className = '', style }) => (\n    <div className=\"relative\">\n        {paintOnChild(children, `${LIST} ${className}`.trim(), style)}\n        {hasMoreBelow ? (\n            <div\n                aria-hidden\n                className=\"pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]\"\n            />\n        ) : null}\n    </div>\n);\n\nexport interface GroupProps extends AsChildProps {\n    divider?: boolean;\n}\n\nconst Group: React.FC<GroupProps> = ({ children, divider = false, className = '', style }) =>\n    paintOnChild(\n        children,\n        `block pt-1 pb-2 ${\n            divider ? 'border-0 border-b border-solid border-[var(--malachite-card-border)]' : ''\n        } ${className}`.trim(),\n        style,\n    );\n\nconst Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n    children,\n    trailing,\n}) => (\n    <div className=\"mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]\">\n        {children}\n        {trailing}\n    </div>\n);\n\nexport interface RowProps {\n    /** Its children are replaced, so give the item an explicit `value`/`keywords`. */\n    children: React.ReactElement;\n    selected?: boolean;\n    leading?: React.ReactNode;\n    label?: React.ReactNode;\n    /** The full label as text, shown in a tooltip only while the label is truncated. */\n    labelTooltip?: string;\n    /** Tags beside the label, kept visible while a long label truncates. */\n    tags?: React.ReactNode;\n    crumb?: React.ReactNode;\n    /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */\n    meta?: React.ReactNode;\n    /** Held at a minimum width so status words line up; a row without one gives that room to its label. */\n    status?: React.ReactNode;\n    hint?: React.ReactNode;\n    className?: string;\n}\n\n// `data-selected` too: a headless library marks its active item without re-rendering the row.\nconst ROW =\n    'group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]';\n\nconst Row: React.FC<RowProps> = ({\n    children,\n    selected = false,\n    leading,\n    label,\n    labelTooltip,\n    tags,\n    crumb,\n    meta,\n    status,\n    hint,\n    className = '',\n}) =>\n    paintOnChild(\n        children,\n        `${ROW} ${selected ? 'bg-[var(--malachite-card-sunken-background)]' : ''} ${className}`.trim(),\n        undefined,\n        <>\n            {leading}\n            <span className=\"flex min-w-0 flex-1 items-baseline gap-2\">\n                {label && labelTooltip ? (\n                    <TruncatedTooltip text={labelTooltip} triggerAs=\"span\" describesTrigger={false}>\n                        {label}\n                    </TruncatedTooltip>\n                ) : null}\n                {label && !labelTooltip ? (\n                    <span className=\"min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap\">\n                        {label}\n                    </span>\n                ) : null}\n                {tags ? (\n                    <span className=\"flex flex-none items-center gap-1 self-center\">{tags}</span>\n                ) : null}\n                {crumb ? <span className=\"flex-none whitespace-nowrap\">{crumb}</span> : null}\n                {/* Sized from zero, it takes only the room the label leaves, so it truncates first. */}\n                {meta ? (\n                    <span className=\"min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap\">\n                        {meta}\n                    </span>\n                ) : null}\n            </span>\n            {isRenderableNode(status) ? (\n                <span className=\"flex min-w-[84px] flex-none justify-end\">{status}</span>\n            ) : null}\n            <span\n                className={`flex-none ${selected ? '' : 'invisible'} group-data-[selected=true]:visible`}\n            >\n                {hint}\n            </span>\n        </>,\n    );\n\nexport interface MessageProps {\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nconst Message: React.FC<MessageProps> = ({ children, className = '', style }) => {\n    const classes =\n        `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${className}`.trim();\n    return React.isValidElement(children) ? (\n        paintOnChild(children, classes, style)\n    ) : (\n        <div className={classes} style={style}>\n            {children}\n        </div>\n    );\n};\n\nexport interface LegendProps {\n    items: { key: string; label: string }[];\n}\n\nconst Legend: React.FC<LegendProps> = ({ items }) => (\n    <div className=\"flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n        {items.map((item) => (\n            <span key={item.key} className=\"inline-flex items-center gap-[6px]\">\n                <Keycap size=\"small\">{item.key}</Keycap>\n                {item.label}\n            </span>\n        ))}\n    </div>\n);\n\nexport interface GridProps {\n    children?: React.ReactNode;\n    columns?: 1 | 2;\n    className?: string;\n}\n\nconst Grid: React.FC<GridProps> = ({ children, columns = 2, className = '' }) => (\n    <div\n        className={`grid gap-1 px-2 ${columns === 2 ? 'grid-cols-2' : 'grid-cols-1'} ${className}`.trim()}\n    >\n        {children}\n    </div>\n);\n\nconst Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n    children,\n    trailing,\n}) => (\n    <div className=\"flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n        <span className=\"flex items-center gap-[10px]\">{children}</span>\n        {trailing ? <span className=\"flex items-center gap-[10px]\">{trailing}</span> : null}\n    </div>\n);\n\ninterface CommandPaletteComponent extends React.FC<CommandPaletteProps> {\n    FieldRow: React.FC<FieldRowProps>;\n    Field: React.FC<AsChildProps>;\n    ScopeChip: React.FC<{ children?: React.ReactNode }>;\n    List: React.FC<ListProps>;\n    Group: React.FC<GroupProps>;\n    Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n    Row: React.FC<RowProps>;\n    Grid: React.FC<GridProps>;\n    Message: React.FC<MessageProps>;\n    Legend: React.FC<LegendProps>;\n    Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n}\n\nconst CommandPalette = CommandPaletteRoot as CommandPaletteComponent;\nCommandPalette.FieldRow = FieldRow;\nCommandPalette.Field = Field;\nCommandPalette.ScopeChip = ScopeChip;\nCommandPalette.List = List;\nCommandPalette.Group = Group;\nCommandPalette.Heading = Heading;\nCommandPalette.Row = Row;\nCommandPalette.Grid = Grid;\nCommandPalette.Message = Message;\nCommandPalette.Legend = Legend;\nCommandPalette.Footer = Footer;\n\nexport default CommandPalette;\nexport { CommandPalette };\n"],"names":["PANEL","CommandPaletteRoot","children","onDismiss","ariaLabel","className","style","isMounted","setIsMounted","useState","useEffect","hostRef","useRef","dismiss","useCallback","ref","isTopmost","zIndex","elevated","useOverlayBehaviour","createPortal","jsx","ShadowRootWrapper","overlayIdentity","OVERLAY_ELEVATED_ATTR","event","FIELD","Field","paintOnChild","FieldRow","scope","jsxs","ScopeChip","LIST","List","hasMoreBelow","Group","divider","Heading","trailing","ROW","Row","selected","leading","label","labelTooltip","tags","crumb","meta","status","hint","Fragment","TruncatedTooltip","isRenderableNode","Message","classes","React","Legend","items","item","Keycap","Grid","columns","Footer","CommandPalette"],"mappings":"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"}

package/dist/index.d.ts

@@ -1044,6 +1044,7 @@ export declare interface CommandPaletteRowProps {
     crumb?: default_2.ReactNode;
     /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */
     meta?: default_2.ReactNode;
+    /** Held at a minimum width so status words line up; a row without one gives that room to its label. */
     status?: default_2.ReactNode;
     hint?: default_2.ReactNode;
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "2.36.0",
+  "version": "2.37.1",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",