@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/control-group.css

@@ -0,0 +1,142 @@
+/* data-group-radius, not data-radius (2026-08-26, real bug found live): data-radius is a
+   reserved document-theme attribute that PortalThemeBoundary walks up via closest-ancestor
+   lookup to mirror the app's global radius setting into portaled content (Select/Dialog/
+   Popover/etc). A component-local data-radius sitting between a portal trigger and <html>
+   gets picked up instead of the real value — confirmed live via a Select inside this
+   component whose dropdown opened at 9999px border-radius instead of the real global radius. */
+.dsx-control-group {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  isolation: isolate;
+  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
+  background: var(--dsx-color-surface);
+  padding: var(--dsx-space-xs);
+  min-width: max-content;
+}
+
+/* Real bug found live (2026-08-26, direct screenshot: an active ToggleGroup item's filled
+   background poked a hard square corner past this frame's rounded-full pill): this used to set
+   a bespoke `--dsx-control-group-item-radius` custom property that only this file ever read.
+   ButtonGroup, SegmentedControl, ToggleGroup, and baseInput all already share one established
+   convention for the same concept — `--dsx-grouped-radius` (declared globally in tokens.css,
+   defaulting to `--dsx-rounded-md`) — and ToggleGroup's own per-item corner rules (this file's
+   sibling, toggle-group.css) read exactly that token with that exact fallback. Because
+   ControlGroup never set it, every child silently fell back to `--dsx-rounded-md` (8px)
+   regardless of ControlGroup's own `radius` prop — invisible for a plain-bordered rest-state
+   corner, glaringly visible once an active item got a real fill (this session's ToggleGroup
+   contrast fix). Renamed to join the existing convention instead of inventing a second one. */
+.dsx-control-group[data-group-radius='full'] {
+  border-radius: var(--dsx-rounded-full);
+  --dsx-grouped-radius: var(--dsx-rounded-full);
+}
+
+.dsx-control-group[data-group-radius='md'] {
+  border-radius: var(--dsx-rounded-md);
+  --dsx-grouped-radius: var(--dsx-rounded-md);
+}
+
+/* Direct children keep their own border/shadow/background — ControlGroup only manages the two
+   outer corners (so a child's own rounded shape matches the frame's curve instead of poking a
+   square corner past it, the exact bug that motivated this component) and a 1px seam between
+   adjacent children. Not a border-collapse like InputGroup: children here are not assumed to
+   share one border width, since they're full DS components, not stacked form parts.
+   --dsx-grouped-radius (set on the root above, per data-radius) keeps these child
+   selectors at class+pseudo-class specificity instead of repeating the [data-radius] attribute
+   on every rule — the CSS selector policy caps specificity, this keeps both radius values
+   covered by two selectors instead of four.
+
+   Real bug found live (2026-08-26): a child composed from a component that renders
+   PortalThemeBoundary (Select, Dialog, Popover, DropdownMenu, ...) injects a `hidden`
+   `<span data-dsx-portal-probe>` as ITS OWN first DOM sibling, ahead of the component's visible
+   markup — confirmed via a Select child, whose actual `:first-child` in the DOM was that hidden
+   probe span, not the visible trigger button. `> *:first-child` landed the corner radius on the
+   invisible probe, leaving the real trigger's own default (non-full) radius untouched — the
+   "currency picker isn't rounded" bug. The probe is always exactly one hidden leading sibling
+   (never last), so `:first-child` alone still needs a fallback for "the element right after a
+   hidden first child"; `:last-child` needed no change since the probe is never last. */
+.dsx-control-group > *:first-child:not([hidden]),
+.dsx-control-group > [hidden]:first-child + * {
+  border-start-start-radius: var(--dsx-grouped-radius);
+  border-end-start-radius: var(--dsx-grouped-radius);
+}
+
+.dsx-control-group > *:last-child {
+  border-start-end-radius: var(--dsx-grouped-radius);
+  border-end-end-radius: var(--dsx-grouped-radius);
+}
+
+/* Real bug found live (2026-08-26, direct screenshot annotation pointing at the seam between
+   Select and ToggleGroup): the two rules above only ever touched each child's OUTER corners —
+   the INNER corners (Select's right edge, ToggleGroup's left edge, where they meet at the
+   divider) were left at that child's own component default (Select's own `--dsx-rounded-md`,
+   8px), not explicitly squared. Confirmed via computed style: Select's own `border-radius`
+   read `9999px 8px 8px 9999px` — the outer-left corner correctly matched the pill, but the
+   inner-right corner sat at a stray 8px instead of 0, reading as a mismatched notch right at
+   the seam. Every grouped-control convention in this DS (ButtonGroup, SegmentedControl) squares
+   the inner-facing corners explicitly rather than assuming a child's own default is already 0 —
+   this closes the same gap here.
+
+   ROOT CAUSE, not another patch (2026-08-26, same-day correction after the fix above still
+   broke, confirmed live via a screenshot of the currency dropdown OPEN): the very next rule
+   added here (a generic "middle child" `:not(:first-child):not(:last-child) { border-radius:
+   0 }`) was written for a hypothetical 3+-child ControlGroup that has never existed anywhere in
+   this codebase — the only real usage today is exactly two children (Select + ToggleGroup).
+   Because PortalThemeBoundary's hidden probe span sits at real DOM index 0, Select's own
+   trigger sits at DOM index 1 — neither `:first-child` nor `:last-child` — so the speculative
+   middle-child rule matched it by accident, tied in specificity with the correct
+   `[hidden]:first-child + *` rule above, and won by coming later in the file, forcing
+   `border-radius: 0` on ALL FOUR corners including the outer-left one this file exists to
+   round. Deleted rather than special-cased further: a selector with no real target is the
+   actual defect here, not something to keep patching around. If a genuine 3+-child ControlGroup
+   ever ships, its middle-child corner logic needs designing against that real DOM shape then —
+   not speculatively now, against a shape that doesn't exist and that the hidden-probe mechanic
+   actively defeats. */
+.dsx-control-group > *:first-child:not([hidden]),
+.dsx-control-group > [hidden]:first-child + * {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.dsx-control-group > *:last-child {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+
+/* The `:not([hidden])` on the preceding sibling keeps the divider off the first VISIBLE child
+   when a PortalThemeBoundary child (Select, Dialog, Popover, DropdownMenu, ...) injects a hidden
+   `<span data-dsx-portal-probe>` at real DOM index 0 (2026-08-27 "stray separator on the left
+   side" bug). A plain `* + *` matches "has a preceding sibling element" regardless of whether
+   that sibling is hidden, so it previously needed a separate `content: none` override for the
+   probe case. Folding the guard into the base selector removes that override and keeps the rule
+   under the `0,3,0` selector-policy specificity ceiling — a three-class guard plus `::before`
+   lands at `0,3,1`. */
+.dsx-control-group > *:not([hidden]) + * {
+  position: relative;
+}
+
+.dsx-control-group > *:not([hidden]) + *::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: calc(-1 * var(--dsx-space-xs));
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--dsx-border-width-sm);
+  height: 60%;
+  background: var(--dsx-color-outline-variant);
+  pointer-events: none;
+}
+
+/* Lift a focused child above its neighbors so its focus ring is never clipped by the group's
+   own rounded corners or the seam divider. */
+.dsx-control-group > *:focus-within {
+  z-index: 1;
+}
+
+.dsx-control-group[data-size='sm'] {
+  padding: var(--dsx-space-1, 2px);
+}
+
+.dsx-control-group[data-size='lg'] {
+  padding: var(--dsx-space-sm);
+}

