@d4gger/design-system 2.7.0 → 3.0.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pills/pills.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pillsVariants = ['solid', 'soft', 'outline'] as const\nconst pillsSizes = ['sm', 'md', 'lg'] as const\nconst pillsRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst pillsPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pillsVariants,\n    default: 'solid',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pillsVariants)[number]>\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n}\n\nconst pillPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] as const,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n  removable: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n  removable: PropDef\n}\n\nexport {\n  pillsPropDefs,\n  pillPropDefs,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,SAAS,QAAQ,SAAS;AACjD,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,oBAAoB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE3D,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAQA,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,aAAa,eAAe,WAAW,SAAS,MAAM;AAAA,IAC1E,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pillsVariants = ['solid', 'soft', 'outline'] as const\nconst pillsSizes = ['sm', 'md', 'lg'] as const\nconst pillsRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst pillsPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pillsVariants,\n    default: 'solid',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pillsVariants)[number]>\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n}\n\nconst pillPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: ['default', 'secondary', 'soft', 'destructive', 'outline', 'ghost', 'link'] as const,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n  removable: {\n    type: 'boolean',\n    default: false,\n  },\n  tone: {\n    type: 'enum',\n    values: ['success', 'warning', 'error', 'info'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n  removable: PropDef\n  tone: PropDef<'success' | 'warning' | 'error' | 'info'>\n}\n\nexport {\n  pillsPropDefs,\n  pillPropDefs,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,SAAS,QAAQ,SAAS;AACjD,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,oBAAoB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE3D,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAQA,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,aAAa,QAAQ,eAAe,WAAW,SAAS,MAAM;AAAA,IAClF,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,SAAS,MAAM;AAAA,IAC9C,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

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

@@ -27,7 +27,7 @@ declare const pillsPropDefs: {
 declare const pillPropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "secondary", "destructive", "outline", "ghost", "link"];
+        values: readonly ["default", "secondary", "soft", "destructive", "outline", "ghost", "link"];
         default: string;
     };
     size: {
@@ -49,6 +49,11 @@ declare const pillPropDefs: {
         type: "boolean";
         default: false;
     };
+    tone: {
+        type: "enum";
+        values: readonly ["success", "warning", "error", "info"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"pills.props.d.cts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}
+{"version":3,"file":"pills.props.d.cts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}

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

@@ -27,7 +27,7 @@ declare const pillsPropDefs: {
 declare const pillPropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "secondary", "destructive", "outline", "ghost", "link"];
+        values: readonly ["default", "secondary", "soft", "destructive", "outline", "ghost", "link"];
         default: string;
     };
     size: {
@@ -49,6 +49,11 @@ declare const pillPropDefs: {
         type: "boolean";
         default: false;
     };
+    tone: {
+        type: "enum";
+        values: readonly ["success", "warning", "error", "info"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"pills.props.d.mts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}
+{"version":3,"file":"pills.props.d.mts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}

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

@@ -27,7 +27,7 @@ declare const pillsPropDefs: {
 declare const pillPropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "secondary", "destructive", "outline", "ghost", "link"];
+        values: readonly ["default", "secondary", "soft", "destructive", "outline", "ghost", "link"];
         default: string;
     };
     size: {
@@ -49,6 +49,11 @@ declare const pillPropDefs: {
         type: "boolean";
         default: false;
     };
+    tone: {
+        type: "enum";
+        values: readonly ["success", "warning", "error", "info"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"pills.props.d.ts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}
+{"version":3,"file":"pills.props.d.ts","sourceRoot":"","sources":["../../../src/components/pills/pills.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCjB,CAAA;AAED,OAAO,EACL,aAAa,EACb,YAAY,GACb,CAAA"}

package/dist/components/pills/pills.props.js

@@ -29,7 +29,7 @@ const pillPropDefs = {
   ...asChildPropDef,
   variant: {
     type: "enum",
-    values: ["default", "secondary", "destructive", "outline", "ghost", "link"],
+    values: ["default", "secondary", "soft", "destructive", "outline", "ghost", "link"],
     default: "default"
   },
   size: {
@@ -50,6 +50,11 @@ const pillPropDefs = {
   removable: {
     type: "boolean",
     default: false
+  },
+  tone: {
+    type: "enum",
+    values: ["success", "warning", "error", "info"],
+    default: void 0
   }
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/pills/pills.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pillsVariants = ['solid', 'soft', 'outline'] as const\nconst pillsSizes = ['sm', 'md', 'lg'] as const\nconst pillsRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst pillsPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pillsVariants,\n    default: 'solid',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pillsVariants)[number]>\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n}\n\nconst pillPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] as const,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n  removable: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n  removable: PropDef\n}\n\nexport {\n  pillsPropDefs,\n  pillPropDefs,\n}\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,SAAS,QAAQ,SAAS;AACjD,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,oBAAoB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE3D,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAQA,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,aAAa,eAAe,WAAW,SAAS,MAAM;AAAA,IAC1E,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst pillsVariants = ['solid', 'soft', 'outline'] as const\nconst pillsSizes = ['sm', 'md', 'lg'] as const\nconst pillsRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst pillsPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: pillsVariants,\n    default: 'solid',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef<(typeof pillsVariants)[number]>\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n}\n\nconst pillPropDefs = {\n  ...asChildPropDef,\n  variant: {\n    type: 'enum',\n    values: ['default', 'secondary', 'soft', 'destructive', 'outline', 'ghost', 'link'] as const,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: pillsSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: pillsRadiusValues,\n    default: undefined,\n  },\n  removable: {\n    type: 'boolean',\n    default: false,\n  },\n  tone: {\n    type: 'enum',\n    values: ['success', 'warning', 'error', 'info'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  variant: PropDef\n  size: PropDef<(typeof pillsSizes)[number]>\n  color: PropDef<string>\n  radius: PropDef<(typeof pillsRadiusValues)[number]>\n  removable: PropDef\n  tone: PropDef<'success' | 'warning' | 'error' | 'info'>\n}\n\nexport {\n  pillsPropDefs,\n  pillPropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,SAAS,QAAQ,SAAS;AACjD,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,oBAAoB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAE3D,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAQA,MAAM,eAAe;AAAA,EACnB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,aAAa,QAAQ,eAAe,WAAW,SAAS,MAAM;AAAA,IAClF,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,SAAS,MAAM;AAAA,IAC9C,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/pills.css

@@ -59,10 +59,42 @@
 }
 
 .dsx-pill--default[data-accent-color] {
-  background: var(--dsx-color-accent-surface);
+  background: var(--dsx-color-accent-3);
   color: var(--dsx-color-accent-indicator);
 }
 
+.dsx-pill--soft {
+  background: var(--dsx-color-accent-3);
+  color: var(--dsx-color-accent-indicator);
+  border: var(--dsx-border-width-sm) solid transparent;
+}
+
+/* Status tones speak the directions-panel language: container tint +
+   on-container ink, shared with badge / callout / toast. */
+.dsx-pill[data-tone='success'] {
+  background: var(--dsx-color-success-container);
+  color: var(--dsx-color-on-success-container);
+  border-color: transparent;
+}
+
+.dsx-pill[data-tone='warning'] {
+  background: var(--dsx-color-warning-container);
+  color: var(--dsx-color-on-warning-container);
+  border-color: transparent;
+}
+
+.dsx-pill[data-tone='error'] {
+  background: var(--dsx-color-error-container);
+  color: var(--dsx-color-on-error-container);
+  border-color: transparent;
+}
+
+.dsx-pill[data-tone='info'] {
+  background: var(--dsx-color-info-container);
+  color: var(--dsx-color-on-info-container);
+  border-color: transparent;
+}
+
 .dsx-pill--outline[data-accent-color] {
   border-color: var(--dsx-color-accent-indicator);
   color: var(--dsx-color-accent-indicator);
@@ -105,6 +137,13 @@
   cursor: pointer;
 }
 
+/* Light theme only: the track step goes unwreadable on white for vivid accents
+   (spark lime), so the link wears step 11 — the most vivid step that stays
+   readable on white across all five accents. Dark keeps the vivid track. */
+[data-dsx-theme='light'] .dsx-pill--link {
+  color: var(--dsx-color-accent-11);
+}
+
 .dsx-pill--link:hover {
   text-decoration: underline;
 }

package/dist/components/popover/Popover.cjs

@@ -171,7 +171,7 @@ const PopoverContent = React.forwardRef(
             transition: prefersReducedMotion ? import_motion.MOTION_TRANSITIONS.reduced : import_motion.MOTION_TRANSITIONS.popover,
             children: [
               children,
-              showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 10, height: 5 }) : null
+              showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 16, height: 8 }) : null
             ]
           }
         )

package/dist/components/popover/Popover.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/popover/Popover.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, '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\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    {children}\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={10} height={5} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, '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\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    {children}\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={16} height={8} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
   "mappings": "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",
   "names": ["import_motion", "classNames"]
 }

package/dist/components/popover/Popover.js

@@ -129,7 +129,7 @@ const PopoverContent = React.forwardRef(
             transition: prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover,
             children: [
               children,
-              showArrow ? /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 10, height: 5 }) : null
+              showArrow ? /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "dsx-popover__arrow", width: 16, height: 8 }) : null
             ]
           }
         )

