@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/src/well/TerminalLog.tsx

@@ -0,0 +1,225 @@
+// Local addition — no S2 counterpart. See the JSDoc on TerminalLog below.
+
+import { For, Show } from "solid-js";
+import type { JSX } from "@solidjs/web";
+import type { StyleString } from "../style";
+import { style } from "../style" with { type: "macro" };
+import { bootIn as bootInKeyframes, tglCaret } from "../style/motion" with { type: "macro" };
+import type { UnsafeClassName } from "../s2-internal/style-utils";
+import { getAllowedOverrides, wellScan } from "../s2-internal/style-utils" with { type: "macro" };
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+
+/**
+ * The ink a log line (or one span of it) reports in. The four status channels are
+ * the register's shared ones; `prompt` is the shell's own blue and `muted` the
+ * well's recessive grey.
+ */
+export type TerminalLogChannel = "info" | "signal" | "metric" | "fault" | "prompt" | "muted";
+
+export interface TerminalLogSpan {
+  /** The span's text. */
+  text: string;
+  /** The channel this span reports in. Defaults to the line's channel. */
+  channel?: TerminalLogChannel;
+}
+
+export interface TerminalLogLine {
+  /** A timestamp, rendered in a `<time>` ahead of the text. */
+  time?: string;
+  /** The line's text. Ignored when `spans` is given. */
+  text?: string;
+  /** The line split into per-channel runs — a command and its result on one line. */
+  spans?: TerminalLogSpan[];
+  /** The channel the whole line reports in. @default undefined (the well's ink) */
+  channel?: TerminalLogChannel;
+}
+
+export interface TerminalLogProps {
+  /** The lines, oldest first. */
+  lines: readonly TerminalLogLine[];
+  /** Draw a blinking block caret after the last line. @default false */
+  showCaret?: boolean;
+  /** Boot the lines in one after another on mount. @default false */
+  bootIn?: boolean;
+  /** Spectrum-defined generated classes. */
+  styles?: StyleString | (() => StyleString | undefined);
+  /** Additional CSS class name. Use only as a last resort. */
+  UNSAFE_className?: UnsafeClassName | string;
+  /** Additional inline styles. Use only as a last resort. */
+  UNSAFE_style?: JSX.CSSProperties;
+  id?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+}
+
+/* The handoff's boot log types its lines in 0.28s apart after a 0.3s beat
+ * (design_handoff_terminal_glass, Terminal Glass App.dc.html). Both live here so a
+ * test can name them and so the two numbers cannot drift apart across call sites. */
+const BOOT_DELAY_BASE = 0.3;
+const BOOT_DELAY_STEP = 0.28;
+
+const lineBoot = bootInKeyframes();
+const caretBlink = tglCaret();
+
+const logStyles = style(
+  {
+    /* The matte plate, same recipe as Well: opaque surface, hairline, 4px scan
+     * dither. A terminal log is never glass (design-handoff-v2.css:56). */
+    display: "block",
+    listStyleType: "none",
+    margin: 0,
+    backgroundColor: "well",
+    ...wellScan(),
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "well-border",
+    borderRadius: "default",
+    paddingX: 12,
+    paddingY: 8,
+    font: "code-sm",
+    color: "[var(--terminal-mid)]",
+    overflowX: "auto",
+  },
+  getAllowedOverrides({ height: true }),
+);
+
+type LineStyleState = { channel: TerminalLogChannel | "none"; isBooting: boolean };
+
+const channelInk = {
+  default: "[var(--terminal-mid)]",
+  channel: {
+    info: "[var(--status-info)]",
+    signal: "[var(--status-signal)]",
+    metric: "[var(--status-metric)]",
+    fault: "[var(--status-fault)]",
+    prompt: "[var(--terminal-prompt)]",
+    muted: "[var(--terminal-dim)]",
+    none: "[var(--terminal-mid)]",
+  },
+  forcedColors: "ButtonText",
+} as const;
+
+const lineStyles = style<LineStyleState>({
+  display: "block",
+  whiteSpace: "pre",
+  lineHeight: "ui",
+  color: channelInk,
+  /* The boot reveal is a one-frame step: the line is absent, then it is there —
+   * a terminal does not fade. `both` keeps it hidden through its delay, which is
+   * what staggers the log. The gate is the CSS media condition, never a runtime
+   * matchMedia read: with reduced motion the animation name goes to `none`, the
+   * fill-mode never applies, and every line is simply present. */
+  animation: {
+    isBooting: {
+      default: lineBoot,
+      "@media (prefers-reduced-motion: reduce)": "none",
+    },
+  },
+  animationDuration: {
+    isBooting: 10,
+  },
+  animationTimingFunction: {
+    isBooting: "[step-end]",
+  },
+  animationFillMode: {
+    isBooting: "both",
+  },
+});
+
+const spanStyles = style<{ channel: TerminalLogChannel | "none" }>({
+  color: channelInk,
+});
+
+const timeStyles = style({
+  color: "[var(--terminal-dim)]",
+  marginEnd: 8,
+});
+
+const caretStyles = style({
+  display: "inline-block",
+  width: 7,
+  height: 12,
+  verticalAlign: "[-2px]",
+  backgroundColor: "[var(--terminal-prompt)]",
+  animation: {
+    default: caretBlink,
+    "@media (prefers-reduced-motion: reduce)": "none",
+  },
+  animationDuration: 1100,
+  animationTimingFunction: "[step-end]",
+  animationIterationCount: "infinite",
+});
+
+/**
+ * A terminal transcript on the register's matte well — timestamps, per-channel
+ * ink, an optional boot-in stagger and a blinking caret.
+ *
+ * Local addition — no S2 counterpart. It is static content, not a live region:
+ * the lines render as an ordered list (`<ol>`/`<li>`, timestamps in `<time>`), so
+ * a reader gets the transcript in order and on demand. A caller streaming lines in
+ * and needing them announced should own that live region itself.
+ */
+export function TerminalLog(props: TerminalLogProps): JSX.Element {
+  const [local] = splitProps(props, [
+    "lines",
+    "showCaret",
+    "bootIn",
+    "styles",
+    "UNSAFE_className",
+    "UNSAFE_style",
+    "id",
+    "aria-label",
+    "aria-labelledby",
+  ]);
+  const resolvedStyles = () => (typeof local.styles === "function" ? local.styles() : local.styles);
+  const isBooting = () => local.bootIn ?? false;
+  const lineState = (line: TerminalLogLine): LineStyleState => ({
+    channel: line.channel ?? "none",
+    isBooting: isBooting(),
+  });
+
+  return (
+    <ol
+      id={local.id}
+      aria-label={local["aria-label"]}
+      aria-labelledby={local["aria-labelledby"]}
+      class={[local.UNSAFE_className, logStyles(null, resolvedStyles())].filter(Boolean).join(" ")}
+      style={local.UNSAFE_style}
+    >
+      <For each={local.lines}>
+        {(line, index) => (
+          <li
+            class={lineStyles(lineState(line))}
+            style={
+              isBooting()
+                ? {
+                    "animation-delay": `${(BOOT_DELAY_BASE + index() * BOOT_DELAY_STEP).toFixed(2)}s`,
+                  }
+                : undefined
+            }
+          >
+            <Show when={line.time != null}>
+              <time class={timeStyles}>{line.time}</time>
+            </Show>
+            <Show when={line.spans} fallback={line.text}>
+              <For each={line.spans}>
+                {(span) => (
+                  <span class={spanStyles({ channel: span.channel ?? line.channel ?? "none" })}>
+                    {span.text}
+                  </span>
+                )}
+              </For>
+            </Show>
+          </li>
+        )}
+      </For>
+      <Show when={local.showCaret}>
+        {/* The caret is the cursor waiting for the next line — a mark, not a line
+         * of the transcript, so it carries no text for a reader. */}
+        <li aria-hidden="true" class={lineStyles({ channel: "none", isBooting: false })}>
+          <span class={caretStyles} />
+        </li>
+      </Show>
+    </ol>
+  );
+}

package/src/well/index.tsx

@@ -1,9 +1,30 @@
-import { type JSX, splitProps } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { style } from "../style" with { type: "macro" };
 import { wellScan } from "../s2-internal/style-utils" with { type: "macro" };
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
+
+export type WellTone = "well" | "deep";
+export type WellSize = "S" | "M";
 
 export interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {
   class?: string;
+  /**
+   * Local addition — no S2 counterpart (S2 retired Well). The plate's depth:
+   * `well` is the register's standard matte terminal plate, `deep` the darker
+   * `--surface-well-deep` the handoff spends on the containers that hold other
+   * controls — the nav well and the tutor prompt well (TerminalGlassLab.tsx §07).
+   * Both are matte; depth is the only axis, so a deep well is not a second look.
+   * @default 'well'
+   */
+  tone?: WellTone;
+  /**
+   * Local addition — no S2 counterpart. The plate's inset. `M` is the reading
+   * well the handoff draws at 14px/16px for log and status content; `S` is the
+   * 8px container inset used when the well is holding rows that carry their own
+   * padding, so the plate does not double it.
+   * @default 'M'
+   */
+  size?: WellSize;
 }
 
 // Well has no Spectrum 2 upstream (S2 retired it), so its look is composed from
