@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/banner/Banner.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Banner_exports = {};
+__export(Banner_exports, {
+  Banner: () => BannerRoot,
+  BannerFootnote: () => BannerFootnote,
+  BannerLabel: () => BannerLabel,
+  BannerValue: () => BannerValue
+});
+module.exports = __toCommonJS(Banner_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Text = require("../text/Text");
+var import_banner = require("./banner.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Banner = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const variant = props.variant ?? "wash";
+  const { asChild, className, ...bannerProps } = (0, import_extractProps.extractProps)({ ...props, variant }, import_banner.bannerPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "section";
+  void props.variant;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      ...bannerProps,
+      ref: forwardedRef,
+      role: "group",
+      className: (0, import_classnames.default)("dsx-banner", className),
+      "data-variant": variant,
+      children
+    }
+  );
+});
+Banner.displayName = "Banner";
+const BannerLabel = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...labelProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerLabelPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Text.Text,
+    {
+      ...labelProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "label-small",
+      tone: "muted",
+      className: (0, import_classnames.default)("dsx-banner__label", className),
+      children
+    }
+  );
+});
+BannerLabel.displayName = "BannerLabel";
+const BannerValue = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...valueProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerValuePropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...valueProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-banner__value", className), children });
+});
+BannerValue.displayName = "BannerValue";
+const BannerFootnote = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...footnoteProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerFootnotePropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Text.Text,
+    {
+      ...footnoteProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "body-small",
+      tone: "muted",
+      className: (0, import_classnames.default)("dsx-banner__footnote", className),
+      children
+    }
+  );
+});
+BannerFootnote.displayName = "BannerFootnote";
+const BannerRoot = Object.assign(Banner, {
+  Label: BannerLabel,
+  Value: BannerValue,
+  Footnote: BannerFootnote
+});
+//# sourceMappingURL=Banner.cjs.map