package/dist/components/controlGroup/ControlGroup.cjs

@@ -0,0 +1,56 @@
+"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 ControlGroup_exports = {};
+__export(ControlGroup_exports, {
+  ControlGroup: () => ControlGroup
+});
+module.exports = __toCommonJS(ControlGroup_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

package/dist/components/controlGroup/ControlGroup.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/controlGroup/ControlGroup.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 { controlGroupPropDefs } from './controlGroup.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ControlGroupOwnProps = GetPropDefTypes<typeof controlGroupPropDefs>\n\ninterface ControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, ControlGroupOwnProps {}\n\n/**\n * Visually groups two or more unlike controls (a Select next to a ToggleGroup, a Button next to\n * a SegmentedControl) inside one shared bordered frame. Unlike InputGroup, no single child is\n * assumed to be \"the\" input, so children are consumed as-is \u2014 no Addon/Text/Button wrapper slots.\n * See docs/design-system/control-group.md for the full spec.\n */\nconst ControlGroup = React.forwardRef<HTMLDivElement, ControlGroupProps>((props, forwardedRef) => {\n  const { asChild, className, size, radius, ...controlGroupProps } = extractProps(props, controlGroupPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...controlGroupProps}\n      ref={forwardedRef}\n      role={props.role ?? 'group'}\n      className={classNames('dsx-control-group', className)}\n      data-size={size}\n      // NOT data-radius (2026-08-26, real bug found live): `data-radius` is a reserved\n      // document-theme attribute \u2014 PortalThemeBoundary's getClosestThemeAttribute(el,\n      // 'data-radius') walks up the nearest ancestor with that attribute name to mirror the\n      // app's global radius setting into portaled content (Select/Dialog/Popover/etc). A\n      // component-local `data-radius` sitting between the portal trigger and <html> gets\n      // picked up INSTEAD of the real document-level value \u2014 confirmed live: a Select inside\n      // this component's radius=\"full\" frame opened its dropdown at 9999px border-radius and\n      // --dsx-rounded-lg itself resolved to 9999px on the portaled content, while <html> still\n      // correctly read data-radius=\"md\". data-group-radius avoids the collision.\n      data-group-radius={radius}\n    />\n  )\n})\nControlGroup.displayName = 'ControlGroup'\n\nexport { ControlGroup }\nexport type { ControlGroupProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,0BAAqC;AAmBjC;AALJ,MAAM,eAAe,MAAM,WAA8C,CAAC,OAAO,iBAAiB;AAChG,QAAM,EAAE,SAAS,WAAW,MAAM,QAAQ,GAAG,kBAAkB,QAAI,kCAAa,OAAO,wCAAoB;AAC3G,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,MAAM,QAAQ;AAAA,MACpB,eAAW,kBAAAA,SAAW,qBAAqB,SAAS;AAAA,MACpD,aAAW;AAAA,MAUX,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AACD,aAAa,cAAc;",
+  "names": ["classNames"]
+}

package/dist/components/controlGroup/ControlGroup.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { controlGroupPropDefs } from './controlGroup.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type ControlGroupOwnProps = GetPropDefTypes<typeof controlGroupPropDefs>;
+interface ControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, ControlGroupOwnProps {
+}
+/**
+ * Visually groups two or more unlike controls (a Select next to a ToggleGroup, a Button next to
+ * a SegmentedControl) inside one shared bordered frame. Unlike InputGroup, no single child is
+ * assumed to be "the" input, so children are consumed as-is — no Addon/Text/Button wrapper slots.
+ * See docs/design-system/control-group.md for the full spec.
+ */
+declare const ControlGroup: React.ForwardRefExoticComponent<ControlGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ControlGroup };
+export type { ControlGroupProps };
+//# sourceMappingURL=ControlGroup.d.cts.map

