@dreamboard-games/ui-sdk 0.0.41

package/dist/components/Card.js

@@ -0,0 +1,220 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Presentational card component. Feed from reducer views, not runtime state.
+ *
+ * Visual styling is sourced entirely from the active {@link useTheme}
+ * — there are no hardcoded colors, borders, or shadows in this file.
+ * Authors who need a different look should mount a different
+ * {@link ThemeProvider} rather than re-implementing the card primitive.
+ */
+import { motion } from "framer-motion";
+import { clsx } from "clsx";
+import { useTheme } from "../theme/ThemeProvider.js";
+import { motionDuration } from "../theme/derive.js";
+/**
+ * Reserved keys on `ViewCard.properties` that the default content
+ * renderer recognises and styles consistently. Authors who set these
+ * keys at view-build time get a properly laid-out card face for free
+ * (icon → title → subtitle → effect → cost), instead of the previous
+ * "first three properties as label/value" fallback that produced
+ * inconsistent card faces across games.
+ *
+ * Any other property keys are still rendered, just below the
+ * conventional cluster, so authors can mix and match without losing
+ * data — but the canonical surface should pick from these slots first.
+ *
+ * Slots:
+ *
+ * - `icon` — short visual flag (emoji, glyph). Rendered large at the
+ *   top of the card.
+ * - `title` — primary label. Falls back to `card.name`.
+ * - `subtitle` — short qualifier ("1 VP", "Action", "Resource").
+ * - `effect` — body text describing what the card does.
+ * - `cost` — short cost line ("3 brick"); rendered as a chip footer.
+ */
+const RESERVED_CONTENT_KEYS = [
+    "icon",
+    "title",
+    "subtitle",
+    "effect",
+    "cost",
+];
+const RESERVED_KEY_SET = new Set(RESERVED_CONTENT_KEYS);
+function readReserved(props, key) {
+    if (!props)
+        return undefined;
+    const raw = props[key];
+    if (raw === undefined || raw === null)
+        return undefined;
+    return String(raw);
+}
+/** Default card content renderer. */
+function DefaultCardContent({ card }) {
+    const theme = useTheme();
+    const props = card.properties;
+    const icon = readReserved(props, "icon");
+    const title = readReserved(props, "title") ?? card.name;
+    const subtitle = readReserved(props, "subtitle");
+    const effect = readReserved(props, "effect");
+    const cost = readReserved(props, "cost");
+    const extra = props
+        ? Object.entries(props).filter(([key]) => !RESERVED_KEY_SET.has(key))
+        : [];
+    const hasAnyReserved = icon || title || subtitle || effect || cost;
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "space-between",
+            height: "100%",
+            textAlign: "center",
+            padding: theme.space[2],
+            gap: theme.space[1],
+        }, children: [icon ? (_jsx("span", { "aria-hidden": true, style: {
+                    fontSize: theme.typography.fontSize["2xl"],
+                    lineHeight: 1,
+                }, children: icon })) : null, title ? (_jsx("span", { style: {
+                    fontFamily: theme.typography.fontFamily.display,
+                    fontSize: theme.typography.fontSize.sm,
+                    fontWeight: theme.typography.fontWeight.bold,
+                    color: theme.semantic.text.primary,
+                    lineHeight: theme.typography.lineHeight.tight,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    wordBreak: "break-word",
+                }, children: title })) : null, subtitle ? (_jsx("span", { style: {
+                    fontFamily: theme.typography.fontFamily.body,
+                    fontSize: theme.typography.fontSize.xs,
+                    fontWeight: theme.typography.fontWeight.medium,
+                    color: theme.semantic.text.muted,
+                    letterSpacing: theme.typography.letterSpacing.wide,
+                    textTransform: "uppercase",
+                }, children: subtitle })) : null, effect ? (_jsx("span", { style: {
+                    fontFamily: theme.typography.fontFamily.body,
+                    fontSize: theme.typography.fontSize.xs,
+                    color: theme.semantic.text.muted,
+                    lineHeight: theme.typography.lineHeight.normal,
+                    display: "-webkit-box",
+                    WebkitLineClamp: 3,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                }, children: effect })) : null, cost ? (_jsx("span", { style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: theme.space[1],
+                    paddingBlock: theme.space[0.5],
+                    paddingInline: theme.space[2],
+                    borderRadius: theme.radius.pill,
+                    background: theme.semantic.surface.inset,
+                    border: `1px solid ${theme.semantic.border.subtle}`,
+                    fontFamily: theme.typography.fontFamily.tabular,
+                    fontSize: theme.typography.fontSize.xs,
+                    fontWeight: theme.typography.fontWeight.bold,
+                    color: theme.semantic.text.primary,
+                }, children: cost })) : null, !hasAnyReserved && extra.length > 0
+                ? extra.slice(0, 3).map(([key, value]) => (_jsxs("span", { style: {
+                        fontFamily: theme.typography.fontFamily.body,
+                        fontSize: theme.typography.fontSize.xs,
+                        color: theme.semantic.text.primary,
+                    }, children: [_jsxs("span", { style: { color: theme.semantic.text.muted }, children: [key, ":"] }), " ", _jsx("span", { style: { fontWeight: theme.typography.fontWeight.bold }, children: String(value) })] }, key)))
+                : null, !hasAnyReserved && extra.length === 0 ? (_jsx("span", { style: {
+                    fontFamily: theme.typography.fontFamily.mono,
+                    fontSize: theme.typography.fontSize.xs,
+                    color: theme.semantic.text.disabled,
+                }, children: card.id.slice(0, 8) })) : null] }));
+}
+/**
+ * @example
+ * ```tsx
+ * <Card card={card} onCardClick={(id) => console.log(id)} />
+ * ```
+ */
+export function Card({ card, selected = false, disabled = false, size = "md", faceDown = false, renderContent, onCardClick, className, "aria-label": ariaLabel, ...motionProps }) {
+    const theme = useTheme();
+    const sizeClasses = {
+        sm: "w-16 h-24 sm:w-20 sm:h-28",
+        md: "w-20 h-32 sm:w-24 sm:h-36",
+        lg: "w-24 h-36 sm:w-32 sm:h-48",
+    };
+    const handleClick = () => {
+        if (!disabled && onCardClick) {
+            onCardClick(card.id);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (!disabled && onCardClick && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            onCardClick(card.id);
+        }
+    };
+    // Generate accessible label.
+    const label = ariaLabel || card.name || `Card ${card.id}`;
+    const props = card.properties || {};
+    const metadataStr = Object.entries(props)
+        .map(([k, v]) => `${k}: ${v}`)
+        .join(", ");
+    // The card silhouette is a deck-card aspect ratio with one *iconic*
+    // detail: stacked corners (`25px 8px 25px 8px / 8px 25px 8px 25px`)
+    // and a hard offset shadow that reads as "physical card" rather than
+    // "Material card". Ported into theme tokens — the offset and corner
+    // radii now scale with `theme.radius.lg` so themes that prefer
+    // squared corners (e.g. `studio`) get a flatter card automatically.
+    const cardCornerRadius = theme.radius.lg;
+    const selectionRingColor = theme.component.card.selectedRing;
+    const restBorderColor = theme.component.card.border;
+    const restShadow = `4px 4px 0px 0px ${restBorderColor}`;
+    const selectedShadow = `6px 6px 0px 0px ${selectionRingColor}`;
+    return (_jsxs(motion.button, { type: "button", className: clsx("relative", "focus-visible:outline-none", sizeClasses[size], {
+            "cursor-pointer": !disabled && onCardClick,
+            "cursor-not-allowed": disabled,
+            "cursor-default": !onCardClick,
+        }, className), style: {
+            opacity: disabled ? 0.5 : 1,
+            transitionProperty: "transform",
+            transitionDuration: motionDuration(theme, "normal"),
+            transitionTimingFunction: theme.motion.easing.out,
+        }, onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, "aria-label": `${label}${metadataStr ? `. ${metadataStr}` : ""}`, "aria-pressed": selected, "aria-disabled": disabled, role: "button", tabIndex: disabled ? -1 : 0, ...motionProps, initial: motionProps.initial ?? { opacity: 0, y: 20 }, animate: motionProps.animate ?? { opacity: 1, y: 0 }, whileHover: 
+        // Honour explicit overrides; otherwise apply a default lift only
+        // when the card is interactive and the theme allows motion.
+        "whileHover" in motionProps
+            ? motionProps.whileHover
+            : !disabled && onCardClick && theme.motion.reducedMotion !== "true"
+                ? { y: -4, scale: 1.05 }
+                : undefined, whileTap: "whileTap" in motionProps
+            ? motionProps.whileTap
+            : !disabled && onCardClick && theme.motion.reducedMotion !== "true"
+                ? { scale: 0.95 }
+                : undefined, transition: motionProps.transition ?? {
+            type: "spring",
+            stiffness: 300,
+            damping: 20,
+        }, children: [faceDown ? (_jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", style: {
+                    background: theme.component.card.backBackground,
+                    borderStyle: "solid",
+                    borderWidth: 3,
+                    borderColor: theme.component.card.backBorder,
+                    borderRadius: `${cardCornerRadius} ${theme.radius.sm} ${cardCornerRadius} ${theme.radius.sm} / ${theme.radius.sm} ${cardCornerRadius} ${theme.radius.sm} ${cardCornerRadius}`,
+                    boxShadow: `4px 4px 0px 0px ${theme.component.card.backBorder}`,
+                }, children: _jsx("div", { className: "absolute inset-2", style: {
+                        borderStyle: "solid",
+                        borderWidth: 2,
+                        borderColor: `${theme.component.card.border}66`,
+                        borderRadius: `${theme.radius.md} ${theme.radius.sm} ${theme.radius.md} ${theme.radius.sm} / ${theme.radius.sm} ${theme.radius.md} ${theme.radius.sm} ${theme.radius.md}`,
+                        background: "repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.2) 10px, rgba(255,255,255,0.2) 20px)",
+                    } }) })) : (_jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", style: {
+                    background: theme.semantic.surface.card,
+                    borderStyle: "solid",
+                    borderWidth: 3,
+                    borderColor: restBorderColor,
+                    borderRadius: `${cardCornerRadius} ${theme.radius.sm} ${cardCornerRadius} ${theme.radius.sm} / ${theme.radius.sm} ${cardCornerRadius} ${theme.radius.sm} ${cardCornerRadius}`,
+                    boxShadow: selected ? selectedShadow : restShadow,
+                    outline: selected ? `4px solid ${selectionRingColor}` : undefined,
+                }, children: renderContent ? (renderContent(card)) : (_jsx(DefaultCardContent, { card: card })) })), !disabled && onCardClick && theme.motion.reducedMotion !== "true" && (_jsx(motion.div, { className: "absolute inset-0 pointer-events-none", style: {
+                    borderRadius: theme.radius.lg,
+                    background: "linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%)",
+                    opacity: 0,
+                }, whileHover: { opacity: 1 }, transition: { duration: 0.3 } }))] }));
+}