package/dist/components/banner/Banner.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/banner/Banner.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 { Text } from '../text/Text'\nimport {\n  bannerFootnotePropDefs,\n  bannerLabelPropDefs,\n  bannerPropDefs,\n  bannerValuePropDefs,\n} from './banner.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>\ntype BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>\ntype BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>\ntype BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>\n\ninterface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {}\ninterface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {}\ninterface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {}\ninterface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {}\n\nconst Banner = React.forwardRef<HTMLElement, BannerProps>(({ children, ...props }, forwardedRef) => {\n  const variant = props.variant ?? 'wash'\n  const { asChild, className, ...bannerProps } = extractProps({ ...props, variant }, bannerPropDefs)\n  const Comp = asChild ? Slot : 'section'\n  void props.variant\n\n  return (\n    <Comp\n      {...bannerProps}\n      ref={forwardedRef}\n      role=\"group\"\n      className={classNames('dsx-banner', className)}\n      data-variant={variant}\n    >\n      {children}\n    </Comp>\n  )\n})\nBanner.displayName = 'Banner'\n\nconst BannerLabel = React.forwardRef<HTMLSpanElement, BannerLabelProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...labelProps } = extractProps(props, bannerLabelPropDefs)\n\n  return (\n    <Text\n      {...labelProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"label-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__label', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerLabel.displayName = 'BannerLabel'\n\nconst BannerValue = React.forwardRef<HTMLSpanElement, BannerValueProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...valueProps } = extractProps(props, bannerValuePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp {...valueProps} ref={forwardedRef} className={classNames('dsx-banner__value', className)}>\n      {children}\n    </Comp>\n  )\n})\nBannerValue.displayName = 'BannerValue'\n\nconst BannerFootnote = React.forwardRef<HTMLSpanElement, BannerFootnoteProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...footnoteProps } = extractProps(props, bannerFootnotePropDefs)\n\n  return (\n    <Text\n      {...footnoteProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"body-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__footnote', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerFootnote.displayName = 'BannerFootnote'\n\nconst BannerRoot: typeof Banner & {\n  Label: typeof BannerLabel\n  Value: typeof BannerValue\n  Footnote: typeof BannerFootnote\n} = Object.assign(Banner, {\n  Label: BannerLabel,\n  Value: BannerValue,\n  Footnote: BannerFootnote,\n})\n\nexport {\n  BannerRoot as Banner,\n  BannerFootnote,\n  BannerLabel,\n  BannerValue,\n}\nexport type {\n  BannerFootnoteProps,\n  BannerLabelProps,\n  BannerProps,\n  BannerValueProps,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,oBAKO;AAqBH;AAPJ,MAAM,SAAS,MAAM,WAAqC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAClG,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,EAAE,GAAG,OAAO,QAAQ,GAAG,4BAAc;AACjG,QAAM,OAAO,UAAU,yBAAO;AAC9B,OAAK,MAAM;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,cAAc,SAAS;AAAA,MAC7C,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,iCAAmB;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,qBAAqB,SAAS;AAAA,MAEnD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,iCAAmB;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAC1F,UACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,iBAAiB,MAAM,WAAiD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACtH,QAAM,EAAE,SAAS,WAAW,GAAG,cAAc,QAAI,kCAAa,OAAO,oCAAsB;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,wBAAwB,SAAS;AAAA,MAEtD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,QAAQ;AAAA,EACxB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;",
+  "names": ["classNames"]
+}

package/dist/components/banner/Banner.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs } from './banner.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>;
+type BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>;
+type BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>;
+type BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>;
+interface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {
+}
+interface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {
+}
+interface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {
+}
+interface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLElement>>;
+declare const BannerLabel: React.ForwardRefExoticComponent<BannerLabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerValue: React.ForwardRefExoticComponent<BannerValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerFootnote: React.ForwardRefExoticComponent<BannerFootnoteProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerRoot: typeof Banner & {
+    Label: typeof BannerLabel;
+    Value: typeof BannerValue;
+    Footnote: typeof BannerFootnote;
+};
+export { BannerRoot as Banner, BannerFootnote, BannerLabel, BannerValue, };
+export type { BannerFootnoteProps, BannerLabelProps, BannerProps, BannerValueProps, };
+//# sourceMappingURL=Banner.d.cts.map

package/dist/components/banner/Banner.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.cts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc;CAAG;AAClF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAC/G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,mBAAmB;CAAG;AAChG,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,sBAAsB;CAAG;AAErH,QAAA,MAAM,MAAM,iFAiBV,CAAA;AAGF,QAAA,MAAM,WAAW,0FAef,CAAA;AAGF,QAAA,MAAM,WAAW,0FASf,CAAA;AAGF,QAAA,MAAM,cAAc,6FAelB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,MAAM,GAAG;IAChC,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,QAAQ,EAAE,OAAO,cAAc,CAAA;CAK/B,CAAA;AAEF,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,cAAc,EACd,WAAW,EACX,WAAW,GACZ,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/banner/Banner.d.mts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs } from './banner.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>;
+type BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>;
+type BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>;
+type BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>;
+interface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {
+}
+interface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {
+}
+interface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {
+}
+interface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLElement>>;
+declare const BannerLabel: React.ForwardRefExoticComponent<BannerLabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerValue: React.ForwardRefExoticComponent<BannerValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerFootnote: React.ForwardRefExoticComponent<BannerFootnoteProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerRoot: typeof Banner & {
+    Label: typeof BannerLabel;
+    Value: typeof BannerValue;
+    Footnote: typeof BannerFootnote;
+};
+export { BannerRoot as Banner, BannerFootnote, BannerLabel, BannerValue, };
+export type { BannerFootnoteProps, BannerLabelProps, BannerProps, BannerValueProps, };
+//# sourceMappingURL=Banner.d.mts.map