package/dist/components/controlGroup/ControlGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.d.cts","sourceRoot":"","sources":["../../../src/components/controlGroup/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEjG;;;;;GAKG;AACH,QAAA,MAAM,YAAY,0FAuBhB,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/controlGroup/ControlGroup.d.mts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { controlGroupPropDefs } from './controlGroup.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ControlGroupOwnProps = GetPropDefTypes<typeof controlGroupPropDefs>;
+interface ControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, ControlGroupOwnProps {
+}
+/**
+ * Visually groups two or more unlike controls (a Select next to a ToggleGroup, a Button next to
+ * a SegmentedControl) inside one shared bordered frame. Unlike InputGroup, no single child is
+ * assumed to be "the" input, so children are consumed as-is — no Addon/Text/Button wrapper slots.
+ * See docs/design-system/control-group.md for the full spec.
+ */
+declare const ControlGroup: React.ForwardRefExoticComponent<ControlGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ControlGroup };
+export type { ControlGroupProps };
+//# sourceMappingURL=ControlGroup.d.mts.map

package/dist/components/controlGroup/ControlGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.d.mts","sourceRoot":"","sources":["../../../src/components/controlGroup/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEjG;;;;;GAKG;AACH,QAAA,MAAM,YAAY,0FAuBhB,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/controlGroup/ControlGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { controlGroupPropDefs } from './controlGroup.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ControlGroupOwnProps = GetPropDefTypes<typeof controlGroupPropDefs>;
+interface ControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, ControlGroupOwnProps {
+}
+/**
+ * Visually groups two or more unlike controls (a Select next to a ToggleGroup, a Button next to
+ * a SegmentedControl) inside one shared bordered frame. Unlike InputGroup, no single child is
+ * assumed to be "the" input, so children are consumed as-is — no Addon/Text/Button wrapper slots.
+ * See docs/design-system/control-group.md for the full spec.
+ */
+declare const ControlGroup: React.ForwardRefExoticComponent<ControlGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ControlGroup };
+export type { ControlGroupProps };
+//# sourceMappingURL=ControlGroup.d.ts.map

