@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/card/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card/Card.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n} from './card.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype CardElement = React.ComponentRef<'div'>\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>\ntype CardVariant = NonNullable<CardOwnProps['variant']>\ntype CardLegacyVariant = CardVariant | 'outline'\n\ninterface CardProps extends React.ComponentPropsWithoutRef<'div'>, Omit<CardOwnProps, 'variant'> {\n  variant?: CardLegacyVariant\n}\n\nfunction normalizeCardVariant(variant: CardLegacyVariant = 'default') {\n  if (variant === 'glass' || variant === 'elevated' || variant === 'filled') {\n    return variant\n  }\n  return 'default'\n}\n\nconst CardRoot = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    radius,\n    size = 'md',\n    variant = 'default',\n    ...cardProps\n  } = extractProps(props, cardPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const normalizedVariant = normalizeCardVariant(variant)\n\n  return (\n    <Comp\n      data-variant={normalizedVariant}\n      data-size={size}\n      {...cardProps}\n      ref={forwardedRef}\n      className={classNames('dsx-card', className, variant === 'outline' && 'dsx-card--outline', radius && `dsx-card--radius-${radius}`)}\n    />\n  )\n})\nCardRoot.displayName = 'Card'\n\ntype CardHeaderElement = React.ComponentRef<'div'>\ntype CardHeaderOwnProps = GetPropDefTypes<typeof cardHeaderPropDefs>\n\ninterface CardHeaderProps extends React.ComponentPropsWithoutRef<'div'>, CardHeaderOwnProps {}\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, cardHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-card__header', className)} />\n})\nCardHeader.displayName = 'CardHeader'\n\ntype CardTitleElement = React.ComponentRef<'h3'>\ntype CardTitleOwnProps = GetPropDefTypes<typeof cardTitlePropDefs>\n\ninterface CardTitleProps extends React.ComponentPropsWithoutRef<'h3'>, CardTitleOwnProps {}\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, cardTitlePropDefs)\n  const Comp = asChild ? Slot : 'h3'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-card__title', className)} />\n})\nCardTitle.displayName = 'CardTitle'\n\ntype CardDescriptionElement = React.ComponentRef<'p'>\ntype CardDescriptionOwnProps = GetPropDefTypes<typeof cardDescriptionPropDefs>\n\ninterface CardDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    CardDescriptionOwnProps {}\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, cardDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-card__description', className)}\n      />\n    )\n  },\n)\nCardDescription.displayName = 'CardDescription'\n\ntype CardContentElement = React.ComponentRef<'div'>\ntype CardContentOwnProps = GetPropDefTypes<typeof cardContentPropDefs>\n\ninterface CardContentProps extends React.ComponentPropsWithoutRef<'div'>, CardContentOwnProps {}\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, cardContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-card__content', className)} />\n})\nCardContent.displayName = 'CardContent'\n\ntype CardFooterElement = React.ComponentRef<'div'>\ntype CardFooterOwnProps = GetPropDefTypes<typeof cardFooterPropDefs>\n\ninterface CardFooterProps extends React.ComponentPropsWithoutRef<'div'>, CardFooterOwnProps {}\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>((props, forwardedRef) => {\n  const { asChild, className, ...footerProps } = extractProps(props, cardFooterPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-card__footer', className)} />\n})\nCardFooter.displayName = 'CardFooter'\n\nconst Card: typeof CardRoot & {\n  Header: typeof CardHeader\n  Title: typeof CardTitle\n  Description: typeof CardDescription\n  Content: typeof CardContent\n  Footer: typeof CardFooter\n} = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Footer: CardFooter,\n})\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle }\nexport type {\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAiCH;AApBJ,SAAS,qBAAqB,UAA6B,WAAW;AACpE,MAAI,YAAY,WAAW,YAAY,cAAc,YAAY,UAAU;AACzE,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,YAAY;AACpC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,oBAAoB,qBAAqB,OAAO;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,aAAW;AAAA,MACV,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,YAAY,WAAW,YAAY,aAAa,qBAAqB,UAAU,oBAAoB,MAAM,EAAE;AAAA;AAAA,EACnI;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,aAAa,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAOzB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,uBAAuB;AAC/F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,aAAa,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAEzB,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n} from './card.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype CardElement = React.ComponentRef<'div'>\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>\ntype CardVariant = NonNullable<CardOwnProps['variant']>\ntype CardLegacyVariant = CardVariant | 'outline'\n\ninterface CardProps extends React.ComponentPropsWithoutRef<'div'>, Omit<CardOwnProps, 'variant'> {\n  variant?: CardLegacyVariant\n}\n\nfunction normalizeCardVariant(variant: CardLegacyVariant = 'default') {\n  if (variant === 'glass' || variant === 'elevated' || variant === 'filled') {\n    return variant\n  }\n  return 'default'\n}\n\nconst CardRoot = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    radius,\n    size = 'md',\n    variant = 'default',\n    interactive = true,\n    ...cardProps\n  } = extractProps(props, cardPropDefs)\n  const Comp = asChild ? Slot : 'div'\n  const normalizedVariant = normalizeCardVariant(variant)\n\n  return (\n    <Comp\n      data-variant={normalizedVariant}\n      data-size={size}\n      data-interactive={interactive ? undefined : 'false'}\n      {...cardProps}\n      ref={forwardedRef}\n      className={classNames('dsx-card', className, variant === 'outline' && 'dsx-card--outline', radius && `dsx-card--radius-${radius}`)}\n    />\n  )\n})\nCardRoot.displayName = 'Card'\n\ntype CardHeaderElement = React.ComponentRef<'div'>\ntype CardHeaderOwnProps = GetPropDefTypes<typeof cardHeaderPropDefs>\n\ninterface CardHeaderProps extends React.ComponentPropsWithoutRef<'div'>, CardHeaderOwnProps {}\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, cardHeaderPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-card__header', className)} />\n})\nCardHeader.displayName = 'CardHeader'\n\ntype CardTitleElement = React.ComponentRef<'h3'>\ntype CardTitleOwnProps = GetPropDefTypes<typeof cardTitlePropDefs>\n\ninterface CardTitleProps extends React.ComponentPropsWithoutRef<'h3'>, CardTitleOwnProps {}\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, cardTitlePropDefs)\n  const Comp = asChild ? Slot : 'h3'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-card__title', className)} />\n})\nCardTitle.displayName = 'CardTitle'\n\ntype CardDescriptionElement = React.ComponentRef<'p'>\ntype CardDescriptionOwnProps = GetPropDefTypes<typeof cardDescriptionPropDefs>\n\ninterface CardDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    CardDescriptionOwnProps {}\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, cardDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-card__description', className)}\n      />\n    )\n  },\n)\nCardDescription.displayName = 'CardDescription'\n\ntype CardContentElement = React.ComponentRef<'div'>\ntype CardContentOwnProps = GetPropDefTypes<typeof cardContentPropDefs>\n\ninterface CardContentProps extends React.ComponentPropsWithoutRef<'div'>, CardContentOwnProps {}\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, cardContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-card__content', className)} />\n})\nCardContent.displayName = 'CardContent'\n\ntype CardFooterElement = React.ComponentRef<'div'>\ntype CardFooterOwnProps = GetPropDefTypes<typeof cardFooterPropDefs>\n\ninterface CardFooterProps extends React.ComponentPropsWithoutRef<'div'>, CardFooterOwnProps {}\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>((props, forwardedRef) => {\n  const { asChild, className, ...footerProps } = extractProps(props, cardFooterPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-card__footer', className)} />\n})\nCardFooter.displayName = 'CardFooter'\n\nconst Card: typeof CardRoot & {\n  Header: typeof CardHeader\n  Title: typeof CardTitle\n  Description: typeof CardDescription\n  Content: typeof CardContent\n  Footer: typeof CardFooter\n} = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Footer: CardFooter,\n})\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle }\nexport type {\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkCH;AArBJ,SAAS,qBAAqB,UAA6B,WAAW;AACpE,MAAI,YAAY,WAAW,YAAY,cAAc,YAAY,UAAU;AACzE,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,YAAY;AACpC,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,oBAAoB,qBAAqB,OAAO;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,oBAAkB,cAAc,SAAY;AAAA,MAC3C,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,YAAY,WAAW,YAAY,aAAa,qBAAqB,UAAU,oBAAoB,MAAM,EAAE;AAAA;AAAA,EACnI;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,aAAa,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAOzB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,uBAAuB;AAC/F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,kBAAkB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,aAAa,KAAK,cAAc,WAAW,WAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAEzB,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AACV,CAAC;",
   "names": []
 }