package/dist/components/popover/Popover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/popover/Popover.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, '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\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    {children}\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={10} height={5} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { popoverContentPropDefs } from './popover.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst PopoverOpenContext = React.createContext(false)\n\ntype PopoverAriaContextValue = {\n  titleId: string\n  descriptionId: string\n}\n\nconst PopoverAriaContext = React.createContext<PopoverAriaContextValue | null>(null)\n\nfunction usePopoverAriaContext() {\n  return React.useContext(PopoverAriaContext)\n}\n\nfunction useControllablePopoverOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<PopoverRootProps, '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\ntype PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>\ntype PopoverProps = PopoverRootProps\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & PopoverContentOwnProps\n\ntype PopoverSide = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['side']>\ntype PopoverAlign = NonNullable<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>['align']>\n\ninterface PopoverPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: PopoverSide\n  sideOffset?: number\n  align?: PopoverAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface PopoverArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst PopoverTrigger: typeof PopoverPrimitive.Trigger = PopoverPrimitive.Trigger\nconst PopoverAnchor: typeof PopoverPrimitive.Anchor = PopoverPrimitive.Anchor\n\nfunction PopoverRoot({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverRootProps) {\n  const [open, setOpen] = useControllablePopoverOpenState({\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n  })\n\n  return (\n    <PortalThemeBoundary>\n      <PopoverOpenContext.Provider value={open}>\n        <PopoverPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n          {children}\n        </PopoverPrimitive.Root>\n      </PopoverOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nPopoverRoot.displayName = 'Popover'\n\nconst PopoverPositioner = React.forwardRef<HTMLDivElement, PopoverPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-popover__positioner', className)}\n        data-slot=\"popover-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nPopoverPositioner.displayName = 'PopoverPositioner'\n\nconst PopoverArrow = React.forwardRef<SVGSVGElement, PopoverArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-popover__arrow', className)}\n          data-slot=\"popover-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-popover__arrow', className)}\n        data-slot=\"popover-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nPopoverArrow.displayName = 'PopoverArrow'\n\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n  ({ className: propClassName, forceMount: forceMountProp = false, sideOffset = 8, showArrow = false, size = 'md', children, ...props }, forwardedRef) => {\n    const open = React.useContext(PopoverOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n      },\n      popoverContentPropDefs,\n    )\n    const isPresent = open || forceMountProp\n    const titleId = React.useId()\n    const descriptionId = React.useId()\n\n    return (\n      <PopoverPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"popover-content\">\n              <PopoverAriaContext.Provider value={{ titleId, descriptionId }}>\n                <PopoverPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  asChild\n                  sideOffset={sideOffset}\n                  aria-labelledby={titleId}\n                  aria-describedby={descriptionId}\n                  data-size={size}\n                  data-show-arrow={showArrow ? 'true' : 'false'}\n                >\n                  <motion.div\n                    className={classNames('dsx-popover__content', className)}\n                    initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 }}\n                    animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 }}\n                    exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 2 }}\n                    transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                  >\n                    {children}\n                    {showArrow ? <PopoverPrimitive.Arrow className=\"dsx-popover__arrow\" width={16} height={8} /> : null}\n                  </motion.div>\n                </PopoverPrimitive.Content>\n              </PopoverAriaContext.Provider>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </PopoverPrimitive.Portal>\n    )\n  },\n)\nPopoverContent.displayName = 'PopoverContent'\n\nconst PopoverTitle = React.forwardRef<React.ComponentRef<'h3'>, React.ComponentPropsWithoutRef<'h3'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <h3\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.titleId}\n        className={classNames('dsx-popover__title', className)}\n      />\n    )\n  },\n)\nPopoverTitle.displayName = 'PopoverTitle'\n\nconst PopoverDescription = React.forwardRef<React.ComponentRef<'p'>, React.ComponentPropsWithoutRef<'p'>>(\n  ({ className, id, ...props }, forwardedRef) => {\n    const ariaContext = usePopoverAriaContext()\n    return (\n      <p\n        {...props}\n        ref={forwardedRef}\n        id={id ?? ariaContext?.descriptionId}\n        className={classNames('dsx-popover__description', className)}\n      />\n    )\n  },\n)\nPopoverDescription.displayName = 'PopoverDescription'\n\nconst PopoverClose = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>\n>(({ className, ...props }, forwardedRef) => (\n  <PopoverPrimitive.Close\n    {...props}\n    ref={forwardedRef}\n    className={classNames('dsx-popover__close', className)}\n  />\n))\nPopoverClose.displayName = 'PopoverClose'\n\nconst Popover: typeof PopoverRoot & {\n  Trigger: typeof PopoverTrigger\n  Content: typeof PopoverContent\n  Anchor: typeof PopoverAnchor\n  Title: typeof PopoverTitle\n  Description: typeof PopoverDescription\n  Close: typeof PopoverClose\n  Positioner: typeof PopoverPositioner\n  Arrow: typeof PopoverArrow\n} = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Anchor: PopoverAnchor,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n  Positioner: PopoverPositioner,\n  Arrow: PopoverArrow,\n})\nPopover.displayName = 'Popover'\n\nexport { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger }\nexport type { PopoverArrowProps, PopoverContentProps, PopoverPositionerProps, PopoverProps, PopoverRootProps }\n"],
   "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,sBAAsB;AAClC,SAAS,YAAY;AAErB,SAAS,qBAAqB,0BAA0B;AACxD,SAAS,+BAA+B;AACxC,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB,cAAc;AACxC,SAAS,8BAA8B;AA2E/B,cA2FU,YA3FV;AAvER,MAAM,qBAAqB,MAAM,cAAc,KAAK;AAOpD,MAAM,qBAAqB,MAAM,cAA8C,IAAI;AAEnF,SAAS,wBAAwB;AAC/B,SAAO,MAAM,WAAW,kBAAkB;AAC5C;AAEA,SAAS,gCAAgC;AAAA,EACvC,MAAM;AAAA,EACN;AAAA,EACA;AACF,GAAoE;AAClE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,eAAe,KAAK;AACnF,QAAM,OAAO,YAAY;AAEzB,QAAM,mBAAmB,MAAM;AAAA,IAC7B,CAAC,aAAsB;AACrB,UAAI,aAAa,QAAW;AAC1B,4BAAoB,QAAQ;AAAA,MAC9B;AAEA,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,SAAO,CAAC,MAAM,gBAAgB;AAChC;AAyBA,MAAM,iBAAkD,iBAAiB;AACzE,MAAM,gBAAgD,iBAAiB;AAEvE,SAAS,YAAY,EAAE,UAAU,aAAa,cAAc,MAAM,UAAU,GAAG,MAAM,GAAqB;AACxG,QAAM,CAAC,MAAM,OAAO,IAAI,gCAAgC;AAAA,IACtD,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,uBACC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,MAClC,8BAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO,MAAY,cAAc,SACzD,UACH,GACF,GACF;AAEJ;AACA,YAAY,cAAc;AAE1B,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,OAAO,UAAU,aAAa,GAAG,QAAQ,UAAU,cAAc,GAAG,SAAS,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChI,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,WAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA,QACV,aAAW;AAAA,QACX,cAAY;AAAA,QACX,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,QAAQ,IAAI,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,iBAAiB;AAC1E,QAAI,SAAS;AACX,YAAM,EAAE,QAAQ,SAAS,GAAG,UAAU,IAAI;AAC1C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,UACrD,aAAU;AAAA,UACT,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,QACrD,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,SAAQ;AAAA,QACR,qBAAoB;AAAA,QACnB,GAAG;AAAA,QAEJ,8BAAC,UAAK,GAAE,qBAAoB,MAAK,gBAAe;AAAA;AAAA,IAClD;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAE3B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,YAAY,iBAAiB,OAAO,aAAa,GAAG,YAAY,OAAO,OAAO,MAAM,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACtJ,UAAM,OAAO,MAAM,WAAW,kBAAkB;AAChD,UAAM,uBAAuB,wBAAwB;AACrD,UAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AAAA,MACrC;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AACA,UAAM,YAAY,QAAQ;AAC1B,UAAM,UAAU,MAAM,MAAM;AAC5B,UAAM,gBAAgB,MAAM,MAAM;AAElC,WACE,oBAAC,iBAAiB,QAAjB,EACC,8BAAC,mBAAgB,SAAS,OACvB,sBACC,oBAAC,sBACC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,cAAc,GAC3D;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAO;AAAA,QACP;AAAA,QACA,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QAClB,aAAW;AAAA,QACX,mBAAiB,YAAY,SAAS;AAAA,QAEtC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW,WAAW,wBAAwB,SAAS;AAAA,YACvD,SAAS,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,YACpE,SAAS,uBAAuB,EAAE,SAAS,OAAO,IAAI,EAAE,IAAI,EAAE,SAAS,OAAO,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE;AAAA,YACrG,MAAM,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,YACjE,YAAY,uBAAuB,mBAAmB,UAAU,mBAAmB;AAAA,YAElF;AAAA;AAAA,cACA,YAAY,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,sBAAqB,OAAO,IAAI,QAAQ,GAAG,IAAK;AAAA;AAAA;AAAA,QACjG;AAAA;AAAA,IACF,GACF,KAvBsB,iBAwBxB,IACE,MACN,GACF;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,IAAI,GAAG,MAAM,GAAG,iBAAiB;AAC7C,UAAM,cAAc,sBAAsB;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,IAAI,MAAM,aAAa;AAAA,QACvB,WAAW,WAAW,sBAAsB,SAAS;AAAA;AAAA,IACvD;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;AAE3B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,IAAI,GAAG,MAAM,GAAG,iBAAiB;AAC7C,UAAM,cAAc,sBAAsB;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,IAAI,MAAM,aAAa;AAAA,QACvB,WAAW,WAAW,4BAA4B,SAAS;AAAA;AAAA,IAC7D;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACE,GAAG;AAAA,IACJ,KAAK;AAAA,IACL,WAAW,WAAW,sBAAsB,SAAS;AAAA;AACvD,CACD;AACD,aAAa,cAAc;AAE3B,MAAM,UASF,OAAO,OAAO,aAAa;AAAA,EAC7B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AACT,CAAC;AACD,QAAQ,cAAc;",
   "names": []
 }