package/dist/components/controlGroup/ControlGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../../src/components/controlGroup/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEjG;;;;;GAKG;AACH,QAAA,MAAM,YAAY,0FAuBhB,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/controlGroup/ControlGroup.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { controlGroupPropDefs } from "./controlGroup.props.js";
+import { jsx } from "react/jsx-runtime";
+const ControlGroup = React.forwardRef((props, forwardedRef) => {
+  const { asChild, className, size, radius, ...controlGroupProps } = extractProps(props, controlGroupPropDefs);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...controlGroupProps,
+      ref: forwardedRef,
+      role: props.role ?? "group",
+      className: classNames("dsx-control-group", className),
+      "data-size": size,
+      "data-group-radius": radius
+    }
+  );
+});
+ControlGroup.displayName = "ControlGroup";
+export {
+  ControlGroup
+};
+//# sourceMappingURL=ControlGroup.js.map

package/dist/components/controlGroup/ControlGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/controlGroup/ControlGroup.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 { controlGroupPropDefs } from './controlGroup.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ControlGroupOwnProps = GetPropDefTypes<typeof controlGroupPropDefs>\n\ninterface ControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, ControlGroupOwnProps {}\n\n/**\n * Visually groups two or more unlike controls (a Select next to a ToggleGroup, a Button next to\n * a SegmentedControl) inside one shared bordered frame. Unlike InputGroup, no single child is\n * assumed to be \"the\" input, so children are consumed as-is \u2014 no Addon/Text/Button wrapper slots.\n * See docs/design-system/control-group.md for the full spec.\n */\nconst ControlGroup = React.forwardRef<HTMLDivElement, ControlGroupProps>((props, forwardedRef) => {\n  const { asChild, className, size, radius, ...controlGroupProps } = extractProps(props, controlGroupPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...controlGroupProps}\n      ref={forwardedRef}\n      role={props.role ?? 'group'}\n      className={classNames('dsx-control-group', className)}\n      data-size={size}\n      // NOT data-radius (2026-08-26, real bug found live): `data-radius` is a reserved\n      // document-theme attribute \u2014 PortalThemeBoundary's getClosestThemeAttribute(el,\n      // 'data-radius') walks up the nearest ancestor with that attribute name to mirror the\n      // app's global radius setting into portaled content (Select/Dialog/Popover/etc). A\n      // component-local `data-radius` sitting between the portal trigger and <html> gets\n      // picked up INSTEAD of the real document-level value \u2014 confirmed live: a Select inside\n      // this component's radius=\"full\" frame opened its dropdown at 9999px border-radius and\n      // --dsx-rounded-lg itself resolved to 9999px on the portaled content, while <html> still\n      // correctly read data-radius=\"md\". data-group-radius avoids the collision.\n      data-group-radius={radius}\n    />\n  )\n})\nControlGroup.displayName = 'ControlGroup'\n\nexport { ControlGroup }\nexport type { ControlGroupProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAmBjC;AALJ,MAAM,eAAe,MAAM,WAA8C,CAAC,OAAO,iBAAiB;AAChG,QAAM,EAAE,SAAS,WAAW,MAAM,QAAQ,GAAG,kBAAkB,IAAI,aAAa,OAAO,oBAAoB;AAC3G,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,MAAM,QAAQ;AAAA,MACpB,WAAW,WAAW,qBAAqB,SAAS;AAAA,MACpD,aAAW;AAAA,MAUX,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AACD,aAAa,cAAc;",
+  "names": []
+}