package/dist/components/card/card.props.cjs

@@ -29,7 +29,7 @@ module.exports = __toCommonJS(card_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 const cardVariants = ["default", "glass", "elevated", "filled"];
 const cardSizes = ["sm", "md", "lg"];
-const cardRadiusValues = ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+const cardRadiusValues = ["none", "sm", "md", "lg", "xl", "2xl"];
 const cardPropDefs = {
   ...import_asChild.asChildPropDef,
   variant: {
@@ -46,6 +46,17 @@ const cardPropDefs = {
     type: "enum",
     values: cardRadiusValues,
     default: void 0
+  },
+  /**
+   * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,
+   * background wash, elevated box-shadow) applies unconditionally to every Card, with no way
+   * to opt out — a problem for any static, non-clickable card (e.g. a pure-comparison layout)
+   * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,
+   * unchanged everywhere else); set `false` to suppress every hover effect.
+   */
+  interactive: {
+    type: "boolean",
+    default: true
   }
 };
 const cardHeaderPropDefs = {

package/dist/components/card/card.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card/card.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst cardVariants = ['default', 'glass', 'elevated', 'filled'] as const\nconst cardSizes = ['sm', 'md', 'lg'] as const\nconst cardRadiusValues = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum | string',\n    values: cardVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: cardSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: cardRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof cardVariants)[number]>\n  size: PropDef<(typeof cardSizes)[number]>\n  radius: PropDef<(typeof cardRadiusValues)[number]>\n}\n\nconst cardHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardDescriptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,eAAe,CAAC,WAAW,SAAS,YAAY,QAAQ;AAC9D,MAAM,YAAY,CAAC,MAAM,MAAM,IAAI;AACnC,MAAM,mBAAmB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;AAEvE,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst cardVariants = ['default', 'glass', 'elevated', 'filled'] as const\nconst cardSizes = ['sm', 'md', 'lg'] as const\nconst cardRadiusValues = ['none', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum | string',\n    values: cardVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: cardSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: cardRadiusValues,\n    default: undefined,\n  },\n  /**\n   * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,\n   * background wash, elevated box-shadow) applies unconditionally to every Card, with no way\n   * to opt out \u2014 a problem for any static, non-clickable card (e.g. a pure-comparison layout)\n   * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,\n   * unchanged everywhere else); set `false` to suppress every hover effect.\n   */\n  interactive: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof cardVariants)[number]>\n  size: PropDef<(typeof cardSizes)[number]>\n  radius: PropDef<(typeof cardRadiusValues)[number]>\n  interactive: PropDef\n}\n\nconst cardHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardDescriptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,eAAe,CAAC,WAAW,SAAS,YAAY,QAAQ;AAC9D,MAAM,YAAY,CAAC,MAAM,MAAM,IAAI;AACnC,MAAM,mBAAmB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,KAAK;AAE/D,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAQA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;",
   "names": []
 }