package/dist/components/banner/Banner.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.mts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc;CAAG;AAClF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAC/G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,mBAAmB;CAAG;AAChG,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,sBAAsB;CAAG;AAErH,QAAA,MAAM,MAAM,iFAiBV,CAAA;AAGF,QAAA,MAAM,WAAW,0FAef,CAAA;AAGF,QAAA,MAAM,WAAW,0FASf,CAAA;AAGF,QAAA,MAAM,cAAc,6FAelB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,MAAM,GAAG;IAChC,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,QAAQ,EAAE,OAAO,cAAc,CAAA;CAK/B,CAAA;AAEF,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,cAAc,EACd,WAAW,EACX,WAAW,GACZ,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/banner/Banner.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs } from './banner.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>;
+type BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>;
+type BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>;
+type BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>;
+interface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {
+}
+interface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {
+}
+interface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {
+}
+interface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLElement>>;
+declare const BannerLabel: React.ForwardRefExoticComponent<BannerLabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerValue: React.ForwardRefExoticComponent<BannerValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerFootnote: React.ForwardRefExoticComponent<BannerFootnoteProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerRoot: typeof Banner & {
+    Label: typeof BannerLabel;
+    Value: typeof BannerValue;
+    Footnote: typeof BannerFootnote;
+};
+export { BannerRoot as Banner, BannerFootnote, BannerLabel, BannerValue, };
+export type { BannerFootnoteProps, BannerLabelProps, BannerProps, BannerValueProps, };
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc;CAAG;AAClF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAC/G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,mBAAmB;CAAG;AAChG,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,sBAAsB;CAAG;AAErH,QAAA,MAAM,MAAM,iFAiBV,CAAA;AAGF,QAAA,MAAM,WAAW,0FAef,CAAA;AAGF,QAAA,MAAM,WAAW,0FASf,CAAA;AAGF,QAAA,MAAM,cAAc,6FAelB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,MAAM,GAAG;IAChC,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,QAAQ,EAAE,OAAO,cAAc,CAAA;CAK/B,CAAA;AAEF,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,cAAc,EACd,WAAW,EACX,WAAW,GACZ,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/banner/Banner.js