package/dist/components/popover.css

@@ -2,6 +2,9 @@
 @import '../../_internal/baseDialog.css';
 
 .dsx-popover__content {
+  /* Portaled popovers may be triggered from inside a modal-tier Sheet or Dialog. They must sit
+     above that owning surface; otherwise the portal paints behind the control that opened it. */
+  z-index: calc(var(--dsx-z-index-modal, 90) + 1);
   gap: var(--dsx-space-md);
   min-width: var(--dsx-popover-min-width);
   max-width: min(var(--dsx-popover-max-width), calc(100vw - var(--dsx-dialog-viewport-gap)));
@@ -56,3 +59,10 @@
   position: relative;
   z-index: var(--dsx-z-index-popover, 50);
 }
+
+.dsx-popover__arrow {
+  fill: var(--dsx-color-panel-translucent);
+  stroke: var(--dsx-color-outline-variant);
+  stroke-width: 1px;
+  vector-effect: non-scaling-stroke;
+}

package/dist/components/progress.css

@@ -52,7 +52,7 @@
 .dsx-progress__indicator {
   width: 100%;
   height: 100%;
-  background: var(--dsx-color-primary);
+  background: var(--dsx-color-accent-track);
   transition: transform var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
 }
 
@@ -80,8 +80,12 @@
   background: var(--dsx-color-success);
 }
 