package/dist/components/card/card.props.d.cts

@@ -11,9 +11,20 @@ declare const cardPropDefs: {
     };
     radius: {
         type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+        values: readonly ["none", "sm", "md", "lg", "xl", "2xl"];
         default: undefined;
     };
+    /**
+     * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,
+     * background wash, elevated box-shadow) applies unconditionally to every Card, with no way
+     * to opt out — a problem for any static, non-clickable card (e.g. a pure-comparison layout)
+     * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,
+     * unchanged everywhere else); set `false` to suppress every hover effect.
+     */
+    interactive: {
+        type: "boolean";
+        default: true;
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/card/card.props.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"card.props.d.cts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"card.props.d.cts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;IAiBhB;;;;;;OAMG;;;;;;;;;CAWJ,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}

package/dist/components/card/card.props.d.mts

@@ -11,9 +11,20 @@ declare const cardPropDefs: {
     };
     radius: {
         type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+        values: readonly ["none", "sm", "md", "lg", "xl", "2xl"];
         default: undefined;
     };
+    /**
+     * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,
+     * background wash, elevated box-shadow) applies unconditionally to every Card, with no way
+     * to opt out — a problem for any static, non-clickable card (e.g. a pure-comparison layout)
+     * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,
+     * unchanged everywhere else); set `false` to suppress every hover effect.
+     */
+    interactive: {
+        type: "boolean";
+        default: true;
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/card/card.props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"card.props.d.mts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"card.props.d.mts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;IAiBhB;;;;;;OAMG;;;;;;;;;CAWJ,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}

package/dist/components/card/card.props.d.ts

@@ -11,9 +11,20 @@ declare const cardPropDefs: {
     };
     radius: {
         type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+        values: readonly ["none", "sm", "md", "lg", "xl", "2xl"];
         default: undefined;
     };
+    /**
+     * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,
+     * background wash, elevated box-shadow) applies unconditionally to every Card, with no way
+     * to opt out — a problem for any static, non-clickable card (e.g. a pure-comparison layout)
+     * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,
+     * unchanged everywhere else); set `false` to suppress every hover effect.
+     */
+    interactive: {
+        type: "boolean";
+        default: true;
+    };
     asChild: {
         type: "boolean";
         default: false;

package/dist/components/card/card.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.props.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"card.props.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;IAiBhB;;;;;;OAMG;;;;;;;;;CAWJ,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;CAIvB,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,GAClB,CAAA"}

package/dist/components/card/card.props.js

@@ -1,7 +1,7 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 const cardVariants = ["default", "glass", "elevated", "filled"];
 const cardSizes = ["sm", "md", "lg"];
-const cardRadiusValues = ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+const cardRadiusValues = ["none", "sm", "md", "lg", "xl", "2xl"];
 const cardPropDefs = {
   ...asChildPropDef,
   variant: {
@@ -18,6 +18,17 @@ const cardPropDefs = {
     type: "enum",
     values: cardRadiusValues,
     default: void 0
+  },
+  /**
+   * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,
+   * background wash, elevated box-shadow) applies unconditionally to every Card, with no way
+   * to opt out — a problem for any static, non-clickable card (e.g. a pure-comparison layout)
+   * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,
+   * unchanged everywhere else); set `false` to suppress every hover effect.
+   */
+  interactive: {
+    type: "boolean",
+    default: true
   }
 };
 const cardHeaderPropDefs = {

package/dist/components/card/card.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card/card.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst cardVariants = ['default', 'glass', 'elevated', 'filled'] as const\nconst cardSizes = ['sm', 'md', 'lg'] as const\nconst cardRadiusValues = ['none', 'sm', 'md', 'lg', 'xl', '2xl', 'full'] as const\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum | string',\n    values: cardVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: cardSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: cardRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof cardVariants)[number]>\n  size: PropDef<(typeof cardSizes)[number]>\n  radius: PropDef<(typeof cardRadiusValues)[number]>\n}\n\nconst cardHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardDescriptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n}\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,eAAe,CAAC,WAAW,SAAS,YAAY,QAAQ;AAC9D,MAAM,YAAY,CAAC,MAAM,MAAM,IAAI;AACnC,MAAM,mBAAmB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,OAAO,MAAM;AAEvE,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst cardVariants = ['default', 'glass', 'elevated', 'filled'] as const\nconst cardSizes = ['sm', 'md', 'lg'] as const\nconst cardRadiusValues = ['none', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum | string',\n    values: cardVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: cardSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: cardRadiusValues,\n    default: undefined,\n  },\n  /**\n   * Real gap found live, 2026-08-26: baseCard.css's `.dsx-card:hover` (border-color tint,\n   * background wash, elevated box-shadow) applies unconditionally to every Card, with no way\n   * to opt out \u2014 a problem for any static, non-clickable card (e.g. a pure-comparison layout)\n   * that shouldn't visually react to hover at all. Defaults to `true` (existing behavior,\n   * unchanged everywhere else); set `false` to suppress every hover effect.\n   */\n  interactive: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof cardVariants)[number]>\n  size: PropDef<(typeof cardSizes)[number]>\n  radius: PropDef<(typeof cardRadiusValues)[number]>\n  interactive: PropDef\n}\n\nconst cardHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardTitlePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardDescriptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst cardFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  cardContentPropDefs,\n  cardDescriptionPropDefs,\n  cardFooterPropDefs,\n  cardHeaderPropDefs,\n  cardPropDefs,\n  cardTitlePropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,eAAe,CAAC,WAAW,SAAS,YAAY,QAAQ;AAC9D,MAAM,YAAY,CAAC,MAAM,MAAM,IAAI;AACnC,MAAM,mBAAmB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM,KAAK;AAE/D,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAQA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,qBAAqB;AAAA,EACzB,GAAG;AACL;",
   "names": []
 }

