@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/environmentRibbon/EnvironmentRibbon.cjs

@@ -0,0 +1,69 @@
+"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 EnvironmentRibbon_exports = {};
+__export(EnvironmentRibbon_exports, {
+  EnvironmentRibbon: () => EnvironmentRibbon
+});
+module.exports = __toCommonJS(EnvironmentRibbon_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_environmentRibbon = require("./environmentRibbon.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const EnvironmentRibbon = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { placement = "fixed", haze = true, ...restProps } = props;
+  const { asChild, className, ...ribbonProps } = (0, import_extractProps.extractProps)(restProps, import_environmentRibbon.environmentRibbonPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    haze ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "dsx-environment-ribbon__haze",
+        "data-slot": "environment-ribbon-haze",
+        "data-placement": placement
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Comp,
+      {
+        role: "status",
+        ...ribbonProps,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-environment-ribbon", className),
+        "data-slot": "environment-ribbon",
+        "data-placement": placement,
+        children
+      }
+    )
+  ] });
+});
+EnvironmentRibbon.displayName = "EnvironmentRibbon";
+//# sourceMappingURL=EnvironmentRibbon.cjs.map

package/dist/components/environmentRibbon/EnvironmentRibbon.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/environmentRibbon/EnvironmentRibbon.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 { environmentRibbonPropDefs } from './environmentRibbon.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype EnvironmentRibbonOwnProps = GetPropDefTypes<typeof environmentRibbonPropDefs>\n\ninterface EnvironmentRibbonProps extends React.HTMLAttributes<HTMLDivElement>, EnvironmentRibbonOwnProps {}\n\n/**\n * A floating warning pill for a non-production environment, with a warm haze behind the top edge. The app decides when to render it and\n * passes the label; the component knows no environment. The haze is a decorative sibling placed before the pill, painted behind the\n * chrome (it needs an isolated ancestor, as `.dsx-brand-ambient` does).\n */\nconst EnvironmentRibbon = React.forwardRef<HTMLDivElement, EnvironmentRibbonProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', haze = true, ...restProps } = props\n  const { asChild, className, ...ribbonProps } = extractProps(restProps, environmentRibbonPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <>\n      {haze ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"dsx-environment-ribbon__haze\"\n          data-slot=\"environment-ribbon-haze\"\n          data-placement={placement}\n        />\n      ) : null}\n      <Comp\n        role=\"status\"\n        {...ribbonProps}\n        ref={forwardedRef}\n        className={classNames('dsx-environment-ribbon', className)}\n        data-slot=\"environment-ribbon\"\n        data-placement={placement}\n      >\n        {children}\n      </Comp>\n    </>\n  )\n})\nEnvironmentRibbon.displayName = 'EnvironmentRibbon'\n\nexport { EnvironmentRibbon }\nexport type { EnvironmentRibbonProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,+BAA0C;AAmBtC;AANJ,MAAM,oBAAoB,MAAM,WAAmD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAC3H,QAAM,EAAE,YAAY,SAAS,OAAO,MAAM,GAAG,UAAU,IAAI;AAC3D,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,WAAW,kDAAyB;AAChG,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4EACG;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,aAAU;AAAA,QACV,kBAAgB;AAAA;AAAA,IAClB,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,0BAA0B,SAAS;AAAA,QACzD,aAAU;AAAA,QACV,kBAAgB;AAAA,QAEf;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;AACD,kBAAkB,cAAc;",
+  "names": ["classNames"]
+}

package/dist/components/environmentRibbon/EnvironmentRibbon.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { environmentRibbonPropDefs } from './environmentRibbon.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type EnvironmentRibbonOwnProps = GetPropDefTypes<typeof environmentRibbonPropDefs>;
+interface EnvironmentRibbonProps extends React.HTMLAttributes<HTMLDivElement>, EnvironmentRibbonOwnProps {
+}
+/**
+ * A floating warning pill for a non-production environment, with a warm haze behind the top edge. The app decides when to render it and
+ * passes the label; the component knows no environment. The haze is a decorative sibling placed before the pill, painted behind the
+ * chrome (it needs an isolated ancestor, as `.dsx-brand-ambient` does).
+ */
+declare const EnvironmentRibbon: React.ForwardRefExoticComponent<EnvironmentRibbonProps & React.RefAttributes<HTMLDivElement>>;
+export { EnvironmentRibbon };
+export type { EnvironmentRibbonProps };
+//# sourceMappingURL=EnvironmentRibbon.d.cts.map

package/dist/components/environmentRibbon/EnvironmentRibbon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentRibbon.d.cts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/EnvironmentRibbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,yBAAyB;CAAG;AAE3G;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,+FA2BrB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/environmentRibbon/EnvironmentRibbon.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { environmentRibbonPropDefs } from './environmentRibbon.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type EnvironmentRibbonOwnProps = GetPropDefTypes<typeof environmentRibbonPropDefs>;
+interface EnvironmentRibbonProps extends React.HTMLAttributes<HTMLDivElement>, EnvironmentRibbonOwnProps {
+}
+/**
+ * A floating warning pill for a non-production environment, with a warm haze behind the top edge. The app decides when to render it and
+ * passes the label; the component knows no environment. The haze is a decorative sibling placed before the pill, painted behind the
+ * chrome (it needs an isolated ancestor, as `.dsx-brand-ambient` does).
+ */
+declare const EnvironmentRibbon: React.ForwardRefExoticComponent<EnvironmentRibbonProps & React.RefAttributes<HTMLDivElement>>;
+export { EnvironmentRibbon };
+export type { EnvironmentRibbonProps };
+//# sourceMappingURL=EnvironmentRibbon.d.mts.map

package/dist/components/environmentRibbon/EnvironmentRibbon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentRibbon.d.mts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/EnvironmentRibbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,yBAAyB;CAAG;AAE3G;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,+FA2BrB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/environmentRibbon/EnvironmentRibbon.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { environmentRibbonPropDefs } from './environmentRibbon.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type EnvironmentRibbonOwnProps = GetPropDefTypes<typeof environmentRibbonPropDefs>;
+interface EnvironmentRibbonProps extends React.HTMLAttributes<HTMLDivElement>, EnvironmentRibbonOwnProps {
+}
+/**
+ * A floating warning pill for a non-production environment, with a warm haze behind the top edge. The app decides when to render it and
+ * passes the label; the component knows no environment. The haze is a decorative sibling placed before the pill, painted behind the
+ * chrome (it needs an isolated ancestor, as `.dsx-brand-ambient` does).
+ */
+declare const EnvironmentRibbon: React.ForwardRefExoticComponent<EnvironmentRibbonProps & React.RefAttributes<HTMLDivElement>>;
+export { EnvironmentRibbon };
+export type { EnvironmentRibbonProps };
+//# sourceMappingURL=EnvironmentRibbon.d.ts.map

package/dist/components/environmentRibbon/EnvironmentRibbon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentRibbon.d.ts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/EnvironmentRibbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAElF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,yBAAyB;CAAG;AAE3G;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,+FA2BrB,CAAA;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/environmentRibbon/EnvironmentRibbon.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { environmentRibbonPropDefs } from "./environmentRibbon.props.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const EnvironmentRibbon = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { placement = "fixed", haze = true, ...restProps } = props;
+  const { asChild, className, ...ribbonProps } = extractProps(restProps, environmentRibbonPropDefs);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    haze ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "dsx-environment-ribbon__haze",
+        "data-slot": "environment-ribbon-haze",
+        "data-placement": placement
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Comp,
+      {
+        role: "status",
+        ...ribbonProps,
+        ref: forwardedRef,
+        className: classNames("dsx-environment-ribbon", className),
+        "data-slot": "environment-ribbon",
+        "data-placement": placement,
+        children
+      }
+    )
+  ] });
+});
+EnvironmentRibbon.displayName = "EnvironmentRibbon";
+export {
+  EnvironmentRibbon
+};
+//# sourceMappingURL=EnvironmentRibbon.js.map