package/dist/components/ChromeSuppressionContext.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export declare function ChromeSuppressionProvider({ children, onSuppressedChange, }: {
+    children: ReactNode;
+    onSuppressedChange: (suppressed: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useChromeSuppression(id: string, suppressed: boolean): void;
+//# sourceMappingURL=ChromeSuppressionContext.d.ts.map

package/dist/components/ChromeSuppressionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChromeSuppressionContext.d.ts","sourceRoot":"","sources":["../../src/components/ChromeSuppressionContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,2CA0BA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,QAQnE"}

package/dist/components/ChromeSuppressionContext.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+const ChromeSuppressionContext = createContext(null);
+export function ChromeSuppressionProvider({ children, onSuppressedChange, }) {
+    const [suppressedEntries, setSuppressedEntries] = useState(() => new Set());
+    const register = useCallback((id, suppressed) => {
+        setSuppressedEntries((current) => updateSuppressedEntries(current, id, suppressed));
+    }, []);
+    const suppressed = suppressedEntries.size > 0;
+    useEffect(() => {
+        onSuppressedChange(suppressed);
+    }, [onSuppressedChange, suppressed]);
+    const value = useMemo(() => register, [register]);
+    return (_jsx(ChromeSuppressionContext.Provider, { value: value, children: children }));
+}
+export function useChromeSuppression(id, suppressed) {
+    const register = useContext(ChromeSuppressionContext);
+    useEffect(() => {
+        if (!register)
+            return;
+        register(id, suppressed);
+        return () => register(id, false);
+    }, [id, register, suppressed]);
+}
+function updateSuppressedEntries(current, id, suppressed) {
+    if (current.has(id) === suppressed)
+        return current;
+    const next = new Set(current);
+    if (suppressed)
+        next.add(id);
+    else
+        next.delete(id);
+    return next;
+}

package/dist/components/CostDisplay.d.ts

@@ -0,0 +1,22 @@
+/** Shows resource costs with affordability indication (green/red). */
+import type { ComponentType } from "react";
+export interface ResourceDefinition {
+    type: string;
+    label: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    color?: string;
+}
+export interface CostDisplayProps {
+    /** Cost requirements keyed by resource type */
+    cost: Record<string, number>;
+    /** Current resources to check affordability */
+    currentResources?: Record<string, number>;
+    resourceDefs: ResourceDefinition[];
+    size?: "sm" | "md";
+    layout?: "inline" | "stacked";
+    className?: string;
+}
+export declare function CostDisplay({ cost, currentResources, resourceDefs, size, layout, className, }: CostDisplayProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CostDisplay.d.ts.map

package/dist/components/CostDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostDisplay.d.ts","sourceRoot":"","sources":["../../src/components/CostDisplay.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,YAAY,EAAE,kBAAkB,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,IAAW,EACX,MAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,kDAyFlB"}

package/dist/components/CostDisplay.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Shows resource costs with affordability indication (green/red). */
+import { clsx } from "clsx";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../internal/ui/tooltip.js";
+export function CostDisplay({ cost, currentResources, resourceDefs, size = "sm", layout = "inline", className, }) {
+    const resourceMap = Object.fromEntries(resourceDefs.map((r) => [r.type, r]));
+    const sizeClasses = {
+        sm: { icon: "w-3 h-3", text: "text-xs", gap: "gap-0.5" },
+        md: { icon: "w-4 h-4", text: "text-sm", gap: "gap-1" },
+    };
+    const styles = sizeClasses[size];
+    // Calculate total affordability for aria label
+    const canAffordAll = !currentResources ||
+        Object.entries(cost).every(([type, amount]) => (currentResources[type] ?? 0) >= amount);
+    const costEntries = Object.entries(cost).filter(([, amount]) => amount !== undefined && amount > 0);
+    if (costEntries.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: clsx("flex", styles.gap, layout === "stacked" && "flex-col", layout === "inline" && "flex-row flex-wrap items-center", className), role: "list", "aria-label": `Cost: ${costEntries.map(([type, amount]) => `${amount} ${resourceMap[type]?.label || type}`).join(", ")}${currentResources ? (canAffordAll ? " (affordable)" : " (cannot afford)") : ""}`, children: _jsx(TooltipProvider, { delayDuration: 200, children: costEntries.map(([type, amount]) => {
+                const def = resourceMap[type];
+                const have = currentResources?.[type] ?? Infinity;
+                const canAfford = have >= amount;
+                const Icon = def?.icon;
+                const label = def?.label || type;
+                return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: clsx("flex cursor-help items-center rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-white/70", styles.gap, styles.text, currentResources && !canAfford && "text-red-400", currentResources && canAfford && "text-green-400", !currentResources && "text-slate-300"), role: "listitem", tabIndex: 0, children: [Icon && _jsx(Icon, { className: styles.icon, "aria-hidden": "true" }), _jsx("span", { className: "font-semibold", children: amount }), !Icon && (_jsx("span", { className: "text-[10px] opacity-70", children: def?.label?.slice(0, 3) || type.slice(0, 3) }))] }) }), _jsxs(TooltipContent, { side: "top", sideOffset: 6, className: "max-w-xs text-left", children: [_jsx("p", { className: "font-sans text-sm font-bold", children: label }), _jsx("p", { className: "font-sans mt-1 text-xs font-normal opacity-90", children: formatCostAvailability({
+                                        amount,
+                                        canAfford,
+                                        have,
+                                    }) })] })] }, type));
+            }) }) }));
+}
+/** Second line under the resource name — avoids repeating {@link label} in the tooltip. */
+function formatCostAvailability({ amount, canAfford, have, }) {
+    if (!Number.isFinite(have)) {
+        return `Cost: ${amount}.`;
+    }
+    const missing = Math.max(0, amount - have);
+    return canAfford
+        ? `Cost: ${amount}. You have ${have}.`
+        : `Cost: ${amount}. You have ${have}; short by ${missing}.`;
+}