package/dist/components/controlGroup/controlGroup.props.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var controlGroup_props_exports = {};
+__export(controlGroup_props_exports, {
+  controlGroupPropDefs: () => controlGroupPropDefs
+});
+module.exports = __toCommonJS(controlGroup_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const controlGroupSizes = ["sm", "md", "lg"];
+const controlGroupRadii = ["md", "full"];
+const controlGroupPropDefs = {
+  ...import_asChild.asChildPropDef,
+  size: {
+    type: "enum",
+    values: controlGroupSizes,
+    default: "md"
+  },
+  radius: {
+    type: "enum",
+    values: controlGroupRadii,
+    default: "full"
+  }
+};
+//# sourceMappingURL=controlGroup.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/controlGroup/controlGroup.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst controlGroupSizes = ['sm', 'md', 'lg'] as const\nconst controlGroupRadii = ['md', 'full'] as const\n\nconst controlGroupPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: controlGroupSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: controlGroupRadii,\n    default: 'full',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof controlGroupSizes)[number]>\n  radius: PropDef<(typeof controlGroupRadii)[number]>\n}\n\nexport { controlGroupPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,oBAAoB,CAAC,MAAM,MAAM;AAEvC,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AAAA,EACH,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;",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+declare const controlGroupPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["md", "full"];
+        default: "full";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { controlGroupPropDefs };
+//# sourceMappingURL=controlGroup.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlGroup.props.d.cts","sourceRoot":"","sources":["../../../src/components/controlGroup/controlGroup.props.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;CAgBzB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -0,0 +1,18 @@
+declare const controlGroupPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["md", "full"];
+        default: "full";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { controlGroupPropDefs };
+//# sourceMappingURL=controlGroup.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlGroup.props.d.mts","sourceRoot":"","sources":["../../../src/components/controlGroup/controlGroup.props.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;CAgBzB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -0,0 +1,18 @@
+declare const controlGroupPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["md", "full"];
+        default: "full";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { controlGroupPropDefs };
+//# sourceMappingURL=controlGroup.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlGroup.props.d.ts","sourceRoot":"","sources":["../../../src/components/controlGroup/controlGroup.props.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;CAgBzB,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/controlGroup/controlGroup.props.js

@@ -0,0 +1,20 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const controlGroupSizes = ["sm", "md", "lg"];
+const controlGroupRadii = ["md", "full"];
+const controlGroupPropDefs = {
+  ...asChildPropDef,
+  size: {
+    type: "enum",
+    values: controlGroupSizes,
+    default: "md"
+  },
+  radius: {
+    type: "enum",
+    values: controlGroupRadii,
+    default: "full"
+  }
+};
+export {
+  controlGroupPropDefs
+};
+//# sourceMappingURL=controlGroup.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/controlGroup/controlGroup.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst controlGroupSizes = ['sm', 'md', 'lg'] as const\nconst controlGroupRadii = ['md', 'full'] as const\n\nconst controlGroupPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: controlGroupSizes,\n    default: 'md',\n  },\n  radius: {\n    type: 'enum',\n    values: controlGroupRadii,\n    default: 'full',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof controlGroupSizes)[number]>\n  radius: PropDef<(typeof controlGroupRadii)[number]>\n}\n\nexport { controlGroupPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,oBAAoB,CAAC,MAAM,MAAM;AAEvC,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AAAA,EACH,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;",
+  "names": []
+}

package/dist/components/copy-button.css

@@ -4,9 +4,12 @@
   transition: all var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-in-out, ease-in-out);
 }
 
-.dsx-copy-button--copied {
-  color: var(--dsx-color-success);
-  border-color: var(--dsx-color-success);
+/* Copied confirmation is icon-only (Direction #3 Q2 pick): the leading icon swaps
+   from copy to check and the label flips to the copied text. The variant's own
+   tones never repaint — a success wash on filled buttons reads as a status
+   change and collides with the variant fill, so the check swap is the signal. */
+.dsx-copy-button--copied .dsx-button__icon {
+  color: currentColor;
 }
 
 .dsx-copy-button__announcement {
@@ -20,7 +23,3 @@
   white-space: nowrap;
   border: 0;
 }
-
-.dsx-copy-button--copied .dsx-button__icon {
-  color: var(--dsx-color-success);
-}

package/dist/components/dialog.css

@@ -6,7 +6,15 @@
   box-sizing: border-box;
 }
 
+/* z-index (2026-08-26, real bug found live): baseDialog.css sets `position: fixed` on the
+   overlay but never a z-index, so it relies on paint order alone — fine against ordinary
+   content, but a page element with its own explicit z-index (e.g. carousel.css's nav buttons,
+   z-index: 1) can still render on top of it, since the overlay never claims a stacking layer of
+   its own. Confirmed live: a landing tier card's carousel chevrons stayed visible and
+   interactive through an open Dialog's overlay. sheet.css already carries this exact fix
+   (z-index: var(--dsx-z-index-overlay) / var(--dsx-z-index-modal)) — dialog.css never did. */
 .dsx-dialog__overlay {
+  z-index: var(--dsx-z-index-overlay);
   display: grid;
   align-items: center;
   justify-items: center;
@@ -14,6 +22,10 @@
   overflow-y: auto;
 }
 
+.dsx-dialog__content {
+  z-index: var(--dsx-z-index-modal);
+}
+
 .dsx-dialog__content {
   gap: var(--dsx-space-lg);
   width: var(--dsx-dialog-content-custom-width, min(calc(100vw - var(--dsx-dialog-viewport-gap)), var(--dsx-dialog-content-width)));

package/dist/components/drawer/Drawer.cjs

@@ -36,7 +36,6 @@ __export(Drawer_exports, {
   DrawerFooter: () => DrawerFooter,
   DrawerHeader: () => DrawerHeader,
   DrawerPortal: () => DrawerPortal,
-  DrawerSheet: () => DrawerSheet,
   DrawerTitle: () => DrawerTitle,
   DrawerTrigger: () => DrawerTrigger
 });
@@ -223,15 +222,4 @@ const DrawerDescription = React.forwardRef(({ className, ...props }, forwardedRe
   );
 });
 DrawerDescription.displayName = "DrawerDescription";