+.dsx-progress[data-high-contrast='true'] .dsx-progress__indicator {
+  background: var(--dsx-color-accent-indicator);
+}
+
 .dsx-progress[data-variant='indeterminate'] .dsx-progress__indicator {
-  animation: dsx-progress-indeterminate 1.5s infinite var(--dsx-motion-easing-in-out, ease-in-out);
+  animation: dsx-progress-indeterminate var(--dsx-motion-duration-shimmer) var(--dsx-motion-easing-in-out, ease-in-out) infinite;
 }
 
 @keyframes dsx-progress-indeterminate {

package/dist/components/prose/Prose.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/prose/Prose.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ProseProps extends React.ComponentPropsWithoutRef<'article'> {\n  /** Consumer-sanitized HTML only. The design system does not sanitize input. */\n  html?: string\n}\n\nconst Prose = React.forwardRef<HTMLElement, ProseProps>(({ className, children, html, ...props }, ref) => (\n  <article\n    {...props}\n    ref={ref}\n    className={classNames('dsx-prose', className)}\n    {...(html === undefined ? { children } : { dangerouslySetInnerHTML: { __html: html } })}\n  />\n))\nProse.displayName = 'Prose'\n\nexport { Prose }\nexport type { ProseProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAQrB;AADF,MAAM,QAAQ,MAAM,WAAoC,CAAC,EAAE,WAAW,UAAU,MAAM,GAAG,MAAM,GAAG,QAChG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,IAC3C,GAAI,SAAS,SAAY,EAAE,SAAS,IAAI,EAAE,yBAAyB,EAAE,QAAQ,KAAK,EAAE;AAAA;AACvF,CACD;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { ProseProps } from './prose.props'\n\nconst Prose = React.forwardRef<HTMLElement, ProseProps>(({ className, children, html, ...props }, ref) => (\n  <article\n    {...props}\n    ref={ref}\n    className={classNames('dsx-prose', className)}\n    {...(html === undefined ? { children } : { dangerouslySetInnerHTML: { __html: html } })}\n  />\n))\nProse.displayName = 'Prose'\n\nexport { Prose }\nexport type { ProseProps } from './prose.props'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAKrB;AADF,MAAM,QAAQ,MAAM,WAAoC,CAAC,EAAE,WAAW,UAAU,MAAM,GAAG,MAAM,GAAG,QAChG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,IAC3C,GAAI,SAAS,SAAY,EAAE,SAAS,IAAI,EAAE,yBAAyB,EAAE,QAAQ,KAAK,EAAE;AAAA;AACvF,CACD;AACD,MAAM,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/prose/Prose.d.cts

@@ -1,9 +1,6 @@
 import * as React from 'react';
-interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
-    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
-    html?: string;
-}
+import type { ProseProps } from './prose.props.cjs';
 declare const Prose: React.ForwardRefExoticComponent<ProseProps & React.RefAttributes<HTMLElement>>;
 export { Prose };
-export type { ProseProps };
+export type { ProseProps } from './prose.props.cjs';
 //# sourceMappingURL=Prose.d.cts.map

package/dist/components/prose/Prose.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Prose.d.cts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Prose.d.cts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/prose/Prose.d.mts

@@ -1,9 +1,6 @@
 import * as React from 'react';
-interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
-    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
-    html?: string;
-}
+import type { ProseProps } from './prose.props.js';
 declare const Prose: React.ForwardRefExoticComponent<ProseProps & React.RefAttributes<HTMLElement>>;
 export { Prose };