package/dist/components/card.css

@@ -7,7 +7,8 @@
   gap: var(--dsx-space-md);
   padding: var(--dsx-space-lg);
   border-radius: var(--dsx-rounded-xl);
-  border-width: var(--dsx-border-width-sm);
+  /* F2 boundary hierarchy: structural role (colour set in baseCard.css). */
+  border-width: var(--dsx-boundary-structural-width);
   border-style: solid;
   color: var(--dsx-color-on-surface);
 }
@@ -63,14 +64,11 @@
   min-width: 0;
 }
 
-/* High-contrast mode: all card variants get visible background and border. */
-.dsx-card[data-high-contrast='true'] {
-  background: var(--dsx-color-high-contrast-container);
-  border-color: var(--dsx-color-high-contrast-border);
-  box-shadow: none;
-}
-
+/* High-contrast mode: all card variants get a visible background and a 2px
+   inset ring (F2 high-contrast role) instead of a recoloured 1px border. */
+.dsx-card[data-high-contrast='true'],
 .dsx-card[data-high-contrast='true'].dsx-card--outline {
   background: var(--dsx-color-high-contrast-container);
-  border-color: var(--dsx-color-high-contrast-border);
+  border-color: transparent;
+  box-shadow: var(--dsx-boundary-high-contrast-ring);
 }

package/dist/components/carousel.css

@@ -35,10 +35,19 @@
 /* Plain block, not a centering flex container: slide content (an image, a
    colored panel, arbitrary consumer markup) must fill the full slide area.
    A flex container with justify-content/align-items would shrink-wrap any
-   child to its own content size instead of the slide's 100% width. */
+   child to its own content size instead of the slide's 100% width.
+
+   `padding-inline` added 2026-08-27 — real bug found live: `.dsx-carousel__nav` buttons are
+   absolutely positioned over the viewport (left/right: space-md), and item content had no
+   built-in clearance for them. Short centered content (a price) never reached the edges, so this
+   went unnoticed; a full sentence ("this tier isn't sold in <currency>") does, and sat directly
+   under the chevrons — "the chevrons of the carousel is colliding within the text." Reserving
+   space for the nav buttons here, once, means no consumer has to remember to pad their own item
+   content to avoid them. */
 .dsx-carousel__item {
   flex: 0 0 100%;
   min-width: 0;
+  padding-inline: calc(var(--dsx-size-lg) + var(--dsx-space-md) + var(--dsx-space-xs));
 }
 
 .dsx-carousel__item:has(+ .dsx-carousel__item) {
@@ -55,15 +64,16 @@
   width: var(--dsx-size-lg);
   height: var(--dsx-size-lg);
   padding: 0;
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   border-radius: var(--dsx-rounded-full);
-  background: var(--dsx-color-surface-overlay);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
   cursor: pointer;
   z-index: var(--dsx-z-index-elevated);
   transition: background var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out),
               border-color var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out);
-  box-shadow: var(--dsx-shadow-2);
+  box-shadow: var(--dsx-shadow-elevation-2);
 }
 
 .dsx-carousel__nav:hover {
@@ -101,13 +111,17 @@
   gap: var(--dsx-space-xs);
 }
 
+/* Real contrast fix, 2026-08-25: --dsx-color-outline-variant at 4px was nearly invisible
+   against a dark surface (rgb(64,67,79) on a ~rgb(25,27,33) card — both dark, low
+   differentiation) — confirmed by direct computed-style comparison, not assumed. Swapped to
+   the stronger --dsx-color-outline token and bumped the dot itself up one size step. */
 .dsx-carousel__indicator {
-  width: var(--dsx-space-xs);
-  height: var(--dsx-space-xs);
+  width: var(--dsx-space-sm);
+  height: var(--dsx-space-sm);
   padding: 0;
   border: none;
   border-radius: var(--dsx-rounded-full);
-  background: var(--dsx-color-outline-variant);
+  background: var(--dsx-color-outline);
   cursor: pointer;
   transition: background var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out),
               width var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out);