-const DrawerSheet = Object.assign(Drawer, {
-  Trigger: DrawerTrigger,
-  Close: DrawerClose,
-  Portal: DrawerPortal,
-  Content: DrawerContent,
-  Header: DrawerHeader,
-  Footer: DrawerFooter,
-  Title: DrawerTitle,
-  Description: DrawerDescription
-});
-DrawerSheet.displayName = "Drawer";
 //# sourceMappingURL=Drawer.cjs.map

package/dist/components/drawer/Drawer.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/drawer/Drawer.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { useReducedMotion } from 'framer-motion'\nimport { Drawer as DrawerPrimitive } from 'vaul'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Flex } from '../flex/Flex'\nimport { AnimatePresence, motion } from '../../motion'\nimport { drawerContentPropDefs, drawerFooterPropDefs, drawerHeaderPropDefs, drawerPropDefs } from './drawer.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype DrawerOwnProps = GetPropDefTypes<typeof drawerPropDefs>\ntype DrawerContentOwnProps = GetPropDefTypes<typeof drawerContentPropDefs>\ntype DrawerHeaderOwnProps = GetPropDefTypes<typeof drawerHeaderPropDefs>\ntype DrawerFooterOwnProps = GetPropDefTypes<typeof drawerFooterPropDefs>\n\ntype DrawerElement = React.ComponentRef<'div'>\ntype DrawerDirection = NonNullable<DrawerOwnProps['direction']>\n\ntype DrawerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Root> & DrawerOwnProps\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & DrawerContentOwnProps\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n\ninterface DrawerHeaderProps extends React.ComponentPropsWithoutRef<'div'>, DrawerHeaderOwnProps {}\ninterface DrawerFooterProps extends React.ComponentPropsWithoutRef<'div'>, DrawerFooterOwnProps {}\n\nconst DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger\nconst DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close\nconst DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal\n\nconst DrawerOpenContext = React.createContext(false)\nconst DrawerDirectionContext = React.createContext<DrawerDirection>('bottom')\n\nfunction useControllableDrawerOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<DrawerProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\nfunction getDrawerContentMotion(direction: DrawerDirection, prefersReducedMotion: boolean) {\n  if (prefersReducedMotion) {\n      return {\n        initial: { opacity: 0 },\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: MOTION_TRANSITIONS.reduced,\n      }\n  }\n\n  switch (direction) {\n    case 'top':\n      return {\n        initial: { opacity: 0, y: '-100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '-100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'left':\n      return {\n        initial: { opacity: 0, x: '-100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '-100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'right':\n      return {\n        initial: { opacity: 0, x: '100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'bottom':\n    default:\n      return {\n        initial: { opacity: 0, y: '100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n  }\n}\n\nfunction Drawer({ children, ...props }: DrawerProps) {\n  const { direction = 'bottom' } = extractProps({ direction: props.direction }, drawerPropDefs)\n  const [open, setOpen] = useControllableDrawerOpenState({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <DrawerOpenContext.Provider value={open}>\n        <DrawerDirectionContext.Provider value={direction}>\n          <DrawerPrimitive.Root {...props} direction={direction} open={open} onOpenChange={setOpen}>\n            {children}\n          </DrawerPrimitive.Root>\n        </DrawerDirectionContext.Provider>\n      </DrawerOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nDrawer.displayName = 'Drawer'\n\nconst DrawerContent = React.forwardRef<React.ComponentRef<typeof DrawerPrimitive.Content>, DrawerContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const open = React.useContext(DrawerOpenContext)\n    const direction = React.useContext(DrawerDirectionContext)\n    const prefersReducedMotion = useReducedMotion() ?? false\n    const { className, size = 'md', ...contentProps } = extractProps(props, drawerContentPropDefs)\n    const contentMotion = getDrawerContentMotion(direction, prefersReducedMotion)\n\n    return (\n      <DrawerPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {open ? (\n            <DrawerPrimitive.Overlay key=\"drawer-overlay\" asChild>\n              <motion.div\n                className=\"dsx-drawer__overlay\"\n                data-slot=\"drawer-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.drawer}\n              />\n            </DrawerPrimitive.Overlay>\n          ) : null}\n          {open ? (\n            <PortalThemeWrapper key=\"drawer-content\">\n              <DrawerPrimitive.Content ref={forwardedRef} asChild data-size={size} data-slot=\"drawer-content\" {...contentProps}>\n                <motion.div\n                  className={classNames('dsx-drawer__content', className)}\n                  data-direction={direction}\n                  initial={contentMotion.initial}\n                  animate={contentMotion.animate}\n                  exit={contentMotion.exit}\n                  transition={contentMotion.transition}\n                >\n                  <div className=\"dsx-drawer__handle\" data-slot=\"drawer-handle\" />\n                  {children}\n                </motion.div>\n              </DrawerPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </DrawerPrimitive.Portal>\n    )\n  },\n)\nDrawerContent.displayName = 'DrawerContent'\n\nconst DrawerHeader = React.forwardRef<DrawerElement, DrawerHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, drawerHeaderPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__header', className)}\n      direction=\"column\"\n      gap=\"xs\"\n      data-slot=\"drawer-header\"\n      {...headerProps}\n    />\n  )\n})\nDrawerHeader.displayName = 'DrawerHeader'\n\nconst DrawerFooter = React.forwardRef<DrawerElement, DrawerFooterProps>((props, forwardedRef) => {\n  const { asChild, className, ...footerProps } = extractProps(props, drawerFooterPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__footer', className)}\n      justify=\"end\"\n      gap=\"md\"\n      wrap=\"wrap\"\n      data-slot=\"drawer-footer\"\n      {...footerProps}\n    />\n  )\n})\nDrawerFooter.displayName = 'DrawerFooter'\n\nconst DrawerTitle = React.forwardRef<React.ComponentRef<typeof DrawerPrimitive.Title>, DrawerTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <DrawerPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-drawer__title', className)}\n        data-slot=\"drawer-title\"\n        {...props}\n      />\n    )\n  },\n)\nDrawerTitle.displayName = 'DrawerTitle'\n\nconst DrawerDescription = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Description>,\n  DrawerDescriptionProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__description', className)}\n      data-slot=\"drawer-description\"\n      {...props}\n    />\n  )\n})\nDrawerDescription.displayName = 'DrawerDescription'\n\nconst DrawerSheet = Object.assign(Drawer, {\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Portal: DrawerPortal,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n})\nDrawerSheet.displayName = 'Drawer'\n\nexport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerPortal,\n  DrawerSheet,\n  DrawerTitle,\n  DrawerTrigger,\n}\nexport type {\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerFooterProps,\n  DrawerHeaderProps,\n  DrawerProps,\n  DrawerTitleProps,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { useReducedMotion } from 'framer-motion'\nimport { Drawer as DrawerPrimitive } from 'vaul'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Flex } from '../flex/Flex'\nimport { AnimatePresence, motion } from '../../motion'\nimport { drawerContentPropDefs, drawerFooterPropDefs, drawerHeaderPropDefs, drawerPropDefs } from './drawer.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype DrawerOwnProps = GetPropDefTypes<typeof drawerPropDefs>\ntype DrawerContentOwnProps = GetPropDefTypes<typeof drawerContentPropDefs>\ntype DrawerHeaderOwnProps = GetPropDefTypes<typeof drawerHeaderPropDefs>\ntype DrawerFooterOwnProps = GetPropDefTypes<typeof drawerFooterPropDefs>\n\ntype DrawerElement = React.ComponentRef<'div'>\ntype DrawerDirection = NonNullable<DrawerOwnProps['direction']>\n\ntype DrawerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Root> & DrawerOwnProps\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & DrawerContentOwnProps\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n\ninterface DrawerHeaderProps extends React.ComponentPropsWithoutRef<'div'>, DrawerHeaderOwnProps {}\ninterface DrawerFooterProps extends React.ComponentPropsWithoutRef<'div'>, DrawerFooterOwnProps {}\n\nconst DrawerTrigger: typeof DrawerPrimitive.Trigger = DrawerPrimitive.Trigger\nconst DrawerClose: typeof DrawerPrimitive.Close = DrawerPrimitive.Close\nconst DrawerPortal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal\n\nconst DrawerOpenContext = React.createContext(false)\nconst DrawerDirectionContext = React.createContext<DrawerDirection>('bottom')\n\nfunction useControllableDrawerOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<DrawerProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\nfunction getDrawerContentMotion(direction: DrawerDirection, prefersReducedMotion: boolean) {\n  if (prefersReducedMotion) {\n      return {\n        initial: { opacity: 0 },\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: MOTION_TRANSITIONS.reduced,\n      }\n  }\n\n  switch (direction) {\n    case 'top':\n      return {\n        initial: { opacity: 0, y: '-100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '-100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'left':\n      return {\n        initial: { opacity: 0, x: '-100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '-100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'right':\n      return {\n        initial: { opacity: 0, x: '100%' },\n        animate: { opacity: 1, x: 0 },\n        exit: { opacity: 0, x: '100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n    case 'bottom':\n    default:\n      return {\n        initial: { opacity: 0, y: '100%' },\n        animate: { opacity: 1, y: 0 },\n        exit: { opacity: 0, y: '100%' },\n        transition: MOTION_TRANSITIONS.drawer,\n      }\n  }\n}\n\nfunction Drawer({ children, ...props }: DrawerProps) {\n  const { direction = 'bottom' } = extractProps({ direction: props.direction }, drawerPropDefs)\n  const [open, setOpen] = useControllableDrawerOpenState({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <DrawerOpenContext.Provider value={open}>\n        <DrawerDirectionContext.Provider value={direction}>\n          <DrawerPrimitive.Root {...props} direction={direction} open={open} onOpenChange={setOpen}>\n            {children}\n          </DrawerPrimitive.Root>\n        </DrawerDirectionContext.Provider>\n      </DrawerOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nDrawer.displayName = 'Drawer'\n\nconst DrawerContent = React.forwardRef<React.ComponentRef<typeof DrawerPrimitive.Content>, DrawerContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const open = React.useContext(DrawerOpenContext)\n    const direction = React.useContext(DrawerDirectionContext)\n    const prefersReducedMotion = useReducedMotion() ?? false\n    const { className, size = 'md', ...contentProps } = extractProps(props, drawerContentPropDefs)\n    const contentMotion = getDrawerContentMotion(direction, prefersReducedMotion)\n\n    return (\n      <DrawerPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {open ? (\n            <DrawerPrimitive.Overlay key=\"drawer-overlay\" asChild>\n              <motion.div\n                className=\"dsx-drawer__overlay\"\n                data-slot=\"drawer-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.drawer}\n              />\n            </DrawerPrimitive.Overlay>\n          ) : null}\n          {open ? (\n            <PortalThemeWrapper key=\"drawer-content\">\n              <DrawerPrimitive.Content ref={forwardedRef} asChild data-size={size} data-slot=\"drawer-content\" {...contentProps}>\n                <motion.div\n                  className={classNames('dsx-drawer__content', className)}\n                  data-direction={direction}\n                  initial={contentMotion.initial}\n                  animate={contentMotion.animate}\n                  exit={contentMotion.exit}\n                  transition={contentMotion.transition}\n                >\n                  <div className=\"dsx-drawer__handle\" data-slot=\"drawer-handle\" />\n                  {children}\n                </motion.div>\n              </DrawerPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </DrawerPrimitive.Portal>\n    )\n  },\n)\nDrawerContent.displayName = 'DrawerContent'\n\nconst DrawerHeader = React.forwardRef<DrawerElement, DrawerHeaderProps>((props, forwardedRef) => {\n  const { asChild, className, ...headerProps } = extractProps(props, drawerHeaderPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__header', className)}\n      direction=\"column\"\n      gap=\"xs\"\n      data-slot=\"drawer-header\"\n      {...headerProps}\n    />\n  )\n})\nDrawerHeader.displayName = 'DrawerHeader'\n\nconst DrawerFooter = React.forwardRef<DrawerElement, DrawerFooterProps>((props, forwardedRef) => {\n  const { asChild, className, ...footerProps } = extractProps(props, drawerFooterPropDefs)\n\n  return (\n    <Flex\n      asChild={asChild}\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__footer', className)}\n      justify=\"end\"\n      gap=\"md\"\n      wrap=\"wrap\"\n      data-slot=\"drawer-footer\"\n      {...footerProps}\n    />\n  )\n})\nDrawerFooter.displayName = 'DrawerFooter'\n\nconst DrawerTitle = React.forwardRef<React.ComponentRef<typeof DrawerPrimitive.Title>, DrawerTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <DrawerPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-drawer__title', className)}\n        data-slot=\"drawer-title\"\n        {...props}\n      />\n    )\n  },\n)\nDrawerTitle.displayName = 'DrawerTitle'\n\nconst DrawerDescription = React.forwardRef<\n  React.ComponentRef<typeof DrawerPrimitive.Description>,\n  DrawerDescriptionProps\n>(({ className, ...props }, forwardedRef) => {\n  return (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={classNames('dsx-drawer__description', className)}\n      data-slot=\"drawer-description\"\n      {...props}\n    />\n  )\n})\nDrawerDescription.displayName = 'DrawerDescription'\n\nexport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n}\nexport type {\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerFooterProps,\n  DrawerHeaderProps,\n  DrawerProps,\n  DrawerTitleProps,\n}\n"],
+  "mappings": "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",
   "names": ["import_motion", "DrawerPrimitive", "classNames"]
 }