-export type { ProseProps };
+export type { ProseProps } from './prose.props.js';
 //# sourceMappingURL=Prose.d.mts.map

package/dist/components/prose/Prose.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Prose.d.mts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Prose.d.mts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/prose/Prose.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
-interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
-    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
-    html?: string;
-}
+import type { ProseProps } from './prose.props.js';
 declare const Prose: React.ForwardRefExoticComponent<ProseProps & React.RefAttributes<HTMLElement>>;
 export { Prose };
-export type { ProseProps };
+export type { ProseProps } from './prose.props.js';
 //# sourceMappingURL=Prose.d.ts.map

package/dist/components/prose/Prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../src/components/prose/Prose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,QAAA,MAAM,KAAK,gFAOT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/prose/Prose.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/prose/Prose.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\ninterface ProseProps extends React.ComponentPropsWithoutRef<'article'> {\n  /** Consumer-sanitized HTML only. The design system does not sanitize input. */\n  html?: string\n}\n\nconst Prose = React.forwardRef<HTMLElement, ProseProps>(({ className, children, html, ...props }, ref) => (\n  <article\n    {...props}\n    ref={ref}\n    className={classNames('dsx-prose', className)}\n    {...(html === undefined ? { children } : { dangerouslySetInnerHTML: { __html: html } })}\n  />\n))\nProse.displayName = 'Prose'\n\nexport { Prose }\nexport type { ProseProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAQrB;AADF,MAAM,QAAQ,MAAM,WAAoC,CAAC,EAAE,WAAW,UAAU,MAAM,GAAG,MAAM,GAAG,QAChG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAW,WAAW,aAAa,SAAS;AAAA,IAC3C,GAAI,SAAS,SAAY,EAAE,SAAS,IAAI,EAAE,yBAAyB,EAAE,QAAQ,KAAK,EAAE;AAAA;AACvF,CACD;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { ProseProps } from './prose.props'\n\nconst Prose = React.forwardRef<HTMLElement, ProseProps>(({ className, children, html, ...props }, ref) => (\n  <article\n    {...props}\n    ref={ref}\n    className={classNames('dsx-prose', className)}\n    {...(html === undefined ? { children } : { dangerouslySetInnerHTML: { __html: html } })}\n  />\n))\nProse.displayName = 'Prose'\n\nexport { Prose }\nexport type { ProseProps } from './prose.props'\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAKrB;AADF,MAAM,QAAQ,MAAM,WAAoC,CAAC,EAAE,WAAW,UAAU,MAAM,GAAG,MAAM,GAAG,QAChG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAW,WAAW,aAAa,SAAS;AAAA,IAC3C,GAAI,SAAS,SAAY,EAAE,SAAS,IAAI,EAAE,yBAAyB,EAAE,QAAQ,KAAK,EAAE;AAAA;AACvF,CACD;AACD,MAAM,cAAc;",
   "names": []
 }