package/dist/components/chart/Chart.cjs

@@ -29,19 +29,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Chart_exports = {};
 __export(Chart_exports, {
+  AreaChart: () => import_recharts.AreaChart,
   BarChart: () => import_recharts.BarChart,
   CartesianGrid: () => import_recharts.CartesianGrid,
   Chart: () => Chart,
+  ChartArea: () => ChartArea,
   ChartBar: () => ChartBar,
   ChartContainer: () => ChartContainer,
+  ChartDonut: () => ChartDonut,
   ChartEmpty: () => ChartEmpty,
   ChartLegend: () => ChartLegend,
   ChartLegendItem: () => ChartLegendItem,
   ChartLine: () => ChartLine,
   ChartPie: () => ChartPie,
+  ChartRadial: () => ChartRadial,
   ChartTooltip: () => import_recharts.Tooltip,
   LineChart: () => import_recharts.LineChart,
   PieChart: () => import_recharts.PieChart,
+  RadialBarChart: () => import_recharts.RadialBarChart,
   RechartsLegend: () => import_recharts.Legend,
   ResponsiveContainer: () => import_recharts.ResponsiveContainer,
   XAxis: () => import_recharts.XAxis,
@@ -55,6 +60,7 @@ var import_recharts = require("recharts");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_chart = require("./chart.props");
 var import_jsx_runtime = require("react/jsx-runtime");
+const seriesFill = (index, explicit) => explicit ?? `var(--dsx-chart-${index % 5 + 1})`;
 const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) => {
   const { asChild, className, ...containerProps } = (0, import_extractProps.extractProps)(props, import_chart.chartContainerPropDefs);
   const Comp = asChild ? import_react_slot.Slot : "div";
@@ -70,25 +76,43 @@ const ChartContainer = React.forwardRef(({ children, ...props }, forwardedRef) =
   );
 });
 ChartContainer.displayName = "ChartContainer";
-const ChartLine = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.LineChart, { data, children: [
+const chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 };
+const chartTick = { fill: "var(--dsx-semantic-muted-foreground)", fontSize: 12 };
+const chartInset = { top: 12, right: 20, bottom: 8, left: 8 };
+const chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 };
+const chartTooltipStyle = {
+  backgroundColor: "var(--dsx-color-panel-translucent)",
+  backdropFilter: "var(--dsx-effect-panel-glass-backdrop-filter)",
+  border: "1px solid var(--dsx-color-outline-variant)",
+  borderRadius: "var(--dsx-rounded-md)",
+  boxShadow: "var(--dsx-shadow-elevation-2)",
+  fontSize: 12
+};
+const chartTooltipLabel = { color: "var(--dsx-color-on-surface)" };
+const chartTooltipItemStyle = { color: "var(--dsx-color-on-surface)" };
+const chartTooltipCursor = { stroke: "var(--dsx-color-outline-variant)" };
+const chartTooltipBarCursor = { fill: "var(--dsx-color-surface-raised)" };
+const ChartLine = React.forwardRef(({ data, series, stacked, name, className, ...props }, forwardedRef) => {
+  const stackId = stacked ? "dsx-stack" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "line", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.LineChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: "value", stroke: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: seriesFill(i, s.fill), isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Line, { type: "monotone", dataKey: "value", name: name ?? "value", stroke: "var(--dsx-color-primary)", isAnimationActive: false })
   ] }) }) });
 });
 ChartLine.displayName = "ChartLine";
-const ChartBar = React.forwardRef(({ data, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.BarChart, { data, children: [
+const ChartBar = React.forwardRef(({ data, series, stacked, name, className, ...props }, forwardedRef) => {
+  const stackId = stacked ? "dsx-stack" : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "bar", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.BarChart, { data, margin: chartInset, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipBarCursor }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: s.dataKey, name: s.name ?? s.dataKey, fill: seriesFill(i, s.fill), stackId, isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Bar, { dataKey: "value", name: name ?? "value", fill: "var(--dsx-color-primary)", isAnimationActive: false })
   ] }) }) });
 });
 ChartBar.displayName = "ChartBar";
@@ -97,13 +121,48 @@ const ChartPie = React.forwardRef(({ data, className, ...props }, forwardedRef)
     () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
     [data]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: 350, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "pie", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", outerRadius: 100, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {})
   ] }) }) });
 });
 ChartPie.displayName = "ChartPie";