@@ -0,0 +1,80 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Text } from "../text/Text.js";
+import {
+  bannerFootnotePropDefs,
+  bannerLabelPropDefs,
+  bannerPropDefs,
+  bannerValuePropDefs
+} from "./banner.props.js";
+import { jsx } from "react/jsx-runtime";
+const Banner = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const variant = props.variant ?? "wash";
+  const { asChild, className, ...bannerProps } = extractProps({ ...props, variant }, bannerPropDefs);
+  const Comp = asChild ? Slot : "section";
+  void props.variant;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...bannerProps,
+      ref: forwardedRef,
+      role: "group",
+      className: classNames("dsx-banner", className),
+      "data-variant": variant,
+      children
+    }
+  );
+});
+Banner.displayName = "Banner";
+const BannerLabel = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...labelProps } = extractProps(props, bannerLabelPropDefs);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...labelProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "label-small",
+      tone: "muted",
+      className: classNames("dsx-banner__label", className),
+      children
+    }
+  );
+});
+BannerLabel.displayName = "BannerLabel";
+const BannerValue = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...valueProps } = extractProps(props, bannerValuePropDefs);
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { ...valueProps, ref: forwardedRef, className: classNames("dsx-banner__value", className), children });
+});
+BannerValue.displayName = "BannerValue";
+const BannerFootnote = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...footnoteProps } = extractProps(props, bannerFootnotePropDefs);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...footnoteProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "body-small",
+      tone: "muted",
+      className: classNames("dsx-banner__footnote", className),
+      children
+    }
+  );
+});
+BannerFootnote.displayName = "BannerFootnote";
+const BannerRoot = Object.assign(Banner, {
+  Label: BannerLabel,
+  Value: BannerValue,
+  Footnote: BannerFootnote
+});
+export {
+  BannerRoot as Banner,
+  BannerFootnote,
+  BannerLabel,
+  BannerValue
+};
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/banner/Banner.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 { Text } from '../text/Text'\nimport {\n  bannerFootnotePropDefs,\n  bannerLabelPropDefs,\n  bannerPropDefs,\n  bannerValuePropDefs,\n} from './banner.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>\ntype BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>\ntype BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>\ntype BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>\n\ninterface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {}\ninterface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {}\ninterface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {}\ninterface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {}\n\nconst Banner = React.forwardRef<HTMLElement, BannerProps>(({ children, ...props }, forwardedRef) => {\n  const variant = props.variant ?? 'wash'\n  const { asChild, className, ...bannerProps } = extractProps({ ...props, variant }, bannerPropDefs)\n  const Comp = asChild ? Slot : 'section'\n  void props.variant\n\n  return (\n    <Comp\n      {...bannerProps}\n      ref={forwardedRef}\n      role=\"group\"\n      className={classNames('dsx-banner', className)}\n      data-variant={variant}\n    >\n      {children}\n    </Comp>\n  )\n})\nBanner.displayName = 'Banner'\n\nconst BannerLabel = React.forwardRef<HTMLSpanElement, BannerLabelProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...labelProps } = extractProps(props, bannerLabelPropDefs)\n\n  return (\n    <Text\n      {...labelProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"label-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__label', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerLabel.displayName = 'BannerLabel'\n\nconst BannerValue = React.forwardRef<HTMLSpanElement, BannerValueProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...valueProps } = extractProps(props, bannerValuePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp {...valueProps} ref={forwardedRef} className={classNames('dsx-banner__value', className)}>\n      {children}\n    </Comp>\n  )\n})\nBannerValue.displayName = 'BannerValue'\n\nconst BannerFootnote = React.forwardRef<HTMLSpanElement, BannerFootnoteProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...footnoteProps } = extractProps(props, bannerFootnotePropDefs)\n\n  return (\n    <Text\n      {...footnoteProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"body-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__footnote', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerFootnote.displayName = 'BannerFootnote'\n\nconst BannerRoot: typeof Banner & {\n  Label: typeof BannerLabel\n  Value: typeof BannerValue\n  Footnote: typeof BannerFootnote\n} = Object.assign(Banner, {\n  Label: BannerLabel,\n  Value: BannerValue,\n  Footnote: BannerFootnote,\n})\n\nexport {\n  BannerRoot as Banner,\n  BannerFootnote,\n  BannerLabel,\n  BannerValue,\n}\nexport type {\n  BannerFootnoteProps,\n  BannerLabelProps,\n  BannerProps,\n  BannerValueProps,\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH;AAPJ,MAAM,SAAS,MAAM,WAAqC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAClG,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,EAAE,GAAG,OAAO,QAAQ,GAAG,cAAc;AACjG,QAAM,OAAO,UAAU,OAAO;AAC9B,OAAK,MAAM;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAW,WAAW,cAAc,SAAS;AAAA,MAC7C,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,mBAAmB;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAW,WAAW,qBAAqB,SAAS;AAAA,MAEnD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,mBAAmB;AACrF,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAC1F,UACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,iBAAiB,MAAM,WAAiD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACtH,QAAM,EAAE,SAAS,WAAW,GAAG,cAAc,IAAI,aAAa,OAAO,sBAAsB;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAW,WAAW,wBAAwB,SAAS;AAAA,MAEtD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,QAAQ;AAAA,EACxB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/components/{controlGroup/controlGroup.props.cjs → banner/banner.props.cjs}

@@ -16,25 +16,32 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var controlGroup_props_exports = {};
-__export(controlGroup_props_exports, {
-  controlGroupPropDefs: () => controlGroupPropDefs
+var banner_props_exports = {};
+__export(banner_props_exports, {
+  bannerFootnotePropDefs: () => bannerFootnotePropDefs,
+  bannerLabelPropDefs: () => bannerLabelPropDefs,
+  bannerPropDefs: () => bannerPropDefs,
+  bannerValuePropDefs: () => bannerValuePropDefs
 });
-module.exports = __toCommonJS(controlGroup_props_exports);
+module.exports = __toCommonJS(banner_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
-const controlGroupSizes = ["sm", "md", "lg"];
-const controlGroupRadii = ["md", "full"];
-const controlGroupPropDefs = {
+const bannerVariants = ["wash", "fill"];
+const bannerPropDefs = {
   ...import_asChild.asChildPropDef,
-  size: {
+  variant: {
     type: "enum",
-    values: controlGroupSizes,
-    default: "md"
-  },
-  radius: {
-    type: "enum",
-    values: controlGroupRadii,
-    default: "full"
+    className: "dsx-banner-variant",
+    values: bannerVariants,
+    default: "wash"
   }
 };
-//# sourceMappingURL=controlGroup.props.cjs.map
+const bannerLabelPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const bannerValuePropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const bannerFootnotePropDefs = {
+  ...import_asChild.asChildPropDef
+};
+//# sourceMappingURL=banner.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/banner/banner.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bannerVariants = ['wash', 'fill'] as const\n\nconst bannerPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    className: 'dsx-banner-variant',\n    values: bannerVariants,\n    default: 'wash',\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof bannerVariants)[number]>\n}\n\nconst bannerLabelPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst bannerValuePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst bannerFootnotePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  bannerFootnotePropDefs,\n  bannerLabelPropDefs,\n  bannerPropDefs,\n  bannerValuePropDefs,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,iBAAiB,CAAC,QAAQ,MAAM;AAEtC,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;",
+  "names": []
+}

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

@@ -0,0 +1,32 @@
+declare const bannerPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["wash", "fill"];
+        default: "wash";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerLabelPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerValuePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerFootnotePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs, };
+//# sourceMappingURL=banner.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.props.d.cts","sourceRoot":"","sources":["../../../src/components/banner/banner.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc;;;;;;;;;;;CAWnB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,GACpB,CAAA"}

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

@@ -0,0 +1,32 @@
+declare const bannerPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["wash", "fill"];
+        default: "wash";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerLabelPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerValuePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerFootnotePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs, };
+//# sourceMappingURL=banner.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.props.d.mts","sourceRoot":"","sources":["../../../src/components/banner/banner.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc;;;;;;;;;;;CAWnB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,GACpB,CAAA"}

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

@@ -0,0 +1,32 @@
+declare const bannerPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["wash", "fill"];
+        default: "wash";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerLabelPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerValuePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const bannerFootnotePropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs, };
+//# sourceMappingURL=banner.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.props.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc;;;;;;;;;;;CAWnB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,mBAAmB;;;;;CAIxB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;;;CAI3B,CAAA;AAED,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,GACpB,CAAA"}

package/dist/components/banner/banner.props.js

@@ -0,0 +1,27 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const bannerVariants = ["wash", "fill"];
+const bannerPropDefs = {
+  ...asChildPropDef,
+  variant: {
+    type: "enum",
+    className: "dsx-banner-variant",
+    values: bannerVariants,
+    default: "wash"
+  }
+};
+const bannerLabelPropDefs = {
+  ...asChildPropDef
+};
+const bannerValuePropDefs = {
+  ...asChildPropDef
+};
+const bannerFootnotePropDefs = {
+  ...asChildPropDef
+};
+export {
+  bannerFootnotePropDefs,
+  bannerLabelPropDefs,
+  bannerPropDefs,
+  bannerValuePropDefs
+};
+//# sourceMappingURL=banner.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/banner/banner.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bannerVariants = ['wash', 'fill'] as const\n\nconst bannerPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    className: 'dsx-banner-variant',\n    values: bannerVariants,\n    default: 'wash',\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof bannerVariants)[number]>\n}\n\nconst bannerLabelPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst bannerValuePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst bannerFootnotePropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  bannerFootnotePropDefs,\n  bannerLabelPropDefs,\n  bannerPropDefs,\n  bannerValuePropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,iBAAiB,CAAC,QAAQ,MAAM;AAEtC,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AACL;",
+  "names": []
+}

package/dist/components/banner.css

@@ -0,0 +1,61 @@
+.dsx-banner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dsx-space-xs);
+  padding: var(--dsx-space-lg);
+  border-radius: var(--dsx-rounded-lg);
+  background: var(--dsx-color-primary-container);
+  box-sizing: border-box;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.dsx-banner :is(.dsx-banner__label, .dsx-banner__value, .dsx-banner__footnote) {
+  color: var(--dsx-color-on-primary-container);
+}
+
+/* Fill: solid accent mass reusing Button primary's solved compliance —
+   accent-track background with accent-contrast text (near-black on spark,
+   white elsewhere, per the token). Wash stays the default hero. */
+.dsx-banner:where([data-variant='fill'], .dsx-banner-variant-fill) {
+  background: var(--dsx-color-accent-track);
+}
+
+.dsx-banner:where([data-variant='fill'], .dsx-banner-variant-fill) .dsx-banner__label,
+.dsx-banner:where([data-variant='fill'], .dsx-banner-variant-fill) .dsx-banner__value,
+.dsx-banner:where([data-variant='fill'], .dsx-banner-variant-fill) .dsx-banner__footnote {
+  color: var(--dsx-color-accent-contrast);
+}
+
+.dsx-banner__label {
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+  line-height: var(--dsx-typography-label-small-line-height);
+  letter-spacing: var(--dsx-typography-label-small-letter-spacing);
+  font-variation-settings: var(--dsx-typography-label-small-font-variation-settings);
+  text-transform: var(--dsx-typography-label-small-text-transform);
+  text-decoration: var(--dsx-typography-label-small-text-decoration);
+}
+
+.dsx-banner__value {
+  font-family: var(--dsx-typography-display-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-display-medium-font-size);
+  font-weight: var(--dsx-typography-display-medium-font-weight);
+  line-height: var(--dsx-typography-display-medium-line-height);
+  letter-spacing: var(--dsx-typography-display-medium-letter-spacing);
+  font-variation-settings: var(--dsx-typography-display-medium-font-variation-settings);
+  text-transform: var(--dsx-typography-display-medium-text-transform);
+  text-decoration: var(--dsx-typography-display-medium-text-decoration);
+}
+
+.dsx-banner__footnote {
+  font-family: var(--dsx-typography-body-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-small-font-size);
+  font-weight: var(--dsx-typography-body-small-font-weight);
+  line-height: var(--dsx-typography-body-small-line-height);
+  letter-spacing: var(--dsx-typography-body-small-letter-spacing);
+  font-variation-settings: var(--dsx-typography-body-small-font-variation-settings);
+  text-transform: var(--dsx-typography-body-small-text-transform);
+  text-decoration: var(--dsx-typography-body-small-text-decoration);
+}

package/dist/components/blockquote.css

@@ -3,10 +3,13 @@
 .dsx-blockquote {
   box-sizing: border-box;
   margin: 0;
-  padding-left: var(--dsx-space-lg);
-  border-left: var(--dsx-border-width-xl) solid var(--dsx-color-primary);
+  padding-inline-start: var(--dsx-space-lg);
+  border-inline-start: var(--dsx-boundary-divider-width) solid var(--dsx-color-accent-border);
   font-family: var(--dsx-typography-body-large-font-family), sans-serif;
   font-size: var(--dsx-typography-body-large-font-size);
+  font-weight: var(--dsx-typography-body-large-font-weight);
+  letter-spacing: var(--dsx-typography-body-large-letter-spacing);
+  font-variation-settings: var(--dsx-typography-body-large-font-variation-settings);
   font-style: italic;
   line-height: var(--dsx-typography-body-large-line-height);
   color: var(--dsx-color-on-surface-variant);
@@ -14,10 +17,10 @@
 
 .dsx-blockquote--muted {
   color: var(--dsx-color-on-surface-variant);
-  border-left-color: var(--dsx-color-outline-variant);
+  border-inline-start-color: var(--dsx-color-outline-variant);
 }
 
 .dsx-blockquote--inverse {
   color: var(--dsx-color-on-inverse-background);
-  border-left-color: var(--dsx-color-on-inverse-background);
+  border-inline-start-color: var(--dsx-color-on-inverse-background);
 }