package/dist/components/prose/prose.props.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 prose_props_exports = {};
+module.exports = __toCommonJS(prose_props_exports);
+//# sourceMappingURL=prose.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/prose/prose.props.ts"],
+  "sourcesContent": ["import type * as React from 'react'\n\ninterface ProseProps extends React.ComponentPropsWithoutRef<'article'> {\n  /** Consumer-sanitized HTML only. The design system does not sanitize input. */\n  html?: string\n}\n\nexport type { ProseProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
+    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
+    html?: string;
+}
+export type { ProseProps };
+//# sourceMappingURL=prose.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prose.props.d.cts","sourceRoot":"","sources":["../../../src/components/prose/prose.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,YAAY,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
+    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
+    html?: string;
+}
+export type { ProseProps };
+//# sourceMappingURL=prose.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prose.props.d.mts","sourceRoot":"","sources":["../../../src/components/prose/prose.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,YAAY,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+interface ProseProps extends React.ComponentPropsWithoutRef<'article'> {
+    /** Consumer-sanitized HTML only. The design system does not sanitize input. */
+    html?: string;
+}
+export type { ProseProps };
+//# sourceMappingURL=prose.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prose.props.d.ts","sourceRoot":"","sources":["../../../src/components/prose/prose.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC;IACpE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/prose/prose.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=prose.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/radio-cards.css