+const ChartDonut = React.forwardRef(({ data, label, className, ...props }, forwardedRef) => {
+  const pieData = React.useMemo(
+    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${index % 5 + 1})` })),
+    [data]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "donut", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.PieChart, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Pie, { data: pieData, dataKey: "value", nameKey: "name", cx: "50%", cy: "50%", innerRadius: 62, outerRadius: 100, isAnimationActive: false, children: pieData.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Cell, { fill: entry.fill }, entry.id ?? entry.name ?? index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {})
+    ] }) }),
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", children: label }) : null
+  ] });
+});
+ChartDonut.displayName = "ChartDonut";
+const ChartRadial = React.forwardRef(({ value, max = 100, label, className, ...props }, forwardedRef) => {
+  const clamped = Math.max(0, Math.min(value, max));
+  const data = React.useMemo(() => [{ name: "value", value: clamped, fill: "var(--dsx-color-primary)" }], [clamped]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "radial", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBarChart, { cx: "50%", cy: "50%", innerRadius: "88%", outerRadius: "100%", data, startAngle: 90, endAngle: -270, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBar, { dataKey: "value", background: { fill: "var(--dsx-color-surface-sunken)" }, isAnimationActive: false }) }) }),
+    label != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-chart__center-label", children: label }) : null
+  ] });
+});
+ChartRadial.displayName = "ChartRadial";
+const ChartArea = React.forwardRef(({ data, series, name, spark, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartContainer, { ...props, ref: forwardedRef, className, "data-chart-type": "area", "data-spark": spark || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", minWidth: chartResponsiveFallback.minWidth, minHeight: spark ? 0 : chartResponsiveFallback.minHeight, debounce: chartResponsiveFallback.debounce, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_recharts.AreaChart, { data, margin: spark ? chartSparkInset : chartInset, children: [
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.XAxis, { dataKey: "name", tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.YAxis, { tickLine: false, axisLine: false, tick: chartTick }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Tooltip, { contentStyle: chartTooltipStyle, itemStyle: chartTooltipItemStyle, labelStyle: chartTooltipLabel, cursor: chartTooltipCursor }) : null,
+    !spark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Legend, {}) : null,
+    series && series.length > 0 ? series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Area, { type: "monotone", dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: seriesFill(i, s.fill), fill: seriesFill(i, s.fill), fillOpacity: 0.1, isAnimationActive: false }, s.dataKey)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.Area, { type: "monotone", dataKey: "value", name: name ?? "value", stroke: "var(--dsx-color-primary)", fill: "var(--dsx-color-primary)", fillOpacity: 0.1, isAnimationActive: false })
+  ] }) }) });
+});
+ChartArea.displayName = "ChartArea";
 const ChartEmpty = React.forwardRef(
   ({ className, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref: forwardedRef, className: (0, import_classnames.default)("dsx-chart__empty", className) })
 );
@@ -129,6 +188,9 @@ const Chart = Object.assign(ChartContainer, {
   Line: ChartLine,
   Bar: ChartBar,
   Pie: ChartPie,
+  Donut: ChartDonut,
+  Radial: ChartRadial,
+  Area: ChartArea,
   Empty: ChartEmpty,
   Legend: ChartLegend,
   LegendItem: ChartLegendItem

package/dist/components/chart/Chart.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/chart/Chart.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Legend as RechartsLegend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip as RechartsTooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n  id?: number | string\n  name: string\n  value: number\n}\n\ntype ChartPieDatum = ChartDatum & {\n  fill: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-chart', className)}\n      data-slot=\"chart-container\"\n    >\n      {children}\n    </Comp>\n  )\n})\nChartContainer.displayName = 'ChartContainer'\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <LineChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <RechartsTooltip />\n          <RechartsLegend />\n          <Line type=\"monotone\" dataKey=\"value\" stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />\n        </LineChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <BarChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" />\n          <YAxis />\n          <RechartsTooltip />\n          <RechartsLegend />\n          <Bar dataKey=\"value\" fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />\n        </BarChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n      <ResponsiveContainer width=\"100%\" height={350}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip />\n          <RechartsLegend />\n        </PieChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n  ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n  color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n  ({ className, color, style, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-chart__legend-item', className)}\n      style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n    />\n  ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n  ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n  Container: typeof ChartContainer\n  Line: typeof ChartLine\n  Bar: typeof ChartBar\n  Pie: typeof ChartPie\n  Empty: typeof ChartEmpty\n  Legend: typeof ChartLegend\n  LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n  Container: ChartContainer,\n  Line: ChartLine,\n  Bar: ChartBar,\n  Pie: ChartPie,\n  Empty: ChartEmpty,\n  Legend: ChartLegend,\n  LegendItem: ChartLegendItem,\n})\n\nexport {\n  BarChart,\n  CartesianGrid,\n  Chart,\n  ChartBar,\n  ChartContainer,\n  ChartEmpty,\n  ChartLegend,\n  ChartLegendItem,\n  ChartLine,\n  ChartPie,\n  LineChart,\n  PieChart,\n  RechartsLegend,\n  RechartsTooltip as ChartTooltip,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n}\nexport type { ChartContainerProps, ChartDatum, ChartLegendItemProps, ChartProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Legend as RechartsLegend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  RadialBar,\n  RadialBarChart,\n  ResponsiveContainer,\n  Tooltip as RechartsTooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { chartContainerPropDefs } from './chart.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ChartDatum = {\n  id?: number | string\n  name: string\n  value: number\n}\n\ntype ChartRow = {\n  name: string\n  id?: number | string\n  [key: string]: string | number | undefined\n}\n\ntype ChartPieDatum = ChartDatum & {\n  fill: string\n}\n\ntype ChartSeries = {\n  dataKey: string\n  name?: string\n  fill?: string\n}\n\ntype ChartContainerOwnProps = GetPropDefTypes<typeof chartContainerPropDefs>\n\ninterface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement>, ChartContainerOwnProps {}\n\ninterface ChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n}\n\ninterface ChartMultiProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[] | ChartRow[]\n  series?: ChartSeries[]\n  stacked?: boolean\n  name?: string\n}\n\ninterface ChartDonutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[]\n  label?: React.ReactNode\n}\n\ninterface ChartRadialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  value: number\n  max?: number\n  label?: React.ReactNode\n}\n\ninterface ChartAreaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: ChartDatum[] | ChartRow[]\n  series?: ChartSeries[]\n  name?: string\n  spark?: boolean\n}\n\nconst seriesFill = (index: number, explicit?: string) => explicit ?? `var(--dsx-chart-${(index % 5) + 1})`\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...containerProps } = extractProps(props, chartContainerPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...containerProps}\n      ref={forwardedRef}\n      className={classNames('dsx-chart', className)}\n      data-slot=\"chart-container\"\n    >\n      {children}\n    </Comp>\n  )\n})\nChartContainer.displayName = 'ChartContainer'\n\n// minHeight mirrors --dsx-chart-min-height (240px): hidden matrix/preview\n// cells measure 0, and without a fallback recharts logs width(0)/height(0).\n// The remaining width(-1)/height(-1) lines are recharts' first-measure noise\n// on mount and clear once layout resolves \u2014 inherent, not actionable.\n// debounce shortens that window. minWidth stays 0 so narrow rails don't\n// force overflow. Spark passes minHeight 0 at its call site: a 240px floor\n// inside a ~60px spark cell renders cropped (confirmed live 2026-09-19).\nconst chartResponsiveFallback = { minWidth: 0, minHeight: 240, debounce: 50 } as const\nconst chartTick = { fill: 'var(--dsx-semantic-muted-foreground)', fontSize: 12 } as const\nconst chartInset = { top: 12, right: 20, bottom: 8, left: 8 } as const\nconst chartSparkInset = { top: 4, right: 4, bottom: 4, left: 4 } as const\nconst chartTooltipStyle = {\n  backgroundColor: 'var(--dsx-color-panel-translucent)',\n  backdropFilter: 'var(--dsx-effect-panel-glass-backdrop-filter)',\n  border: '1px solid var(--dsx-color-outline-variant)',\n  borderRadius: 'var(--dsx-rounded-md)',\n  boxShadow: 'var(--dsx-shadow-elevation-2)',\n  fontSize: 12,\n} as const\nconst chartTooltipLabel = { color: 'var(--dsx-color-on-surface)' } as const\n// Neutral item text on both themes. Recharts defaults item color to the\n// series stroke, which goes low-contrast on glass (confirmed live 2026-09-19:\n// accent-purple value text on light glass). Same neutral-text rule as menus.\nconst chartTooltipItemStyle = { color: 'var(--dsx-color-on-surface)' } as const\nconst chartTooltipCursor = { stroke: 'var(--dsx-color-outline-variant)' } as const\nconst chartTooltipBarCursor = { fill: 'var(--dsx-color-surface-raised)' } as const\n\nconst ChartLine = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n  const stackId = stacked ? 'dsx-stack' : undefined\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"line\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <LineChart data={data} margin={chartInset}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n          <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} />\n          <RechartsLegend />\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Line key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} isAnimationActive={false} />\n            ))\n            : <Line type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n        </LineChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartLine.displayName = 'ChartLine'\n\nconst ChartBar = React.forwardRef<HTMLDivElement, ChartMultiProps>(({ data, series, stacked, name, className, ...props }, forwardedRef) => {\n  const stackId = stacked ? 'dsx-stack' : undefined\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"bar\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <BarChart data={data} margin={chartInset}>\n          <CartesianGrid strokeDasharray=\"3 3\" />\n          <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} />\n          <YAxis tickLine={false} axisLine={false} tick={chartTick} />\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipBarCursor} />\n          <RechartsLegend />\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Bar key={s.dataKey} dataKey={s.dataKey} name={s.name ?? s.dataKey} fill={seriesFill(i, s.fill)} stackId={stackId} isAnimationActive={false} />\n            ))\n            : <Bar dataKey=\"value\" name={name ?? 'value'} fill=\"var(--dsx-color-primary)\" isAnimationActive={false} />}\n        </BarChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartBar.displayName = 'ChartBar'\n\nconst ChartPie = React.forwardRef<HTMLDivElement, ChartProps>(({ data, className, ...props }, forwardedRef) => {\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"pie\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" outerRadius={100} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend />\n        </PieChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartPie.displayName = 'ChartPie'\n\nconst ChartDonut = React.forwardRef<HTMLDivElement, ChartDonutProps>(({ data, label, className, ...props }, forwardedRef) => {\n  const pieData = React.useMemo<ChartPieDatum[]>(\n    () => data.map((entry, index) => ({ ...entry, fill: `var(--dsx-chart-${(index % 5) + 1})` })),\n    [data],\n  )\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"donut\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <PieChart>\n          <Pie data={pieData} dataKey=\"value\" nameKey=\"name\" cx=\"50%\" cy=\"50%\" innerRadius={62} outerRadius={100} isAnimationActive={false}>\n            {pieData.map((entry, index) => (\n              <Cell key={entry.id ?? entry.name ?? index} fill={entry.fill} />\n            ))}\n          </Pie>\n          <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} />\n          <RechartsLegend />\n        </PieChart>\n      </ResponsiveContainer>\n      {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n    </ChartContainer>\n  )\n})\nChartDonut.displayName = 'ChartDonut'\n\nconst ChartRadial = React.forwardRef<HTMLDivElement, ChartRadialProps>(({ value, max = 100, label, className, ...props }, forwardedRef) => {\n  const clamped = Math.max(0, Math.min(value, max))\n  const data = React.useMemo(() => [{ name: 'value', value: clamped, fill: 'var(--dsx-color-primary)' }], [clamped])\n\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"radial\">\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <RadialBarChart cx=\"50%\" cy=\"50%\" innerRadius=\"88%\" outerRadius=\"100%\" data={data} startAngle={90} endAngle={-270}>\n          <RadialBar dataKey=\"value\" background={{ fill: 'var(--dsx-color-surface-sunken)' }} isAnimationActive={false} />\n        </RadialBarChart>\n      </ResponsiveContainer>\n      {label != null ? <div className=\"dsx-chart__center-label\">{label}</div> : null}\n    </ChartContainer>\n  )\n})\nChartRadial.displayName = 'ChartRadial'\n\nconst ChartArea = React.forwardRef<HTMLDivElement, ChartAreaProps>(({ data, series, name, spark, className, ...props }, forwardedRef) => {\n  return (\n    <ChartContainer {...props} ref={forwardedRef} className={className} data-chart-type=\"area\" data-spark={spark || undefined}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\" minWidth={chartResponsiveFallback.minWidth} minHeight={spark ? 0 : chartResponsiveFallback.minHeight} debounce={chartResponsiveFallback.debounce}>\n        <AreaChart data={data} margin={spark ? chartSparkInset : chartInset}>\n          {!spark ? <CartesianGrid strokeDasharray=\"3 3\" /> : null}\n          {!spark ? <XAxis dataKey=\"name\" tickLine={false} axisLine={false} tick={chartTick} /> : null}\n          {!spark ? <YAxis tickLine={false} axisLine={false} tick={chartTick} /> : null}\n          {!spark ? <RechartsTooltip contentStyle={chartTooltipStyle} itemStyle={chartTooltipItemStyle} labelStyle={chartTooltipLabel} cursor={chartTooltipCursor} /> : null}\n          {!spark ? <RechartsLegend /> : null}\n          {series && series.length > 0\n            ? series.map((s, i) => (\n              <Area key={s.dataKey} type=\"monotone\" dataKey={s.dataKey} name={s.name ?? s.dataKey} stroke={seriesFill(i, s.fill)} fill={seriesFill(i, s.fill)} fillOpacity={0.1} isAnimationActive={false} />\n            ))\n            : <Area type=\"monotone\" dataKey=\"value\" name={name ?? 'value'} stroke=\"var(--dsx-color-primary)\" fill=\"var(--dsx-color-primary)\" fillOpacity={0.1} isAnimationActive={false} />}\n        </AreaChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nChartArea.displayName = 'ChartArea'\n\nconst ChartEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__empty', className)} />\n  ),\n)\nChartEmpty.displayName = 'ChartEmpty'\n\ntype ChartLegendItemProps = React.HTMLAttributes<HTMLSpanElement> & {\n  color?: string\n}\n\nconst ChartLegendItem = React.forwardRef<HTMLSpanElement, ChartLegendItemProps>(\n  ({ className, color, style, ...props }, forwardedRef) => (\n    <span\n      {...props}\n      ref={forwardedRef}\n      className={classNames('dsx-chart__legend-item', className)}\n      style={color ? { ...style, '--dsx-chart-legend-color': color } as React.CSSProperties : style}\n    />\n  ),\n)\nChartLegendItem.displayName = 'ChartLegendItem'\n\nconst ChartLegend = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <div {...props} ref={forwardedRef} className={classNames('dsx-chart__legend', className)} />\n  ),\n)\nChartLegend.displayName = 'ChartLegend'\n\nconst Chart: typeof ChartContainer & {\n  Container: typeof ChartContainer\n  Line: typeof ChartLine\n  Bar: typeof ChartBar\n  Pie: typeof ChartPie\n  Donut: typeof ChartDonut\n  Radial: typeof ChartRadial\n  Area: typeof ChartArea\n  Empty: typeof ChartEmpty\n  Legend: typeof ChartLegend\n  LegendItem: typeof ChartLegendItem\n} = Object.assign(ChartContainer, {\n  Container: ChartContainer,\n  Line: ChartLine,\n  Bar: ChartBar,\n  Pie: ChartPie,\n  Donut: ChartDonut,\n  Radial: ChartRadial,\n  Area: ChartArea,\n  Empty: ChartEmpty,\n  Legend: ChartLegend,\n  LegendItem: ChartLegendItem,\n})\n\nexport {\n  AreaChart,\n  BarChart,\n  CartesianGrid,\n  Chart,\n  ChartArea,\n  ChartBar,\n  ChartContainer,\n  ChartDonut,\n  ChartEmpty,\n  ChartLegend,\n  ChartLegendItem,\n  ChartLine,\n  ChartPie,\n  ChartRadial,\n  LineChart,\n  PieChart,\n  RadialBarChart,\n  RechartsLegend,\n  RechartsTooltip as ChartTooltip,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n}\nexport type { ChartAreaProps, ChartContainerProps, ChartDatum, ChartDonutProps, ChartLegendItemProps, ChartMultiProps, ChartProps, ChartRadialProps, ChartRow, ChartSeries }\n"],
+  "mappings": "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",
   "names": ["RechartsTooltip", "RechartsLegend", "classNames"]
 }