package/dist/components/environmentRibbon/EnvironmentRibbon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/environmentRibbon/EnvironmentRibbon.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 { environmentRibbonPropDefs } from './environmentRibbon.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype EnvironmentRibbonOwnProps = GetPropDefTypes<typeof environmentRibbonPropDefs>\n\ninterface EnvironmentRibbonProps extends React.HTMLAttributes<HTMLDivElement>, EnvironmentRibbonOwnProps {}\n\n/**\n * A floating warning pill for a non-production environment, with a warm haze behind the top edge. The app decides when to render it and\n * passes the label; the component knows no environment. The haze is a decorative sibling placed before the pill, painted behind the\n * chrome (it needs an isolated ancestor, as `.dsx-brand-ambient` does).\n */\nconst EnvironmentRibbon = React.forwardRef<HTMLDivElement, EnvironmentRibbonProps>(({ children, ...props }, forwardedRef) => {\n  const { placement = 'fixed', haze = true, ...restProps } = props\n  const { asChild, className, ...ribbonProps } = extractProps(restProps, environmentRibbonPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <>\n      {haze ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"dsx-environment-ribbon__haze\"\n          data-slot=\"environment-ribbon-haze\"\n          data-placement={placement}\n        />\n      ) : null}\n      <Comp\n        role=\"status\"\n        {...ribbonProps}\n        ref={forwardedRef}\n        className={classNames('dsx-environment-ribbon', className)}\n        data-slot=\"environment-ribbon\"\n        data-placement={placement}\n      >\n        {children}\n      </Comp>\n    </>\n  )\n})\nEnvironmentRibbon.displayName = 'EnvironmentRibbon'\n\nexport { EnvironmentRibbon }\nexport type { EnvironmentRibbonProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAmBtC,mBAEI,KAFJ;AANJ,MAAM,oBAAoB,MAAM,WAAmD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAC3H,QAAM,EAAE,YAAY,SAAS,OAAO,MAAM,GAAG,UAAU,IAAI;AAC3D,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,WAAW,yBAAyB;AAChG,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,iCACG;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,aAAU;AAAA,QACV,kBAAgB;AAAA;AAAA,IAClB,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,0BAA0B,SAAS;AAAA,QACzD,aAAU;AAAA,QACV,kBAAgB;AAAA,QAEf;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;AACD,kBAAkB,cAAc;",
+  "names": []
+}

