@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/card/index.js.map

@@ -0,0 +1 @@
+{"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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"}