@d4gger/design-system 3.0.0 → 3.0.1

package/dist/{components/controlGroup/ControlGroup.cjs → _internal/floatingLayer.cjs}

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -26,31 +27,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ControlGroup_exports = {};
-__export(ControlGroup_exports, {
-  ControlGroup: () => ControlGroup
+var floatingLayer_exports = {};
+__export(floatingLayer_exports, {
+  FloatingLayerHostContext: () => FloatingLayerHostContext,
+  useFloatingLayerHost: () => useFloatingLayerHost
 });
-module.exports = __toCommonJS(ControlGroup_exports);
+module.exports = __toCommonJS(floatingLayer_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_controlGroup = require("./controlGroup.props");
-var import_jsx_runtime = require("react/jsx-runtime");
-const ControlGroup = React.forwardRef((props, forwardedRef) => {
-  const { asChild, className, size, radius, ...controlGroupProps } = (0, import_extractProps.extractProps)(props, import_controlGroup.controlGroupPropDefs);
-  const Comp = asChild ? import_react_slot.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Comp,
-    {
-      ...controlGroupProps,
-      ref: forwardedRef,
-      role: props.role ?? "group",
-      className: (0, import_classnames.default)("dsx-control-group", className),
-      "data-size": size,
-      "data-group-radius": radius
-    }
-  );
-});
-ControlGroup.displayName = "ControlGroup";
-//# sourceMappingURL=ControlGroup.cjs.map
+const FloatingLayerHostContext = React.createContext(false);
+function useFloatingLayerHost() {
+  return React.useContext(FloatingLayerHostContext);
+}
+//# sourceMappingURL=floatingLayer.cjs.map

package/dist/_internal/floatingLayer.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/_internal/floatingLayer.ts"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\n/**\n * Shared floating-layer tier signal (nested-tier policy).\n *\n * Menu-tier floating content (`Select`, `Combobox`, `DropdownMenu` \u2014 all\n * through `MenuContent`) paints at the dropdown tier (`--dsx-z-index-dropdown`,\n * 50), while modal-tier hosts (`Popover.Content` at `modal + 1`,\n * `Dialog.Content` at `modal`) portal to the same `document.body` level and\n * copy their content `z-index` onto their Radix wrappers. A menu opened inside\n * one of those hosts therefore paints *behind* its own host. A flat token bump\n * of the dropdown tier cannot fix this: the nested menu needs `modal + 2` to\n * clear its host, but a standalone page-level menu must stay *below* the modal\n * overlay (`--dsx-z-index-overlay`, 80) so an open Dialog still masks page\n * content. One static value cannot satisfy both, so the escalation is\n * contextual: modal-tier hosts provide this context from their content, and\n * menu-tier contents consume it to add the `dsx-menu__nested` class (resolved\n * to `modal + 2` by `_internal/baseMenu.css`).\n *\n * Provided at *content* level (not root) on purpose: `Combobox` is itself a\n * `Popover`, so a root-level signal would make every standalone Combobox\n * self-escalate above modal overlays. Content-level means only a menu nested\n * inside a *foreign* host escalates. `AlertDialog.Content` inherits the\n * behavior for free because it renders through `Dialog.Content`.\n */\nconst FloatingLayerHostContext = React.createContext(false)\n\nfunction useFloatingLayerHost(): boolean {\n  return React.useContext(FloatingLayerHostContext)\n}\n\nexport { FloatingLayerHostContext, useFloatingLayerHost }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAyBvB,MAAM,2BAA2B,MAAM,cAAc,KAAK;AAE1D,SAAS,uBAAgC;AACvC,SAAO,MAAM,WAAW,wBAAwB;AAClD;",
+  "names": []
+}

package/dist/_internal/floatingLayer.d.cts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/**
+ * Shared floating-layer tier signal (nested-tier policy).
+ *
+ * Menu-tier floating content (`Select`, `Combobox`, `DropdownMenu` — all
+ * through `MenuContent`) paints at the dropdown tier (`--dsx-z-index-dropdown`,
+ * 50), while modal-tier hosts (`Popover.Content` at `modal + 1`,
+ * `Dialog.Content` at `modal`) portal to the same `document.body` level and
+ * copy their content `z-index` onto their Radix wrappers. A menu opened inside
+ * one of those hosts therefore paints *behind* its own host. A flat token bump
+ * of the dropdown tier cannot fix this: the nested menu needs `modal + 2` to
+ * clear its host, but a standalone page-level menu must stay *below* the modal
+ * overlay (`--dsx-z-index-overlay`, 80) so an open Dialog still masks page
+ * content. One static value cannot satisfy both, so the escalation is
+ * contextual: modal-tier hosts provide this context from their content, and
+ * menu-tier contents consume it to add the `dsx-menu__nested` class (resolved
+ * to `modal + 2` by `_internal/baseMenu.css`).
+ *
+ * Provided at *content* level (not root) on purpose: `Combobox` is itself a
+ * `Popover`, so a root-level signal would make every standalone Combobox
+ * self-escalate above modal overlays. Content-level means only a menu nested
+ * inside a *foreign* host escalates. `AlertDialog.Content` inherits the
+ * behavior for free because it renders through `Dialog.Content`.
+ */
+declare const FloatingLayerHostContext: React.Context<boolean>;
+declare function useFloatingLayerHost(): boolean;
+export { FloatingLayerHostContext, useFloatingLayerHost };
+//# sourceMappingURL=floatingLayer.d.cts.map

package/dist/_internal/floatingLayer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingLayer.d.cts","sourceRoot":"","sources":["../../src/_internal/floatingLayer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,wBAAwB,wBAA6B,CAAA;AAE3D,iBAAS,oBAAoB,IAAI,OAAO,CAEvC;AAED,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/_internal/floatingLayer.d.mts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/**
+ * Shared floating-layer tier signal (nested-tier policy).
+ *
+ * Menu-tier floating content (`Select`, `Combobox`, `DropdownMenu` — all
+ * through `MenuContent`) paints at the dropdown tier (`--dsx-z-index-dropdown`,
+ * 50), while modal-tier hosts (`Popover.Content` at `modal + 1`,
+ * `Dialog.Content` at `modal`) portal to the same `document.body` level and
+ * copy their content `z-index` onto their Radix wrappers. A menu opened inside
+ * one of those hosts therefore paints *behind* its own host. A flat token bump
+ * of the dropdown tier cannot fix this: the nested menu needs `modal + 2` to
+ * clear its host, but a standalone page-level menu must stay *below* the modal
+ * overlay (`--dsx-z-index-overlay`, 80) so an open Dialog still masks page
+ * content. One static value cannot satisfy both, so the escalation is
+ * contextual: modal-tier hosts provide this context from their content, and
+ * menu-tier contents consume it to add the `dsx-menu__nested` class (resolved
+ * to `modal + 2` by `_internal/baseMenu.css`).
+ *
+ * Provided at *content* level (not root) on purpose: `Combobox` is itself a
+ * `Popover`, so a root-level signal would make every standalone Combobox
+ * self-escalate above modal overlays. Content-level means only a menu nested
+ * inside a *foreign* host escalates. `AlertDialog.Content` inherits the
+ * behavior for free because it renders through `Dialog.Content`.
+ */
+declare const FloatingLayerHostContext: React.Context<boolean>;
+declare function useFloatingLayerHost(): boolean;
+export { FloatingLayerHostContext, useFloatingLayerHost };
+//# sourceMappingURL=floatingLayer.d.mts.map

package/dist/_internal/floatingLayer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingLayer.d.mts","sourceRoot":"","sources":["../../src/_internal/floatingLayer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,wBAAwB,wBAA6B,CAAA;AAE3D,iBAAS,oBAAoB,IAAI,OAAO,CAEvC;AAED,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/_internal/floatingLayer.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/**
+ * Shared floating-layer tier signal (nested-tier policy).
+ *
+ * Menu-tier floating content (`Select`, `Combobox`, `DropdownMenu` — all
+ * through `MenuContent`) paints at the dropdown tier (`--dsx-z-index-dropdown`,
+ * 50), while modal-tier hosts (`Popover.Content` at `modal + 1`,
+ * `Dialog.Content` at `modal`) portal to the same `document.body` level and
+ * copy their content `z-index` onto their Radix wrappers. A menu opened inside
+ * one of those hosts therefore paints *behind* its own host. A flat token bump
+ * of the dropdown tier cannot fix this: the nested menu needs `modal + 2` to
+ * clear its host, but a standalone page-level menu must stay *below* the modal
+ * overlay (`--dsx-z-index-overlay`, 80) so an open Dialog still masks page
+ * content. One static value cannot satisfy both, so the escalation is
+ * contextual: modal-tier hosts provide this context from their content, and
+ * menu-tier contents consume it to add the `dsx-menu__nested` class (resolved
+ * to `modal + 2` by `_internal/baseMenu.css`).
+ *
+ * Provided at *content* level (not root) on purpose: `Combobox` is itself a
+ * `Popover`, so a root-level signal would make every standalone Combobox
+ * self-escalate above modal overlays. Content-level means only a menu nested
+ * inside a *foreign* host escalates. `AlertDialog.Content` inherits the
+ * behavior for free because it renders through `Dialog.Content`.
+ */
+declare const FloatingLayerHostContext: React.Context<boolean>;
+declare function useFloatingLayerHost(): boolean;
+export { FloatingLayerHostContext, useFloatingLayerHost };
+//# sourceMappingURL=floatingLayer.d.ts.map

package/dist/_internal/floatingLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingLayer.d.ts","sourceRoot":"","sources":["../../src/_internal/floatingLayer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,wBAAwB,wBAA6B,CAAA;AAE3D,iBAAS,oBAAoB,IAAI,OAAO,CAEvC;AAED,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/_internal/floatingLayer.js

@@ -0,0 +1,11 @@
+"use client";
+import * as React from "react";
+const FloatingLayerHostContext = React.createContext(false);
+function useFloatingLayerHost() {
+  return React.useContext(FloatingLayerHostContext);
+}
+export {
+  FloatingLayerHostContext,
+  useFloatingLayerHost
+};
+//# sourceMappingURL=floatingLayer.js.map

package/dist/_internal/floatingLayer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/_internal/floatingLayer.ts"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\n\n/**\n * Shared floating-layer tier signal (nested-tier policy).\n *\n * Menu-tier floating content (`Select`, `Combobox`, `DropdownMenu` \u2014 all\n * through `MenuContent`) paints at the dropdown tier (`--dsx-z-index-dropdown`,\n * 50), while modal-tier hosts (`Popover.Content` at `modal + 1`,\n * `Dialog.Content` at `modal`) portal to the same `document.body` level and\n * copy their content `z-index` onto their Radix wrappers. A menu opened inside\n * one of those hosts therefore paints *behind* its own host. A flat token bump\n * of the dropdown tier cannot fix this: the nested menu needs `modal + 2` to\n * clear its host, but a standalone page-level menu must stay *below* the modal\n * overlay (`--dsx-z-index-overlay`, 80) so an open Dialog still masks page\n * content. One static value cannot satisfy both, so the escalation is\n * contextual: modal-tier hosts provide this context from their content, and\n * menu-tier contents consume it to add the `dsx-menu__nested` class (resolved\n * to `modal + 2` by `_internal/baseMenu.css`).\n *\n * Provided at *content* level (not root) on purpose: `Combobox` is itself a\n * `Popover`, so a root-level signal would make every standalone Combobox\n * self-escalate above modal overlays. Content-level means only a menu nested\n * inside a *foreign* host escalates. `AlertDialog.Content` inherits the\n * behavior for free because it renders through `Dialog.Content`.\n */\nconst FloatingLayerHostContext = React.createContext(false)\n\nfunction useFloatingLayerHost(): boolean {\n  return React.useContext(FloatingLayerHostContext)\n}\n\nexport { FloatingLayerHostContext, useFloatingLayerHost }\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AAyBvB,MAAM,2BAA2B,MAAM,cAAc,KAAK;AAE1D,SAAS,uBAAgC;AACvC,SAAO,MAAM,WAAW,wBAAwB;AAClD;",
+  "names": []
+}

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