package/dist/components/DiceRoller.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from "react";
+import type { InteractionHandle, InteractionParamsShape } from "../hooks/useInteractionHandle.js";
+export interface DiceRollerRenderProps {
+    values: Array<number | undefined> | undefined;
+    /** Undefined if any die hasn't been rolled */
+    sum: number | undefined;
+    diceCount: number;
+    allRolled: boolean;
+}
+export interface DiceRollerRollAction<Params extends InteractionParamsShape = InteractionParamsShape> {
+    /** Bound reducer interaction that performs the authoritative dice roll. */
+    handle: InteractionHandle<Params> | null;
+    title?: ReactNode;
+    description?: ReactNode;
+    rollLabel?: ReactNode;
+    resultLabel?: ReactNode;
+    minSpinMs?: number;
+    revealHoldMs?: number;
+}
+export interface DiceRollerProps<Params extends InteractionParamsShape = InteractionParamsShape> {
+    values?: Array<number | undefined>;
+    /** Used when values not provided */
+    diceCount?: number;
+    render?: (props: DiceRollerRenderProps) => ReactNode;
+    /** Optional reducer-backed dialog flow for actions such as `rollDice`. */
+    rollAction?: DiceRollerRollAction<Params>;
+    className?: string;
+}
+export declare function DiceRoller<Params extends InteractionParamsShape = InteractionParamsShape>({ values, diceCount, render, rollAction, className, }: DiceRollerProps<Params>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiceRoller.d.ts.map

package/dist/components/DiceRoller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiceRoller.d.ts","sourceRoot":"","sources":["../../src/components/DiceRoller.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC9C,8CAA8C;IAC9C,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CACnC,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,2EAA2E;IAC3E,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe,CAC9B,MAAM,SAAS,sBAAsB,GAAG,sBAAsB;IAE9D,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IACrD,0EAA0E;IAC1E,UAAU,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CACxB,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,EACA,MAAM,EACN,SAAa,EACb,MAAM,EACN,UAAU,EACV,SAAS,GACV,EAAE,eAAe,CAAC,MAAM,CAAC,2CAuCzB"}