@@ -27,15 +48,35 @@ export interface WellProps extends JSX.HTMLAttributes<HTMLDivElement> {
 // because it composes its look from tokens directly and never routes through
 // `control()`. `lg` is already the handoff's 10px well corner, so the radius needed
 // no change; only the two grays did.
-const wellStyles = style({
+const wellStyles = style<{ tone: WellTone; size: WellSize }>({
   display: "block",
-  backgroundColor: "well",
+  /* `well-tutor` is the theme name for `--surface-well-tutor`, which
+   * viviana-tokens.css aliases onto `--surface-well-deep` — the depth, not a
+   * second surface family. */
+  backgroundColor: {
+    default: "well",
+    tone: {
+      deep: "well-tutor",
+    },
+  },
   ...wellScan(),
   borderWidth: 1,
   borderStyle: "solid",
   borderColor: "well-border",
-  borderRadius: "lg",
-  padding: 16,
+  /* 8px, the register's `--radius-md`, which the handoff spends on wells, chips and
+   * thumbs. `lg` used to be 10px and read as the well corner; it is now the 12px card
+   * corner, a step too round for a terminal plate. */
+  borderRadius: "default",
+  /* 14px is the drawn log/status inset (TerminalGlassLab.tsx §07); 16 is the
+   * nearest ramp step and was already this component's padding, so `M` keeps it
+   * rather than dropping to an arbitrary value for 2px. `S` is the 8px container
+   * inset the nav well takes. */
+  padding: {
+    default: 16,
+    size: {
+      S: 8,
+    },
+  },
 });
 
 /**
@@ -43,10 +84,19 @@ const wellStyles = style({
  * emphasized region — for example a code sample or a callout block.
  */
 export function Well(props: WellProps): JSX.Element {
-  const [local, domProps] = splitProps(props, ["class", "children"]);
+  const [local, domProps] = splitProps(props, ["class", "children", "tone", "size"]);
+  const wellClass = () => wellStyles({ tone: local.tone ?? "well", size: local.size ?? "M" });
   return (
-    <div {...domProps} class={[wellStyles, local.class].filter(Boolean).join(" ")}>
+    <div {...domProps} class={[wellClass(), local.class].filter(Boolean).join(" ")}>
       {local.children}
     </div>
   );
 }
+
+export { TerminalLog } from "./TerminalLog";
+export type {
+  TerminalLogProps,
+  TerminalLogLine,
+  TerminalLogSpan,
+  TerminalLogChannel,
+} from "./TerminalLog";

package/dist/_chunk/macro-4c350293382b43f3939cd4c2bbd6c7c1c18de5a45cd1a00695dffc1eba819d91.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"macro-4c350293382b43f3939cd4c2bbd6c7c1c18de5a45cd1a00695dffc1eba819d91.js","names":[],"sources":["../../src/field/prefix.tsx"],"sourcesContent":["/**\n * Shared field `prefix` slot.\n *\n * Port of the `prefix` slot on upstream S2's `FieldGroup`\n * (`@react-spectrum/s2/src/Field.tsx`). Upstream centralizes the prefix in a\n * single shared `FieldGroup`; we compose a field group per component, so the\n * prefix is threaded into each field (TextField, ColorField, NumberField,\n * ComboBox) through these shared primitives instead.\n *\n * Two pieces, matching upstream:\n *  - `FieldPrefix` renders the prefix node (text or icon) before the input with\n *    the upstream styling (`gray-600`, `flex-shrink: 0`, `margin-end:\n *    text-to-visual`, icon sized to `fontRelative(20)`).\n *  - `PrefixInputProvider` associates the prefix with the input by appending the\n *    prefix's id to the input's `aria-labelledby`, mirroring upstream's\n *    `InputContext.Provider value={{...ctx, 'aria-labelledby': ...}}`.\n */\nimport { type Context, type JSX, useContext } from \"solid-js\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { IconContext, type IconContextValue } from \"../icon\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\n\nconst prefixStyles = style({\n  color: \"gray-600\",\n  flexShrink: 0,\n  marginEnd: \"text-to-visual\",\n});\n\nconst prefixIconStyles = style({\n  size: fontRelative(20),\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst prefixIconContext: IconContextValue = { styles: prefixIconStyles };\n\n/** Renders a field prefix node (text or icon) with the upstream prefix styling. */\nexport function FieldPrefix(props: { id: string; children: JSX.Element }): JSX.Element {\n  return (\n    <IconContext.Provider value={prefixIconContext}>\n      <CenterBaseline id={props.id} styles={prefixStyles}>\n        {props.children}\n      </CenterBaseline>\n    </IconContext.Provider>\n  );\n}\n\nfunction appendLabelledBy(\n  inputProps: Record<string, unknown> | undefined,\n  prefixId: string,\n): Record<string, unknown> {\n  const base = inputProps?.[\"aria-labelledby\"];\n  const labelledBy = typeof base === \"string\" && base.length > 0 ? `${base} ${prefixId}` : prefixId;\n  return { ...inputProps, \"aria-labelledby\": labelledBy };\n}\n\n/**\n * Returns a proxy over a field context that delegates every property to the\n * original value and overrides only `inputProps`, appending `prefixId` to its\n * `aria-labelledby`. The delegation keeps the underlying getters live, so the\n * input stays reactive. `inputPropsIsFunction` handles ComboBox's function-form\n * `inputProps` (Text/Color/NumberField expose it as an object).\n *\n * `prefixId` may carry several space-separated slot ids (prefix + suffix) and\n * may be a thunk — resolved on each `inputProps` access — so a field whose\n * adornments appear or disappear after mount keeps its `aria-labelledby` live.\n */\nexport function withPrefixLabelledBy<T extends object>(\n  context: T | null,\n  prefixId: string | (() => string),\n  inputPropsIsFunction = false,\n): T | null {\n  if (!context) {\n    return context;\n  }\n  const resolveId = () => (typeof prefixId === \"function\" ? prefixId() : prefixId);\n  return new Proxy(context, {\n    get(target, property, receiver) {\n      if (property === \"inputProps\") {\n        if (inputPropsIsFunction) {\n          return () => {\n            const inputProps = (\n              Reflect.get(target, property, target) as () => Record<string, unknown>\n            )();\n            return appendLabelledBy(inputProps, resolveId());\n          };\n        }\n        const inputProps = Reflect.get(target, property, target) as\n          | Record<string, unknown>\n          | undefined;\n        return appendLabelledBy(inputProps, resolveId());\n      }\n      return Reflect.get(target, property, receiver);\n    },\n  });\n}\n\n/**\n * Wraps a field input so its `aria-labelledby` is extended to include the prefix\n * id. Reads the nearest field context, augments only `inputProps`, and re-provides\n * the augmented value to the input.\n */\nexport function PrefixInputProvider<T extends object>(props: {\n  context: Context<T | null>;\n  prefixId: string;\n  inputPropsIsFunction?: boolean;\n  children: JSX.Element;\n}): JSX.Element {\n  const context = useContext(props.context);\n  // `props.prefixId` is read through a thunk so a caller passing a computed id\n  // set (prefix + suffix) stays live across adornment changes.\n  const value = withPrefixLabelledBy(context, () => props.prefixId, props.inputPropsIsFunction);\n  return <props.context.Provider value={value}>{props.children}</props.context.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,eAAA;AAcN,MAAM,oBAAsC,EAAE,QAAQ,6CAAiB;;AAGvE,SAAgB,YAAY,OAAmD;CAC7E,OAAA,gBACG,YAAY,UAAA;EAAS,OAAO;EAAA,IAAA,WAAA;GAAA,OAAA,gBAC1B,gBAAA;IAAA,IAAe,KAAA;KAAA,OAAI,MAAM;IAAE;IAAE,QAAQ;IAAA,IAAA,WAAA;KAAA,OACnC,MAAM;IAAQ;GAAA,CAAA;EAAA;CAAA,CAAA;AAIvB;AAEA,SAAS,iBACP,YACA,UACuB;CACvB,MAAM,OAAO,aAAa;CAC1B,MAAM,aAAa,OAAO,SAAS,YAAY,KAAK,SAAS,IAAI,GAAG,KAAA,GAAQ,aAAa;CACzF,OAAO;EAAE,GAAG;EAAY,mBAAmB;CAAW;AACxD;;;;;;;;;;;;AAaA,SAAgB,qBACd,SACA,UACA,uBAAuB,OACd;CACT,IAAI,CAAC,SACH,OAAO;CAET,MAAM,kBAAmB,OAAO,aAAa,aAAa,SAAA,IAAa;CACvE,OAAO,IAAI,MAAM,SAAS,EACxB,IAAI,QAAQ,UAAU,UAAQ;EAC5B,IAAI,aAAa,cAAc;GAC7B,IAAI,sBACF,aAAO;IAIL,OAAO,iBAFL,QAAQ,IAAI,QAAQ,UAAU,MAAA,EAER,GAAY,UAAA,CAAA;GACtC;GAKF,OAAO,iBAHY,QAAQ,IAAI,QAAQ,UAAU,MAGzB,GAAY,UAAA,CAAA;EACtC;EACA,OAAO,QAAQ,IAAI,QAAQ,UAAU,QAAA;CACvC,EACF,CAAA;AACF;;;;;;AAOA,SAAgB,oBAAsC,OAK9C;CAIN,MAAM,QAAQ,qBAHE,WAAW,MAAM,OAGE,SAAe,MAAM,UAAU,MAAM,oBAAoB;CAC5F,OAAA,gBAAQ,MAAM,QAAQ,UAAA;EAAgB;EAAA,IAAA,WAAA;GAAA,OAAQ,MAAM;EAAQ;CAAA,CAAA;AAC9D"}

package/dist/_chunk/macro-83d341382c2b3adbe4d61fd2d4cbcef9c975a50a2015d8b838b815a76d3721ad.js

@@ -1,47 +0,0 @@
-import { a as createUIIcon } from "./spectrum-icon.js";
-import { createComponent, getNextElement, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-//#region src/icon/ui-icons/Asterisk.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=8 height=8 viewBox="0 0 8 8"><path fill="var(--iconPrimary, #222)"d="M6.575 6.555c.055.056.092.13 0 .2l-1.149.741c-.092.056-.129.019-.166-.074L3.834 4.94 1.963 7c-.019.036-.074.073-.129 0l-.889-.927c-.093-.055-.074-.111 0-.166l2.111-1.76L.648 3.24c-.037 0-.092-.074-.056-.167l.63-1.259a.1.1 0 0 1 .121-.066.1.1 0 0 1 .046.03L3.5 3.148l.13-2.7a.1.1 0 0 1 .081-.11h.03l1.537.2c.093 0 .111.036.093.13l-.723 2.646 2.445-.741c.055-.037.111-.037.148.074l.241 1.37c.018.093 0 .13-.074.13l-2.556.2z">`), _tmpl$2 = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=10 height=10 viewBox="0 0 10 10"><path fill="var(--iconPrimary, #222)"d="M7.861 7.953c.062.063.1.146 0 .23l-1.293.834c-.1.063-.145.021-.187-.083l-1.6-2.793-2.105 2.314c-.021.04-.083.082-.145 0l-1-1.043c-.1-.062-.083-.125 0-.187l2.375-1.981-2.715-1.026c-.042 0-.1-.083-.063-.188l.707-1.412a.11.11 0 0 1 .136-.074q.03.01.052.034l2.378 1.54.146-3.043A.11.11 0 0 1 4.638.95h.034l1.73.23c.1 0 .125.042.1.146l-.814 2.979 2.751-.834c.062-.042.125-.042.167.083l.271 1.542c.02.1 0 .146-.083.146l-2.876.23z">`), _tmpl$3 = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=10 height=10 viewBox="0 0 10 10"><path fill="var(--iconPrimary, #222)"d="M8.266 8.324c.07.071.116.164 0 .258l-1.454.938c-.116.071-.163.024-.21-.094l-1.8-3.141-2.367 2.6c-.024.045-.094.092-.163 0l-1.13-1.167c-.118-.07-.094-.141 0-.21l2.671-2.227L.766 4.13c-.047 0-.116-.094-.071-.211l.8-1.593a.124.124 0 0 1 .153-.084.13.13 0 0 1 .058.038l2.669 1.738.164-3.422a.124.124 0 0 1 .1-.14h.038l1.945.258c.118 0 .14.047.118.164l-.915 3.349 3.094-.938c.07-.047.14-.047.187.094l.3 1.734c.023.118 0 .164-.094.164l-3.234.258z">`);
-function Asterisk_MSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return (() => {
-		var _el$ = getNextElement(_tmpl$);
-		spread(_el$, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$;
-	})();
-}
-function Asterisk_LSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return (() => {
-		var _el$2 = getNextElement(_tmpl$2);
-		spread(_el$2, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$2;
-	})();
-}
-function Asterisk_XLSvg(props) {
-	const { class: className, width: _width, height: _height, ...rest } = props;
-	return (() => {
-		var _el$3 = getNextElement(_tmpl$3);
-		spread(_el$3, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$3;
-	})();
-}
-const Asterisk_M = createUIIcon(Asterisk_MSvg);
-const Asterisk_L = createUIIcon(Asterisk_LSvg);
-const Asterisk_XL = createUIIcon(Asterisk_XLSvg);
-function Asterisk(props) {
-	const { size = "M", class: className, width: _width, height: _height, ...rest } = props;
-	switch (size) {
-		case "M": return createComponent(Asterisk_M, mergeProps(rest, { "class": className }));
-		case "L": return createComponent(Asterisk_L, mergeProps(rest, { "class": className }));
-		case "XL": return createComponent(Asterisk_XL, mergeProps(rest, { "class": className }));
-		default: return createComponent(Asterisk_M, mergeProps(rest, { "class": className }));
-	}
-}
-//#endregion
-export { Asterisk as t };
-
-//# sourceMappingURL=macro-83d341382c2b3adbe4d61fd2d4cbcef9c975a50a2015d8b838b815a76d3721ad.js.map

package/dist/_chunk/macro-83d341382c2b3adbe4d61fd2d4cbcef9c975a50a2015d8b838b815a76d3721ad.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"macro-83d341382c2b3adbe4d61fd2d4cbcef9c975a50a2015d8b838b815a76d3721ad.js","names":["JSX","createUIIcon","AsteriskProps","SvgSVGAttributes","SVGSVGElement","size","Asterisk_MSvg","props","Element","class","className","width","_width","height","_height","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","Asterisk_LSvg","_el$2","_tmpl$2","Asterisk_XLSvg","_el$3","_tmpl$3","Asterisk_M","Asterisk_L","Asterisk_XL","Asterisk","_$createComponent","AsteriskIcon"],"sources":["../../src/icon/ui-icons/Asterisk.tsx"],"sourcesContent":["/*\n * Auto-generated from the shipped @react-spectrum/s2 dist assets (SVGO-\n * optimized — pixel parity requires the shipped path data, not the raw\n * vendored .svg sources). Variants absent from the dist (Arrow, Gripper)\n * fall back to the vendored sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createUIIcon } from \"../spectrum-icon\";\n\nexport type AsteriskProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  size?: \"M\" | \"L\" | \"XL\";\n};\n\nfunction Asterisk_MSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, width: _width, height: _height, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"8\"\n      height=\"8\"\n      viewBox=\"0 0 8 8\"\n      {...rest}\n      class={className}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M6.575 6.555c.055.056.092.13 0 .2l-1.149.741c-.092.056-.129.019-.166-.074L3.834 4.94 1.963 7c-.019.036-.074.073-.129 0l-.889-.927c-.093-.055-.074-.111 0-.166l2.111-1.76L.648 3.24c-.037 0-.092-.074-.056-.167l.63-1.259a.1.1 0 0 1 .121-.066.1.1 0 0 1 .046.03L3.5 3.148l.13-2.7a.1.1 0 0 1 .081-.11h.03l1.537.2c.093 0 .111.036.093.13l-.723 2.646 2.445-.741c.055-.037.111-.037.148.074l.241 1.37c.018.093 0 .13-.074.13l-2.556.2z\"\n      />\n    </svg>\n  );\n}\n\nfunction Asterisk_LSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, width: _width, height: _height, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"10\"\n      height=\"10\"\n      viewBox=\"0 0 10 10\"\n      {...rest}\n      class={className}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M7.861 7.953c.062.063.1.146 0 .23l-1.293.834c-.1.063-.145.021-.187-.083l-1.6-2.793-2.105 2.314c-.021.04-.083.082-.145 0l-1-1.043c-.1-.062-.083-.125 0-.187l2.375-1.981-2.715-1.026c-.042 0-.1-.083-.063-.188l.707-1.412a.11.11 0 0 1 .136-.074q.03.01.052.034l2.378 1.54.146-3.043A.11.11 0 0 1 4.638.95h.034l1.73.23c.1 0 .125.042.1.146l-.814 2.979 2.751-.834c.062-.042.125-.042.167.083l.271 1.542c.02.1 0 .146-.083.146l-2.876.23z\"\n      />\n    </svg>\n  );\n}\n\nfunction Asterisk_XLSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, width: _width, height: _height, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"10\"\n      height=\"10\"\n      viewBox=\"0 0 10 10\"\n      {...rest}\n      class={className}\n    >\n      <path\n        fill=\"var(--iconPrimary, #222)\"\n        d=\"M8.266 8.324c.07.071.116.164 0 .258l-1.454.938c-.116.071-.163.024-.21-.094l-1.8-3.141-2.367 2.6c-.024.045-.094.092-.163 0l-1.13-1.167c-.118-.07-.094-.141 0-.21l2.671-2.227L.766 4.13c-.047 0-.116-.094-.071-.211l.8-1.593a.124.124 0 0 1 .153-.084.13.13 0 0 1 .058.038l2.669 1.738.164-3.422a.124.124 0 0 1 .1-.14h.038l1.945.258c.118 0 .14.047.118.164l-.915 3.349 3.094-.938c.07-.047.14-.047.187.094l.3 1.734c.023.118 0 .164-.094.164l-3.234.258z\"\n      />\n    </svg>\n  );\n}\n\nconst Asterisk_M = createUIIcon(Asterisk_MSvg);\nconst Asterisk_L = createUIIcon(Asterisk_LSvg);\nconst Asterisk_XL = createUIIcon(Asterisk_XLSvg);\n\nexport default function Asterisk(props: AsteriskProps): JSX.Element {\n  const { size = \"M\", class: className, width: _width, height: _height, ...rest } = props;\n  switch (size) {\n    case \"M\":\n      return <Asterisk_M {...rest} class={className} />;\n    case \"L\":\n      return <Asterisk_L {...rest} class={className} />;\n    case \"XL\":\n      return <Asterisk_XL {...rest} class={className} />;\n    default:\n      return <Asterisk_M {...rest} class={className} />;\n  }\n}\n\nexport const AsteriskIcon = Asterisk;\n"],"mappings":";;;;AAeA,SAASM,cAAcC,OAAyD;CAC9E,MAAM,EAAEE,OAAOC,WAAWC,OAAOC,QAAQC,QAAQC,SAAS,GAAGC,SAASR;CACtE,cAAA;EAAA,IAAAS,OAAAC,eAAAC,MAAA;EAAAC,OAAAH,MAAAI,WAMQL,MAAI,EAAA,SACDL,UAAS,CAAA,GAAA,MAAA,IAAA;EAAAW,mBAAA;EAAA,OAAAL;CAAA,GAAA;AAQtB;AAEA,SAASM,cAAcf,OAAyD;CAC9E,MAAM,EAAEE,OAAOC,WAAWC,OAAOC,QAAQC,QAAQC,SAAS,GAAGC,SAASR;CACtE,cAAA;EAAA,IAAAgB,QAAAN,eAAAO,OAAA;EAAAL,OAAAI,OAAAH,WAMQL,MAAI,EAAA,SACDL,UAAS,CAAA,GAAA,MAAA,IAAA;EAAAW,mBAAA;EAAA,OAAAE;CAAA,GAAA;AAQtB;AAEA,SAASE,eAAelB,OAAyD;CAC/E,MAAM,EAAEE,OAAOC,WAAWC,OAAOC,QAAQC,QAAQC,SAAS,GAAGC,SAASR;CACtE,cAAA;EAAA,IAAAmB,QAAAT,eAAAU,OAAA;EAAAR,OAAAO,OAAAN,WAMQL,MAAI,EAAA,SACDL,UAAS,CAAA,GAAA,MAAA,IAAA;EAAAW,mBAAA;EAAA,OAAAK;CAAA,GAAA;AAQtB;AAEA,MAAME,aAAa3B,aAAaK,aAAa;AAC7C,MAAMuB,aAAa5B,aAAaqB,aAAa;AAC7C,MAAMQ,cAAc7B,aAAawB,cAAc;AAE/C,SAAwBM,SAASxB,OAAmC;CAClE,MAAM,EAAEF,OAAO,KAAKI,OAAOC,WAAWC,OAAOC,QAAQC,QAAQC,SAAS,GAAGC,SAASR;CAClF,QAAQF,MAAR;EACE,KAAK,KACH,OAAA2B,gBAAQJ,YAAUR,WAAKL,MAAI,EAAA,SAASL,UAAS,CAAA,CAAA;EAC/C,KAAK,KACH,OAAAsB,gBAAQH,YAAUT,WAAKL,MAAI,EAAA,SAASL,UAAS,CAAA,CAAA;EAC/C,KAAK,MACH,OAAAsB,gBAAQF,aAAWV,WAAKL,MAAI,EAAA,SAASL,UAAS,CAAA,CAAA;EAChD,SACE,OAAAsB,gBAAQJ,YAAUR,WAAKL,MAAI,EAAA,SAASL,UAAS,CAAA,CAAA;CACjD;AACF"}

package/dist/_chunk/macro-f52adb040970e0b99f7bd8dde6e51b70e1b115fe15bbc8b13b9bcacf4fa1119f.js

@@ -1,18 +0,0 @@
-import { r as createIcon } from "./spectrum-icon.js";
-import { getNextElement, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-//#region src/icon/s2wf-icons/CalendarIcon.tsx
-var _tmpl$ = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=20 height=20 viewBox="0 0 20 20"><path d=m15.75,3h-2v-1c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1h-4.5v-1c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1h-2c-1.24072,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00928,2.25,2.25,2.25h11.5c1.24072,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-11.5,1.5h2v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.5h4.5v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.5h2c.41357,0,.75.33691.75.75v1.75H3.5v-1.75c0-.41309.33643-.75.75-.75Zm11.5,12H4.25c-.41357,0-.75-.33691-.75-.75v-7.25h13v7.25c0,.41309-.33643.75-.75.75Z fill="var(--iconPrimary, #222)"></path><rect x=5 y=10 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)"></rect><rect x=9 y=10 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)"></rect><rect x=13 y=10 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)"></rect><rect x=5 y=13 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)"></rect><rect x=9 y=13 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)"></rect><rect x=13 y=13 width=2 height=2 rx=1 ry=1 fill="var(--iconPrimary, #222)">`);
-function CalendarIconSvg(props) {
-	const { class: className, ...rest } = props;
-	return (() => {
-		var _el$ = getNextElement(_tmpl$);
-		spread(_el$, mergeProps(rest, { "class": className }), true, true);
-		runHydrationEvents();
-		return _el$;
-	})();
-}
-const CalendarIcon = createIcon(CalendarIconSvg);
-//#endregion
-export { CalendarIcon as t };
-
-//# sourceMappingURL=macro-f52adb040970e0b99f7bd8dde6e51b70e1b115fe15bbc8b13b9bcacf4fa1119f.js.map

package/dist/_chunk/macro-f52adb040970e0b99f7bd8dde6e51b70e1b115fe15bbc8b13b9bcacf4fa1119f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"macro-f52adb040970e0b99f7bd8dde6e51b70e1b115fe15bbc8b13b9bcacf4fa1119f.js","names":["JSX","createIcon","CalendarIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","CalendarIconProps","CalendarIcon"],"sources":["../../src/icon/s2wf-icons/CalendarIcon.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction CalendarIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"m15.75,3h-2v-1c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1h-4.5v-1c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1h-2c-1.24072,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00928,2.25,2.25,2.25h11.5c1.24072,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-11.5,1.5h2v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.5h4.5v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.5h2c.41357,0,.75.33691.75.75v1.75H3.5v-1.75c0-.41309.33643-.75.75-.75Zm11.5,12H4.25c-.41357,0-.75-.33691-.75-.75v-7.25h13v7.25c0,.41309-.33643.75-.75.75Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <rect x=\"5\" y=\"10\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n      <rect x=\"9\" y=\"10\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n      <rect x=\"13\" y=\"10\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n      <rect x=\"5\" y=\"13\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n      <rect x=\"9\" y=\"13\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n      <rect x=\"13\" y=\"13\" width=\"2\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"var(--iconPrimary, #222)\" />\n    </svg>\n  );\n}\n\nexport type CalendarIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const CalendarIcon = createIcon(CalendarIconSvg);\nexport default CalendarIcon;\n"],"mappings":";;;;AAQA,SAASE,gBAAgBC,OAAyD;CAChF,MAAM,EAAEI,OAAOC,WAAW,GAAGC,SAASN;CACtC,cAAA;EAAA,IAAAO,OAAAC,eAAAC,MAAA;EAAAC,OAAAH,MAAAI,WAMQL,MAAI,EAAA,SACDD,UAAS,CAAA,GAAA,MAAA,IAAA;EAAAO,mBAAA;EAAA,OAAAL;CAAA,GAAA;AActB;AAGA,MAAaO,eAAehB,WAAWC,eAAe"}

package/dist/_chunk/suffix.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suffix.js","names":[],"sources":["../../src/field/suffix.tsx"],"sourcesContent":["/**\n * Shared field `suffix` slot — the trailing counterpart of `prefix.tsx`.\n *\n * Viviana UI v2 (Glasselated): upstream S2's FieldGroup carries only a leading\n * `prefix`; the register's prompt wells (TerminalGlassLab panel 02) also park a\n * trailing adornment inside the field — the `⌘K` / `↵` key hint flush against\n * the input's end. This slot is that register addition: same styling contract\n * as the prefix (`gray-600`, `flex-shrink: 0`, icon sized to\n * `fontRelative(20)`) mirrored to the trailing side (`margin-start:\n * text-to-visual`).\n *\n * Accessibility follows the prefix's certified pattern: the suffix's id is\n * appended to the input's `aria-labelledby` through the same\n * `PrefixInputProvider` (pass both ids space-separated) — a unit suffix like\n * \"kg\" belongs in the accessible name exactly as a unit prefix does.\n */\nimport { type JSX } from \"solid-js\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { IconContext, type IconContextValue } from \"../icon\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\n\nconst suffixStyles = style({\n  color: \"gray-600\",\n  flexShrink: 0,\n  marginStart: \"text-to-visual\",\n});\n\nconst suffixIconStyles = style({\n  size: fontRelative(20),\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst suffixIconContext: IconContextValue = { styles: suffixIconStyles };\n\n/** Renders a field suffix node (text or icon) with the trailing slot styling. */\nexport function FieldSuffix(props: { id: string; children: JSX.Element }): JSX.Element {\n  return (\n    <IconContext.Provider value={suffixIconContext}>\n      <CenterBaseline id={props.id} styles={suffixStyles}>\n        {props.children}\n      </CenterBaseline>\n    </IconContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAqBA,MAAM,eAAA;AAcN,MAAM,oBAAsC,EAAE,QAAQ,6CAAiB;;AAGvE,SAAgB,YAAY,OAAmD;CAC7E,OAAA,gBACG,YAAY,UAAA;EAAS,OAAO;EAAA,IAAA,WAAA;GAAA,OAAA,gBAC1B,gBAAA;IAAA,IAAe,KAAA;KAAA,OAAI,MAAM;IAAE;IAAE,QAAQ;IAAA,IAAA,WAAA;KAAA,OACnC,MAAM;IAAQ;GAAA,CAAA;EAAA;CAAA,CAAA;AAIvB"}

package/dist/card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/card/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type Accessor,\n  type JSX,\n  createContext,\n  createMemo,\n  mergeProps,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  GridListItem as HeadlessGridListItem,\n  GridListSelectionCheckbox,\n  Link as HeadlessLink,\n  filterDOMProps,\n  type GridListItemProps as HeadlessGridListItemProps,\n  type GridListItemRenderProps,\n  type LinkRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { ActionMenuContext } from \"../menu/ActionMenu\";\nimport { AvatarContext } from \"../avatar\";\nimport { ButtonContext, LinkButtonContext } from \"../button/context\";\nimport { ContentContext, FooterContext, TextContext } from \"../text\";\nimport { DividerContext } from \"../divider\";\nimport { IconContext, IllustrationContext } from \"../icon\";\nimport { Image, ImageContext, ImageCoordinator } from \"../image\";\nimport { SkeletonContext, SkeletonWrapper, useInertAttribute, useIsSkeleton } from \"../skeleton\";\nimport { pressScale } from \"../pressScale\";\nimport { useProviderProps } from \"../provider\";\nimport type { StyleString } from \"../style\";\nimport { color, focusRing, lightDark, space, style } from \"../style\" with { type: \"macro\" };\nimport { meshStrip } from \"../style/meshStrip\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { getAllowedOverrides } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type CardSize = \"XS\" | \"S\" | \"M\" | \"L\" | \"XL\";\nexport type CardDensity = \"compact\" | \"regular\" | \"spacious\";\nexport type CardVariant = \"primary\" | \"secondary\" | \"tertiary\" | \"quiet\";\nexport type CardMeshVariant = \"ambient\" | \"signal\";\n\nexport interface CardRenderProps {\n  /** The size of the Card. */\n  size: CardSize;\n}\n\nexport interface CardProps extends Omit<\n  HeadlessGridListItemProps<object>,\n  \"class\" | \"style\" | \"children\" | \"ref\"\n> {\n  /** The children of the Card. */\n  children?: JSX.Element | ((renderProps: CardRenderProps) => JSX.Element);\n  /** The size of the Card. @default 'M' */\n  size?: CardSize;\n  /** The amount of internal padding within the Card. @default 'regular' */\n  density?: CardDensity;\n  /** The visual style of the Card. @default 'primary' */\n  variant?: CardVariant;\n  /**\n   * The register's woven hex-mesh weave, painted behind the glass fill —\n   * `ambient` is the quiet mixed gray/blue/orange weave, `signal` the warm\n   * single-hue amber one. Only the filled variants take it; `tertiary` and\n   * `quiet` have no fill for a weave to sit under.\n   */\n  mesh?: CardMeshVariant;\n  /** Seed for the mesh weave, so neighboring cards don't repeat the same pattern. @default 42 */\n  meshSeed?: number;\n  /** Link target for standalone navigable cards. */\n  href?: string;\n  download?: boolean | string;\n  target?: string;\n  rel?: string;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the rendered card element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport interface CardPreviewProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  children?: JSX.Element;\n  /**\n   * Recessed fill behind the preview. `inset` sits the region on\n   * `--surface-inset` — the register's console-strip treatment, where the\n   * full-bleed header bar reads sunk into the card rather than flush with it.\n   */\n  background?: \"inset\";\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface AssetCardProps extends Omit<CardProps, \"density\"> {}\nexport interface UserCardProps extends Omit<CardProps, \"density\" | \"variant\"> {\n  variant?: Exclude<CardVariant, \"quiet\">;\n}\nexport interface ProductCardProps extends Omit<CardProps, \"density\" | \"variant\"> {\n  variant?: Exclude<CardVariant, \"quiet\">;\n}\n\n/* Glasselated: the handoff draws one card corner (12px, primitives.tsx:35) and does\n * not shrink it for small cards. The size ramp is kept anyway — an XS card with a\n * 12px corner is nearly a lozenge — but rebased on the register: `card` at the\n * normal sizes, the control corner for the two smallest. */\nconst borderRadius = {\n  default: \"card\",\n  size: {\n    XS: \"control\",\n    S: \"control\",\n  },\n} as const;\n\ntype CardStyleState = Partial<GridListItemRenderProps | LinkRenderProps> & {\n  size: CardSize;\n  density: CardDensity;\n  variant: CardVariant;\n  isCardView?: boolean;\n  isLink?: boolean;\n};\n\nconst card = style<CardStyleState>(\n  {\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    borderRadius,\n    \"--s2-container-bg\": {\n      type: \"backgroundColor\",\n      value: {\n        variant: {\n          primary: \"elevated\",\n          secondary: \"layer-1\",\n        },\n        forcedColors: \"ButtonFace\",\n      },\n    },\n    backgroundColor: {\n      default: \"--s2-container-bg\",\n      variant: {\n        tertiary: \"transparent\",\n        quiet: \"transparent\",\n      },\n    },\n    /* Glasselated: a card is the handoff's `MeshCard surface=\"card\"` (primitives.tsx:35)\n     * — translucent fill, 14px backdrop blur, a 1px `--border-subtle` edge and the\n     * inset rim. The surface token is already translucent, so without the blur the\n     * card just looks washed out; translucency plus blur is what reads as glass, and\n     * the blur can only ride on the element, never on a background-color. The two\n     * transparent variants opt out — there is no fill for a blur to sit under. */\n    backdropFilter: {\n      default: \"var(--blur-card)\",\n      variant: {\n        tertiary: \"none\",\n        quiet: \"none\",\n      },\n    },\n    borderStyle: {\n      default: \"solid\",\n      variant: {\n        tertiary: \"none\",\n        quiet: \"none\",\n      },\n    },\n    borderWidth: 1,\n    borderColor: {\n      default: \"border-subtle\",\n      variant: {\n        tertiary: \"transparent\",\n        quiet: \"transparent\",\n      },\n    },\n    boxShadow: {\n      /* The rim carries resting elevation instead of Spectrum's cast shadow — the\n       * handoff lifts surfaces with blur plus the inset highlight, and declares\n       * `--shadow-*` tokens it then never references. Interactive states keep a real\n       * lift, composed *with* the rim rather than replacing it, so the glass edge\n       * doesn't blink out from under the pointer. */\n      default: \"edge-glass-surface\",\n      isHovered: \"[var(--edge-glass-surface), 0 4px 14px rgb(0 0 0 / 0.22)]\",\n      isFocusVisible: \"[var(--edge-glass-surface), 0 4px 14px rgb(0 0 0 / 0.22)]\",\n      isSelected: \"[var(--edge-glass-surface), 0 4px 14px rgb(0 0 0 / 0.22)]\",\n      forcedColors: \"[0 0 0 1px var(--hcm-buttonborder, ButtonBorder)]\",\n      variant: {\n        tertiary: {\n          default: `[0 0 0 2px ${color(\"gray-100\")}]`,\n          isHovered: `[0 0 0 2px ${color(\"gray-200\")}]`,\n          isFocusVisible: `[0 0 0 2px ${color(\"gray-200\")}]`,\n          isSelected: \"none\",\n          forcedColors: \"[0 0 0 2px var(--hcm-buttonborder, ButtonBorder)]\",\n        },\n        quiet: \"none\",\n      },\n    },\n    forcedColorAdjust: \"none\",\n    transition: \"default\",\n    fontFamily: \"sans\",\n    textDecoration: \"none\",\n    overflow: {\n      default: \"clip\",\n      variant: {\n        quiet: \"visible\",\n      },\n    },\n    contain: \"layout\",\n    disableTapHighlight: true,\n    userSelect: {\n      isCardView: \"none\",\n    },\n    cursor: {\n      isLink: \"pointer\",\n    },\n    width: {\n      size: {\n        XS: 112,\n        S: 192,\n        M: 240,\n        L: 320,\n        XL: 400,\n      },\n      isCardView: \"full\",\n    },\n    /* `height: full` only makes sense inside a CardView, where the grid cell is\n     * definitely sized and the card should fill it. A standalone card in a flex\n     * row must hug its content — a percentage there resolves against the row's\n     * final height (all wrapped lines included), ballooning every card to the\n     * full band. */\n    height: {\n      default: \"auto\",\n      isCardView: \"full\",\n    },\n    \"--card-spacing\": {\n      type: \"paddingTop\",\n      value: {\n        density: {\n          compact: {\n            size: {\n              XS: \"[6px]\",\n              S: 8,\n              M: 12,\n              L: 16,\n              XL: 20,\n            },\n          },\n          regular: {\n            size: {\n              XS: 8,\n              S: 12,\n              M: 16,\n              L: 20,\n              XL: 24,\n            },\n          },\n          spacious: {\n            size: {\n              XS: 12,\n              S: 16,\n              M: 20,\n              L: 24,\n              XL: 28,\n            },\n          },\n        },\n      },\n    },\n    \"--card-padding-y\": {\n      type: \"paddingTop\",\n      value: {\n        default: \"--card-spacing\",\n        variant: {\n          quiet: 0,\n        },\n      },\n    },\n    \"--card-padding-x\": {\n      type: \"paddingStart\",\n      value: {\n        default: \"--card-spacing\",\n        variant: {\n          quiet: 0,\n        },\n      },\n    },\n    paddingY: \"--card-padding-y\",\n    paddingX: \"--card-padding-x\",\n    boxSizing: \"border-box\",\n    ...focusRing(),\n    outlineStyle: {\n      default: \"none\",\n      isFocusVisible: \"solid\",\n      variant: {\n        quiet: \"none\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst selectionIndicator = style({\n  position: \"absolute\",\n  inset: 0,\n  zIndex: 2,\n  borderRadius,\n  pointerEvents: \"none\",\n  borderWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: \"gray-1000\",\n  transition: \"default\",\n  opacity: {\n    default: 0,\n    isSelected: 1,\n  },\n  outlineColor: lightDark(\"transparent-white-600\", \"transparent-black-600\"),\n  outlineOffset: -4,\n  outlineStyle: {\n    default: \"none\",\n    isStrokeInner: \"solid\",\n  },\n  outlineWidth: 2,\n});\n\nconst preview = style({\n  position: \"relative\",\n  transition: \"default\",\n  overflow: \"clip\",\n  backgroundColor: {\n    background: {\n      inset: \"pasteboard\",\n    },\n  },\n  marginX: \"calc(var(--card-padding-x) * -1)\",\n  marginTop: \"calc(var(--card-padding-y) * -1)\",\n  marginBottom: {\n    \":last-child\": \"calc(var(--card-padding-y) * -1)\",\n  },\n  borderRadius: {\n    isQuiet: borderRadius,\n  },\n  boxShadow: {\n    isQuiet: {\n      isHovered: \"elevated\",\n      isFocusVisible: \"elevated\",\n      isSelected: \"elevated\",\n    },\n  },\n  ...focusRing(),\n  outlineStyle: {\n    default: \"none\",\n    isQuiet: {\n      isFocusVisible: \"solid\",\n    },\n  },\n});\n\nconst image = style({\n  width: \"full\",\n  aspectRatio: {\n    layout: {\n      grid: \"3/2\",\n    },\n  },\n  objectFit: \"cover\",\n  userSelect: \"none\",\n  pointerEvents: \"none\",\n});\n\nconst title = style({\n  font: \"title\",\n  fontSize: {\n    size: {\n      XS: \"title-xs\",\n      S: \"title-xs\",\n      M: \"title-sm\",\n      L: \"title\",\n      XL: \"title-lg\",\n    },\n  },\n  lineClamp: 3,\n  gridArea: \"title\",\n});\n\nconst description = style({\n  font: \"body\",\n  fontSize: {\n    size: {\n      XS: \"body-2xs\",\n      S: \"body-2xs\",\n      M: \"body-xs\",\n      L: \"body-sm\",\n      XL: \"body\",\n    },\n  },\n  lineClamp: 3,\n  gridArea: \"description\",\n});\n\nconst content = style({\n  display: \"grid\",\n  gridTemplateColumns: {\n    default: [\"1fr\"],\n    \":has([data-slot=menu])\": [\"minmax(0, 1fr)\", \"auto\"],\n  },\n  gridTemplateAreas: {\n    default: [\"title\", \"description\"],\n    \":has([data-slot=menu])\": [\"title menu\", \"description description\"],\n  },\n  columnGap: 4,\n  flexGrow: 1,\n  alignItems: \"baseline\",\n  /* Top-packed, not `space-between`. Cards in a row stretch to the tallest sibling, and\n   * with `flexGrow: 1` the content grid inherits all that slack; `space-between` then spent\n   * it BETWEEN the title and the description, so a short card in a tall row rendered its\n   * title at the top, its body pushed to the bottom, and a growing hole in the middle. The\n   * register packs card content to the top and lets the slack fall below it, which is also\n   * what makes a row of uneven cards read as one band of text rather than as text scattered\n   * down each card's own height. The slack still exists — it just collects at the end. */\n  alignContent: \"start\",\n  rowGap: {\n    size: {\n      XS: 4,\n      S: 4,\n      M: space(6),\n      L: space(6),\n      XL: 8,\n    },\n  },\n  paddingTop: {\n    default: \"--card-spacing\",\n    \":first-child\": 0,\n  },\n  paddingBottom: {\n    default: \"calc(var(--card-spacing) * 1.5 / 2)\",\n    \":last-child\": 0,\n  },\n});\n\nconst actionMenu = style({\n  gridArea: \"menu\",\n  marginY: \"calc(-1 * self(height))\",\n});\n\nconst footer = style({\n  display: \"flex\",\n  flexDirection: \"row\",\n  alignItems: \"end\",\n  justifyContent: \"space-between\",\n  gap: 8,\n  paddingTop: \"calc(var(--card-spacing) * 1.5 / 2)\",\n});\n\nconst displayContents = style({\n  display: \"contents\",\n});\n\nconst cardCheckboxContainer = style({\n  position: \"absolute\",\n  top: \"--card-spacing\",\n  insetStart: \"--card-spacing\",\n  zIndex: 2,\n  padding: 4,\n  backgroundColor: lightDark(\"transparent-white-600\", \"transparent-black-600\"),\n  borderRadius: \"default\",\n  boxShadow: \"emphasized\",\n});\n\nconst cardCheckboxInput = style({\n  display: \"block\",\n  margin: 0,\n  size: {\n    size: {\n      XS: 16,\n      S: 16,\n      M: 18,\n      L: 20,\n      XL: 22,\n    },\n  },\n});\n\nconst previewClip = style({\n  borderRadius: \"inherit\",\n  overflow: \"clip\",\n});\n\nconst collection = style({\n  display: \"grid\",\n  gridTemplateColumns: \"repeat(3, 1fr)\",\n  gap: {\n    default: 4,\n    size: {\n      XS: 2,\n      S: 2,\n    },\n  },\n});\n\nconst collectionImage = style({\n  width: \"full\",\n  aspectRatio: {\n    default: \"square\",\n    \":nth-last-child(4):first-child\": \"3/2\",\n  },\n  gridColumnEnd: {\n    \":nth-last-child(4):first-child\": \"span 3\",\n  },\n  objectFit: \"cover\",\n  pointerEvents: \"none\",\n  userSelect: \"none\",\n});\n\nconst assetImage = style({\n  width: \"full\",\n  aspectRatio: {\n    layout: {\n      grid: \"square\",\n    },\n  },\n  objectFit: \"contain\",\n  pointerEvents: \"none\",\n  userSelect: \"none\",\n});\n\nconst assetIllustrationWrapper = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  backgroundColor: \"gray-100\",\n  aspectRatio: \"square\",\n});\n\nconst assetIllustration = style({\n  height: \"auto\",\n  maxSize: 160,\n  width: \"50%\",\n});\n\nconst userImage = style({\n  width: \"full\",\n  aspectRatio: \"3/1\",\n  objectFit: \"cover\",\n  pointerEvents: \"none\",\n  userSelect: \"none\",\n});\n\nconst userAvatar = style({\n  position: \"relative\",\n  marginTop: {\n    default: 0,\n    \":is([slot=preview] + *)\": \"calc(var(--size) / -2)\",\n  },\n});\n\nconst productPreviewImage = style({\n  width: \"full\",\n  aspectRatio: \"5/1\",\n  objectFit: \"cover\",\n  pointerEvents: \"none\",\n  userSelect: \"none\",\n});\n\nconst productThumbnail = style({\n  position: \"relative\",\n  pointerEvents: \"none\",\n  userSelect: \"none\",\n  size: {\n    size: {\n      XS: 24,\n      S: 36,\n      M: 40,\n      L: 44,\n      XL: 56,\n    },\n  },\n  borderRadius: {\n    default: \"default\",\n    size: {\n      XS: \"sm\",\n      S: \"sm\",\n    },\n  },\n  objectFit: \"cover\",\n  marginTop: {\n    default: 0,\n    \":is([slot=preview] + *)\": \"calc(self(height) / -2)\",\n  },\n  outlineStyle: \"solid\",\n  outlineWidth: {\n    default: 2,\n    size: {\n      XS: 1,\n    },\n  },\n  outlineColor: \"--s2-container-bg\",\n});\n\nconst productFooter = style({\n  justifyContent: \"end\",\n});\n\nexport const InternalCardViewContext = createContext({\n  ElementType: \"div\" as \"div\" | typeof HeadlessGridListItem,\n  layout: \"grid\" as \"grid\" | \"waterfall\",\n});\n\nexport const CardContext = createContext<SpectrumContextValue<CardProps>>(null);\n\ninterface InternalCardContextValue {\n  isQuiet: boolean;\n  size: CardSize;\n  itemKey?: Key;\n  isSelected: boolean;\n  isHovered: boolean;\n  isFocusVisible: boolean;\n  isPressed: boolean;\n  isCheckboxSelection: boolean;\n}\n\nconst InternalCardContext = createContext<InternalCardContextValue>({\n  isQuiet: false,\n  size: \"M\",\n  isSelected: false,\n  isHovered: false,\n  isFocusVisible: false,\n  isPressed: false,\n  isCheckboxSelection: true,\n});\n\n/* AssetCard previews accept an icon standing in for an illustration (viviana-ui\n * ships no illustration set yet). The square-wrapper treatment must apply ONLY\n * inside the preview slot — providing IconContext at the card level would leak\n * the wrapper into the Content ActionMenu's own icon — so AssetCard raises this\n * flag and CardPreview scopes the provider to its children. */\nconst InternalAssetPreviewContext = createContext(false);\n\nconst actionButtonSize = {\n  XS: \"XS\",\n  S: \"XS\",\n  M: \"S\",\n  L: \"M\",\n  XL: \"L\",\n} as const;\n\nconst avatarSize = {\n  XS: 24,\n  S: 48,\n  M: 64,\n  L: 64,\n  XL: 80,\n} as const;\n\nconst buttonSize = {\n  XS: \"S\",\n  S: \"S\",\n  M: \"M\",\n  L: \"L\",\n  XL: \"XL\",\n} as const;\n\nfunction renderCardChildren(\n  children: CardProps[\"children\"],\n  renderProps: CardRenderProps,\n): JSX.Element {\n  return typeof children === \"function\" ? children(renderProps) : children;\n}\n\nfunction CardProviders(props: {\n  size: CardSize;\n  layout: \"grid\" | \"waterfall\";\n  isSkeleton: Accessor<boolean>;\n  children: JSX.Element;\n}): JSX.Element {\n  return (\n    <ImageContext.Provider value={{ alt: \"\", styles: image({ layout: props.layout }) }}>\n      <TextContext.Provider\n        value={{\n          slots: {\n            default: {},\n            title: { styles: title({ size: props.size }) },\n            description: { styles: description({ size: props.size }) },\n          },\n        }}\n      >\n        <ContentContext.Provider value={{ styles: content({ size: props.size }) }}>\n          <DividerContext.Provider value={{ size: \"S\" }}>\n            <FooterContext.Provider value={{ styles: footer }}>\n              <ActionMenuContext.Provider\n                value={{\n                  isQuiet: true,\n                  size: actionButtonSize[props.size],\n                  isDisabled: props.isSkeleton(),\n                  \"data-slot\": \"menu\",\n                  styles: actionMenu,\n                }}\n              >\n                <SkeletonContext.Provider value={props.isSkeleton}>\n                  <ImageCoordinator>{props.children}</ImageCoordinator>\n                </SkeletonContext.Provider>\n              </ActionMenuContext.Provider>\n            </FooterContext.Provider>\n          </DividerContext.Provider>\n        </ContentContext.Provider>\n      </TextContext.Provider>\n    </ImageContext.Provider>\n  );\n}\n\nfunction SelectionIndicator(): JSX.Element {\n  const context = useContext(InternalCardContext);\n  return (\n    <div\n      class={selectionIndicator({\n        size: context.size,\n        isSelected: context.isSelected,\n        isStrokeInner: context.isQuiet && !context.isCheckboxSelection,\n      })}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\nfunction CardCheckbox(): JSX.Element {\n  const context = useContext(InternalCardContext);\n\n  if (context.itemKey == null) {\n    return null as unknown as JSX.Element;\n  }\n\n  return (\n    <div\n      class={cardCheckboxContainer}\n      onClick={(event) => event.stopPropagation()}\n      onKeyDown={(event) => event.stopPropagation()}\n    >\n      <GridListSelectionCheckbox\n        itemKey={context.itemKey}\n        class={cardCheckboxInput({ size: context.size })}\n        excludeFromTabOrder\n      />\n    </div>\n  );\n}\n\nfunction cardClassName(\n  local: Pick<CardProps, \"UNSAFE_className\" | \"class\" | \"styles\">,\n  renderProps: Partial<GridListItemRenderProps | LinkRenderProps> & {\n    size: CardSize;\n    density: CardDensity;\n    variant: CardVariant;\n    isCardView?: boolean;\n    isLink?: boolean;\n  },\n): string {\n  return [local.UNSAFE_className, local.class, card(renderProps, local.styles)]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction toInternalCardContext(input: {\n  size: CardSize;\n  itemKey?: Key;\n  isQuiet: boolean;\n  isSelected?: boolean;\n  isHovered?: boolean;\n  isFocusVisible?: boolean;\n  isPressed?: boolean;\n  isCheckboxSelection?: boolean;\n}): InternalCardContextValue {\n  return {\n    size: input.size,\n    itemKey: input.itemKey,\n    isQuiet: input.isQuiet,\n    isSelected: input.isSelected ?? false,\n    isHovered: input.isHovered ?? false,\n    isFocusVisible: input.isFocusVisible ?? false,\n    isPressed: input.isPressed ?? false,\n    isCheckboxSelection: input.isCheckboxSelection ?? false,\n  };\n}\n\n/**\n * A Card summarizes an object that a user can select or navigate to.\n */\nexport function Card(props: CardProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(CardContext), props.slot);\n  const merged = mergeProps(\n    { size: \"M\" as CardSize, density: \"regular\" as CardDensity, variant: \"primary\" as CardVariant },\n    providerProps,\n    contextProps ?? {},\n    props,\n  ) as CardProps;\n  const [local, otherProps] = splitProps(merged, [\n    \"children\",\n    \"size\",\n    \"density\",\n    \"variant\",\n    \"mesh\",\n    \"meshSeed\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"id\",\n    \"textValue\",\n    \"href\",\n    \"download\",\n    \"target\",\n    \"rel\",\n    \"slot\",\n    \"ref\",\n    \"isDisabled\",\n  ]);\n  const { ElementType, layout } = useContext(InternalCardViewContext);\n  const isSkeleton = useIsSkeleton();\n  const inertRef = useInertAttribute(isSkeleton);\n  let rootElement: HTMLElement | undefined;\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLElement> } | null)?.ref,\n    props.ref,\n    inertRef,\n    (element: HTMLElement) => {\n      rootElement = element;\n    },\n  );\n  const size = () => local.size ?? \"M\";\n  const density = () => local.density ?? \"regular\";\n  const variant = () => local.variant ?? \"primary\";\n  const isQuiet = () => variant() === \"quiet\";\n  const itemKey = () => local.id as Key | undefined;\n  /* The weave is a seeded runtime data URI with per-scheme hues, so neither the\n   * style macro (build-time classes) nor light-dark() (colors only) can carry\n   * it. It rides the same space-toggle atoms every compiled color already\n   * flips on — `initial` fires a slot's var() fallback, `\" \"` suppresses it —\n   * which setColorScheme() maintains on every Provider root. */\n  const meshBackground = createMemo(() => {\n    const mesh = local.mesh;\n    if (mesh == null || variant() === \"tertiary\" || variant() === \"quiet\") {\n      return undefined;\n    }\n    const light = meshStrip({ dark: false, variant: mesh, seed: local.meshSeed });\n    const dark = meshStrip({ dark: true, variant: mesh, seed: local.meshSeed });\n    return `var(--lightningcss-light, ${light}) var(--lightningcss-dark, ${dark})`;\n  });\n  const meshVariant = () => (meshBackground() != null ? local.mesh : undefined);\n  const rootStyle = () => {\n    const backgroundImage = meshBackground();\n    return backgroundImage == null\n      ? local.UNSAFE_style\n      : { \"background-image\": backgroundImage, ...local.UNSAFE_style };\n  };\n  const children = () => (\n    <CardProviders size={size()} layout={layout} isSkeleton={isSkeleton}>\n      {renderCardChildren(local.children, { size: size() })}\n    </CardProviders>\n  );\n  const press = () => pressScale(() => rootElement, rootStyle());\n\n  if (ElementType === \"div\" && !isSkeleton() && local.href) {\n    return (\n      <HeadlessLink\n        {...filterDOMProps(otherProps as Record<string, unknown>, { global: true })}\n        href={local.href}\n        download={local.download}\n        target={local.target}\n        rel={local.rel}\n        isDisabled={local.isDisabled}\n        ref={(element: HTMLElement) => assignRootRef(element)}\n        class={(renderProps) =>\n          cardClassName(local, {\n            ...renderProps,\n            size: size(),\n            density: density(),\n            variant: variant(),\n            isCardView: false,\n            isLink: true,\n          })\n        }\n        style={(renderProps) => (isQuiet() ? (local.UNSAFE_style ?? {}) : press()(renderProps))}\n        data-size={size()}\n        data-density={density()}\n        data-variant={variant()}\n        data-mesh={meshVariant()}\n      >\n        {(renderProps: LinkRenderProps) => (\n          <InternalCardContext.Provider\n            value={toInternalCardContext({\n              size: size(),\n              itemKey: itemKey(),\n              isQuiet: isQuiet(),\n              isHovered: renderProps.isHovered,\n              isFocusVisible: renderProps.isFocusVisible,\n              isPressed: renderProps.isPressed,\n            })}\n          >\n            {children()}\n          </InternalCardContext.Provider>\n        )}\n      </HeadlessLink>\n    );\n  }\n\n  if (ElementType === \"div\" || isSkeleton()) {\n    return (\n      <div\n        {...filterDOMProps(otherProps as Record<string, unknown>, { global: true })}\n        id={local.id != null ? String(local.id) : undefined}\n        ref={(element) => assignRootRef(element)}\n        class={cardClassName(local, {\n          size: size(),\n          density: density(),\n          variant: variant(),\n          isCardView: ElementType !== \"div\",\n        })}\n        style={rootStyle()}\n        data-size={size()}\n        data-density={density()}\n        data-variant={variant()}\n        data-mesh={meshVariant()}\n      >\n        <InternalCardContext.Provider\n          value={toInternalCardContext({\n            size: size(),\n            itemKey: itemKey(),\n            isQuiet: isQuiet(),\n          })}\n        >\n          {children()}\n        </InternalCardContext.Provider>\n      </div>\n    );\n  }\n\n  return (\n    <HeadlessGridListItem\n      {...otherProps}\n      id={local.id}\n      textValue={local.textValue}\n      ref={(element: HTMLElement) => assignRootRef(element)}\n      class={(renderProps) =>\n        cardClassName(local, {\n          ...renderProps,\n          size: size(),\n          density: density(),\n          variant: variant(),\n          isCardView: true,\n          isLink: !!local.href,\n        })\n      }\n      style={(renderProps) => (isQuiet() ? (local.UNSAFE_style ?? {}) : press()(renderProps))}\n      data-size={size()}\n      data-density={density()}\n      data-variant={variant()}\n      data-mesh={meshVariant()}\n    >\n      {(renderProps: GridListItemRenderProps) => {\n        const isCheckboxSelection =\n          renderProps.selectionMode !== \"none\" && renderProps.selectionBehavior === \"toggle\";\n        return (\n          <InternalCardContext.Provider\n            value={toInternalCardContext({\n              size: size(),\n              itemKey: itemKey(),\n              isQuiet: isQuiet(),\n              isSelected: renderProps.isSelected,\n              isHovered: renderProps.isHovered,\n              isFocusVisible: renderProps.isFocusVisible,\n              isPressed: renderProps.isPressed,\n              isCheckboxSelection,\n            })}\n          >\n            {!isQuiet() && <SelectionIndicator />}\n            {!isQuiet() && isCheckboxSelection && <CardCheckbox />}\n            <div class={displayContents}>{children()}</div>\n          </InternalCardContext.Provider>\n        );\n      }}\n    </HeadlessGridListItem>\n  );\n}\n\nexport function CardPreview(props: CardPreviewProps): JSX.Element {\n  const context = useContext(InternalCardContext);\n  const isAssetPreview = useContext(InternalAssetPreviewContext);\n  const [local, domProps] = splitProps(props, [\n    \"children\",\n    \"background\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"ref\",\n  ]);\n  let previewElement: HTMLDivElement | undefined;\n  const assignPreviewRef = mergeContextRefs(props.ref, (element: HTMLDivElement) => {\n    previewElement = element;\n  });\n  const className = () =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      preview(\n        {\n          size: context.size,\n          isQuiet: context.isQuiet,\n          isHovered: context.isHovered,\n          isFocusVisible: context.isFocusVisible,\n          isSelected: context.isSelected,\n          background: local.background,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <div\n      {...filterDOMProps(domProps as Record<string, unknown>, { global: true })}\n      slot=\"preview\"\n      ref={(element) => assignPreviewRef(element)}\n      class={className()}\n      style={\n        context.isQuiet\n          ? pressScale(() => previewElement, local.UNSAFE_style)({ isPressed: context.isPressed })\n          : local.UNSAFE_style\n      }\n    >\n      {context.isQuiet && <SelectionIndicator />}\n      {context.isQuiet && context.isCheckboxSelection && <CardCheckbox />}\n      <div class={previewClip}>\n        {isAssetPreview ? (\n          <IconContext.Provider\n            value={{\n              render: (icon) => (\n                <SkeletonWrapper>\n                  <div class={assetIllustrationWrapper}>{icon}</div>\n                </SkeletonWrapper>\n              ),\n              styles: assetIllustration,\n            }}\n          >\n            {local.children}\n          </IconContext.Provider>\n        ) : (\n          local.children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function CollectionCardPreview(props: CardPreviewProps): JSX.Element {\n  const context = useContext(InternalCardContext);\n  return (\n    <CardPreview {...props}>\n      <div class={collection({ size: context.size })}>\n        {/* `collectionImage` takes no size condition, so the macro bakes it to a class string,\n            not a selector function — passing `size` here threw at render. Inherited from the\n            port; unnoticed because nothing rendered a collection preview until now. */}\n        <ImageContext.Provider value={{ styles: collectionImage }}>\n          {props.children}\n        </ImageContext.Provider>\n      </div>\n    </CardPreview>\n  );\n}\n\nexport function AssetCard(props: AssetCardProps): JSX.Element {\n  const { layout } = useContext(InternalCardViewContext);\n  return (\n    <Card {...props} density=\"regular\">\n      {(renderProps) => (\n        <ImageContext.Provider value={{ alt: \"\", styles: assetImage({ layout }) }}>\n          <IllustrationContext.Provider\n            value={{\n              render: (icon) => (\n                <SkeletonWrapper>\n                  <div class={assetIllustrationWrapper}>{icon}</div>\n                </SkeletonWrapper>\n              ),\n              styles: assetIllustration,\n            }}\n          >\n            <InternalAssetPreviewContext.Provider value={true}>\n              {renderCardChildren(props.children, renderProps)}\n            </InternalAssetPreviewContext.Provider>\n          </IllustrationContext.Provider>\n        </ImageContext.Provider>\n      )}\n    </Card>\n  );\n}\n\nexport function UserCard(props: UserCardProps): JSX.Element {\n  return (\n    <Card {...props} density=\"spacious\">\n      {(renderProps) => (\n        <ImageContext.Provider value={{ alt: \"\", styles: userImage }}>\n          <AvatarContext.Provider\n            value={{\n              size: avatarSize[renderProps.size],\n              UNSAFE_style: {\n                \"--size\": `${avatarSize[renderProps.size] / 16}rem`,\n              },\n              styles: userAvatar,\n              isOverBackground: true,\n            }}\n          >\n            {renderCardChildren(props.children, renderProps)}\n          </AvatarContext.Provider>\n        </ImageContext.Provider>\n      )}\n    </Card>\n  );\n}\n\nexport function ProductCard(props: ProductCardProps): JSX.Element {\n  return (\n    <Card {...props} density=\"spacious\">\n      {(renderProps) => (\n        <ImageContext.Provider\n          value={{\n            slots: {\n              preview: {\n                alt: \"\",\n                styles: productPreviewImage,\n              },\n              thumbnail: {\n                alt: \"\",\n                styles: productThumbnail({ size: renderProps.size }),\n              },\n            },\n          }}\n        >\n          <FooterContext.Provider value={{ styles: mergeStyles(footer, productFooter) }}>\n            <ButtonContext.Provider value={{ size: buttonSize[renderProps.size] }}>\n              <LinkButtonContext.Provider value={{ size: buttonSize[renderProps.size] }}>\n                {renderCardChildren(props.children, renderProps)}\n              </LinkButtonContext.Provider>\n            </ButtonContext.Provider>\n          </FooterContext.Provider>\n        </ImageContext.Provider>\n      )}\n    </Card>\n  );\n}\n\nexport { Image };\n"],"mappings":"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"}