@@ -54,6 +54,14 @@
 .dsx-radio-cards__item[data-state='checked'] {
   border-color: var(--dsx-color-primary);
   background: var(--dsx-color-primary-ghost, color-mix(in srgb, var(--dsx-color-primary) 8%, transparent));
+  /* F2 selected role: 2px inset accent ring on top of the 1px accent border —
+     no layout shift on check, crisp at every DPI. */
+  box-shadow: var(--dsx-boundary-selected-ring);
+}
+
+/* Checked + keyboard focus: show the focus ring and the selected ring together. */
+.dsx-radio-cards__item[data-state='checked']:focus-visible {
+  box-shadow: var(--dsx-shadow-focus-ring), var(--dsx-boundary-selected-ring);
 }
 
 .dsx-radio-cards__item[data-disabled] {

package/dist/components/rating/Rating.cjs

@@ -86,10 +86,11 @@ const Rating = React.forwardRef(
         "data-size": size,
         "data-read-only": readOnly ? "true" : void 0,
         "data-value": currentValue?.toString(),
+        defaultValue: defaultValue?.toString(),
         disabled: isDisabled,
         onValueChange: handleValueChange,
         orientation,
-        value: stringValue,
+        value: isControlled ? stringValue : void 0,
         children: RATING_VALUES.map((ratingValue) => {
           const filled = currentValue !== void 0 && ratingValue <= currentValue;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(