package/dist/components/environmentRibbon/environmentRibbon.props.cjs

@@ -0,0 +1,39 @@
+"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 environmentRibbon_props_exports = {};
+__export(environmentRibbon_props_exports, {
+  environmentRibbonPlacements: () => environmentRibbonPlacements,
+  environmentRibbonPropDefs: () => environmentRibbonPropDefs
+});
+module.exports = __toCommonJS(environmentRibbon_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const environmentRibbonPlacements = ["fixed", "contained"];
+const environmentRibbonPropDefs = {
+  ...import_asChild.asChildPropDef,
+  placement: {
+    type: "enum",
+    values: environmentRibbonPlacements,
+    default: "fixed"
+  },
+  haze: {
+    type: "boolean",
+    default: true
+  }
+};
+//# sourceMappingURL=environmentRibbon.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/environmentRibbon/environmentRibbon.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst environmentRibbonPlacements = ['fixed', 'contained'] as const\n\nconst environmentRibbonPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: environmentRibbonPlacements,\n    default: 'fixed',\n  },\n  haze: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof environmentRibbonPlacements)[number]>\n  haze: PropDef\n}\n\nexport { environmentRibbonPlacements, environmentRibbonPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,8BAA8B,CAAC,SAAS,WAAW;AAEzD,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+declare const environmentRibbonPlacements: readonly ["fixed", "contained"];
+declare const environmentRibbonPropDefs: {
+    placement: {
+        type: "enum";
+        values: readonly ["fixed", "contained"];
+        default: "fixed";
+    };
+    haze: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { environmentRibbonPlacements, environmentRibbonPropDefs };
+//# sourceMappingURL=environmentRibbon.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environmentRibbon.props.d.cts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/environmentRibbon.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,2BAA2B,iCAAkC,CAAA;AAEnE,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;CAe9B,CAAA;AAED,OAAO,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -0,0 +1,18 @@
+declare const environmentRibbonPlacements: readonly ["fixed", "contained"];
+declare const environmentRibbonPropDefs: {
+    placement: {
+        type: "enum";
+        values: readonly ["fixed", "contained"];
+        default: "fixed";
+    };
+    haze: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { environmentRibbonPlacements, environmentRibbonPropDefs };
+//# sourceMappingURL=environmentRibbon.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environmentRibbon.props.d.mts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/environmentRibbon.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,2BAA2B,iCAAkC,CAAA;AAEnE,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;CAe9B,CAAA;AAED,OAAO,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -0,0 +1,18 @@
+declare const environmentRibbonPlacements: readonly ["fixed", "contained"];
+declare const environmentRibbonPropDefs: {
+    placement: {
+        type: "enum";
+        values: readonly ["fixed", "contained"];
+        default: "fixed";
+    };
+    haze: {
+        type: "boolean";
+        default: true;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { environmentRibbonPlacements, environmentRibbonPropDefs };
+//# sourceMappingURL=environmentRibbon.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"environmentRibbon.props.d.ts","sourceRoot":"","sources":["../../../src/components/environmentRibbon/environmentRibbon.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,2BAA2B,iCAAkC,CAAA;AAEnE,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;CAe9B,CAAA;AAED,OAAO,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/components/environmentRibbon/environmentRibbon.props.js

@@ -0,0 +1,19 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const environmentRibbonPlacements = ["fixed", "contained"];
+const environmentRibbonPropDefs = {
+  ...asChildPropDef,
+  placement: {
+    type: "enum",
+    values: environmentRibbonPlacements,
+    default: "fixed"
+  },
+  haze: {
+    type: "boolean",
+    default: true
+  }
+};
+export {
+  environmentRibbonPlacements,
+  environmentRibbonPropDefs
+};
+//# sourceMappingURL=environmentRibbon.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/environmentRibbon/environmentRibbon.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst environmentRibbonPlacements = ['fixed', 'contained'] as const\n\nconst environmentRibbonPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: environmentRibbonPlacements,\n    default: 'fixed',\n  },\n  haze: {\n    type: 'boolean',\n    default: true,\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof environmentRibbonPlacements)[number]>\n  haze: PropDef\n}\n\nexport { environmentRibbonPlacements, environmentRibbonPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,8BAA8B,CAAC,SAAS,WAAW;AAEzD,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/field.css

@@ -3,6 +3,10 @@
 .dsx-field,
 .dsx-fieldset {
   display: grid;
+  /* One column that fills the container and never asks for more: an implicit `auto` track is sized from its items' min-content,
+     and a control's min-content is its intrinsic width, so a password input widened the column past a narrow card (G-22). The
+     horizontal and responsive orientations below set their own templates. */
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--dsx-space-xs);
   width: 100%;
   min-width: 0;
@@ -69,6 +73,7 @@
 .dsx-field__content,
 .dsx-field-group {
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--dsx-space-xs);
 }
 

package/dist/components/file-upload.css

@@ -6,9 +6,11 @@
   width: 100%;
 }
 
-.dsx-file-upload__dropzone {
+.dsx-file-upload .dsx-file-upload__dropzone {
   width: 100%;
   min-height: calc(var(--dsx-size-4xl) * 2);
+  padding: var(--dsx-space-md);
+  gap: var(--dsx-space-sm);
   border: var(--dsx-border-width-md) dashed var(--dsx-color-outline);
   border-radius: var(--dsx-rounded-lg);
   background: var(--dsx-color-surface-sunken);
@@ -18,14 +20,36 @@
     box-shadow var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
 }
 
-.dsx-file-upload[data-size='sm'] .dsx-file-upload__dropzone {
-  min-height: calc(var(--dsx-size-4xl) * 1.5);
-  padding: var(--dsx-space-lg);
+.dsx-file-upload:where([data-size='sm']) .dsx-file-upload__dropzone {
+  min-height: var(--dsx-size-4xl);
+  padding: var(--dsx-space-sm);
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  text-align: start;
 }
 
-.dsx-file-upload[data-size='lg'] .dsx-file-upload__dropzone {
+.dsx-file-upload:where([data-size='lg']) .dsx-file-upload__dropzone {
   min-height: calc(var(--dsx-size-4xl) * 2.5);
-  padding: var(--dsx-space-2xl);
+  padding: var(--dsx-space-lg);
+}
+
+.dsx-file-upload__dropzone .dsx-empty-state__title {
+  font-family: var(--dsx-typography-label-large-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-large-font-size);
+  font-weight: var(--dsx-typography-label-large-font-weight);
+  line-height: var(--dsx-typography-label-large-line-height);
+  letter-spacing: var(--dsx-typography-label-large-letter-spacing);
+}
+
+.dsx-file-upload__dropzone .dsx-empty-state__illustration {
+  width: var(--dsx-size-lg);
+  height: var(--dsx-size-lg);
+  flex: none;
+}
+
+.dsx-file-upload:where([data-size='sm']) .dsx-empty-state__header {
+  flex: 1 1 var(--dsx-size-4xl);
 }
 
 .dsx-file-upload__dropzone[data-dragging='true'] {
@@ -56,15 +80,17 @@
   width: 100%;
 }
 
-.dsx-file-upload__item {
+.dsx-item.dsx-file-upload__item {
   width: 100%;
+  gap: var(--dsx-space-sm);
 }
 
 .dsx-file-upload__media {
   color: var(--dsx-color-on-surface-variant);
 }
 
-.dsx-file-upload__content {
+.dsx-file-upload__item .dsx-file-upload__content {
+  flex: 1 1 0;
   min-width: 0;
 }
 
@@ -98,9 +124,10 @@
   color: var(--dsx-color-error);
 }
 
-.dsx-file-upload__actions {
+.dsx-file-upload__item .dsx-file-upload__actions {
   margin-left: auto;
   flex-direction: column;
+  flex-wrap: nowrap;
   align-items: flex-end;
   gap: var(--dsx-space-xs);
 }

package/dist/components/floating-panel.css

@@ -4,6 +4,8 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  max-width: calc(100vw - var(--dsx-space-xl));
+  max-height: calc(100dvh - var(--dsx-space-xl));
   border-radius: var(--dsx-rounded-xl);
   border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   background: var(--dsx-color-panel-translucent);
@@ -24,6 +26,11 @@
   align-items: center;
   gap: var(--dsx-space-sm);
   padding: var(--dsx-space-sm) var(--dsx-space-md);
+  padding-right: var(--dsx-space-2xl);
+  flex-shrink: 0;
+  min-height: var(--dsx-size-xl);
+  box-sizing: border-box;
+  touch-action: none;
   border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
   background: var(--dsx-color-surface-raised);
   cursor: grab;
@@ -36,8 +43,8 @@
 
 .dsx-floating-panel__close {
   position: absolute;
-  top: var(--dsx-space-xs);
-  right: var(--dsx-space-xs);
+  top: var(--dsx-space-sm);
+  right: var(--dsx-space-sm);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -54,18 +61,31 @@
               background var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out);
 }
 
-.dsx-floating-panel__close:hover {
+.dsx-floating-panel__close:hover,
+.dsx-floating-panel__close:active {
   background: var(--dsx-effect-hover-layer);
   color: var(--dsx-color-on-surface);
 }
 
+.dsx-floating-panel__header:focus-visible,
+.dsx-floating-panel__handle:focus-visible,
+.dsx-floating-panel__close:focus-visible {
+  outline: none;
+  box-shadow: inset var(--dsx-shadow-focus-ring);
+}
+
 .dsx-floating-panel__content {
   flex: 1;
+  min-height: 0;
   overflow: auto;
   padding: var(--dsx-space-md);
 }
 
 .dsx-floating-panel__handle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--dsx-color-on-surface-variant);
   position: absolute;
   bottom: 0;
   right: 0;
@@ -73,37 +93,43 @@
   height: var(--dsx-space-lg);
   cursor: nwse-resize;
   z-index: var(--dsx-z-index-elevated);
+  touch-action: none;
+}
+
+.dsx-floating-panel__handle--se {
+  cursor: nwse-resize;
 }
 
-.dsx-floating-panel__handle::before {
+.dsx-floating-panel__resize-grip::before,
+.dsx-floating-panel__resize-grip::after {
   content: '';
   position: absolute;
-  bottom: var(--dsx-space-xs);
   right: var(--dsx-space-xs);
-  width: var(--dsx-space-sm);
-  height: var(--dsx-space-sm);
-  border-right: var(--dsx-border-width-md) solid var(--dsx-color-on-surface-variant);
-  border-bottom: var(--dsx-border-width-md) solid var(--dsx-color-on-surface-variant);
-  border-radius: 0 0 var(--dsx-rounded-sm) 0;
-  opacity: var(--dsx-opacity-muted);
-  transition: opacity var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
+  height: var(--dsx-border-width-sm);
+  background: currentColor;
+  transform: rotate(-45deg);
+  transform-origin: right bottom;
 }
 
-.dsx-floating-panel__handle:hover::before {
-  opacity: 1;
+.dsx-floating-panel__resize-grip::before {
+  width: var(--dsx-space-sm);
+  bottom: var(--dsx-space-sm);
 }
 
-.dsx-floating-panel__handle--se {
-  cursor: nwse-resize;
+.dsx-floating-panel__resize-grip::after {
+  width: var(--dsx-space-xs);
+  bottom: var(--dsx-space-xs);
 }
 
+.dsx-floating-panel__handle--s .dsx-icon { transform: rotate(90deg); }
+
 .dsx-floating-panel__handle--s {
   cursor: ns-resize;
   bottom: 0;
   right: 50%;
   transform: translateX(50%);
   width: var(--dsx-space-xl);
-  height: var(--dsx-space-sm);
+  height: var(--dsx-size-md);
 }
 
 .dsx-floating-panel__handle--e {
@@ -111,6 +137,11 @@
   right: 0;
   bottom: 50%;
   transform: translateY(50%);
-  width: var(--dsx-space-sm);
+  width: var(--dsx-size-md);
   height: var(--dsx-space-xl);
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-floating-panel,
+  .dsx-floating-panel__close { transition: none; }
+}