@d4gger/design-system 4.0.0 → 4.0.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/bottomDock/bottomDock.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bottomDockPlacements = ['fixed', 'contained'] as const\nconst bottomDockLabelModes = ['active', 'always'] as const\n\nconst bottomDockPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: bottomDockPlacements,\n    default: 'fixed',\n  },\n  labels: {\n    type: 'enum',\n    values: bottomDockLabelModes,\n    default: 'active',\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof bottomDockPlacements)[number]>\n  labels: PropDef<(typeof bottomDockLabelModes)[number]>\n}\n\nconst bottomDockItemPropDefs = {\n  ...asChildPropDef,\n  isActive: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef\n  isActive: PropDef\n}\n\nexport { bottomDockItemPropDefs, bottomDockLabelModes, bottomDockPlacements, bottomDockPropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,uBAAuB,CAAC,SAAS,WAAW;AAClD,MAAM,uBAAuB,CAAC,UAAU,QAAQ;AAEhD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAMA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst bottomDockPlacements = ['fixed', 'contained'] as const\nconst bottomDockLabelModes = ['active', 'always', 'none'] as const\n\nconst bottomDockPropDefs = {\n  ...asChildPropDef,\n  placement: {\n    type: 'enum',\n    values: bottomDockPlacements,\n    default: 'fixed',\n  },\n  labels: {\n    type: 'enum',\n    values: bottomDockLabelModes,\n    default: 'active',\n  },\n} satisfies {\n  asChild: PropDef\n  placement: PropDef<(typeof bottomDockPlacements)[number]>\n  labels: PropDef<(typeof bottomDockLabelModes)[number]>\n}\n\nconst bottomDockItemPropDefs = {\n  ...asChildPropDef,\n  isActive: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef\n  isActive: PropDef\n}\n\nexport { bottomDockItemPropDefs, bottomDockLabelModes, bottomDockPlacements, bottomDockPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,uBAAuB,CAAC,SAAS,WAAW;AAClD,MAAM,uBAAuB,CAAC,UAAU,UAAU,MAAM;AAExD,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAMA,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/dist/components/card.css

@@ -27,8 +27,8 @@
 .dsx-card.dsx-card--outline {
   background: transparent;
   box-shadow: none;
-  backdrop-filter: var(--dsx-effect-panel-solid-backdrop-filter);
   -webkit-backdrop-filter: var(--dsx-effect-panel-solid-backdrop-filter);
+  backdrop-filter: var(--dsx-effect-panel-solid-backdrop-filter);
 }
 
 .dsx-card__header {

package/dist/components/collapsible/Collapsible.cjs

@@ -69,6 +69,8 @@ const COLLAPSIBLE_MOTION_STYLES = `
     padding-top: 0;
     padding-bottom: 0;
     opacity: 0;
+    /* Held by the fill after the animation: a collapsed force-mounted panel leaves the tab order. */
+    visibility: hidden;
   }
 }
 
@@ -81,6 +83,14 @@ const COLLAPSIBLE_MOTION_STYLES = `
   overflow: hidden;
 }
 
+/* The closed state above is only the end frame of the collapse animation. A force-mounted panel that first mounts closed never
+   plays it (Radix suppresses the mount animation by writing animation-name: none on the element), so it would rest at full
+   height. Hide it at rest. After any toggle Radix puts the animation back and the panel animates out as usual. :where() keeps
+   the rule at 0,2,0. */
+.dsx-collapsible__content[data-state='closed']:where([style*='animation-name: none']) {
+  display: none;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .dsx-collapsible__content[data-state='open'],
   .dsx-collapsible__content[data-state='closed'] {

package/dist/components/collapsible/Collapsible.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/collapsible/Collapsible.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { collapsibleContentPropDefs, collapsiblePropDefs, collapsibleTriggerPropDefs } from './collapsible.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst COLLAPSIBLE_MOTION_STYLE_ID = 'dsx-collapsible-motion-styles'\nconst COLLAPSIBLE_MOTION_STYLES = `\n@keyframes dsx-collapsible-expand {\n  from {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes dsx-collapsible-collapse {\n  from {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n\n  to {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}\n\n.dsx-collapsible__content[data-state='open'] {\n  animation: dsx-collapsible-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n.dsx-collapsible__content[data-state='closed'] {\n  animation: dsx-collapsible-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out) both;\n  overflow: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsx-collapsible__content[data-state='open'],\n  .dsx-collapsible__content[data-state='closed'] {\n    animation: none !important;\n  }\n  /* No animation runs, so forceMount-kept closed content would render at\n     full height \u2014 hide it outright for reduced-motion users. */\n  .dsx-collapsible__content[data-state='closed'] {\n    display: none;\n  }\n}\n`\n\nfunction useCollapsibleMotionStyles() {\n  React.useInsertionEffect(() => {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    if (document.getElementById(COLLAPSIBLE_MOTION_STYLE_ID)) {\n      return\n    }\n\n    const style = document.createElement('style')\n\n    style.id = COLLAPSIBLE_MOTION_STYLE_ID\n    style.textContent = COLLAPSIBLE_MOTION_STYLES\n\n    document.head.appendChild(style)\n  }, [])\n}\n\ntype CollapsibleOwnProps = GetPropDefTypes<typeof collapsiblePropDefs>\ntype CollapsibleTriggerOwnProps = GetPropDefTypes<typeof collapsibleTriggerPropDefs>\ntype CollapsibleContentOwnProps = GetPropDefTypes<typeof collapsibleContentPropDefs>\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & CollapsibleOwnProps\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger> & CollapsibleTriggerOwnProps\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> & CollapsibleContentOwnProps\n\nconst CollapsibleRoot = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Root>, CollapsibleProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...collapsibleProps } = extractProps(props, collapsiblePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Root {...collapsibleProps} ref={forwardedRef} asChild>\n        <Comp className={className}>{children}</Comp>\n      </CollapsiblePrimitive.Root>\n    )\n  },\n)\nCollapsibleRoot.displayName = 'Collapsible'\n\nconst CollapsibleTrigger = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Trigger>, CollapsibleTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...triggerProps } = extractProps(props, collapsibleTriggerPropDefs)\n    const Comp = asChild ? Slot : 'button'\n\n    return (\n      <CollapsiblePrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__trigger', className)}>\n          <span>{asChild ? <Slottable>{children}</Slottable> : children}</span>\n          <Icon name=\"chevron-down\" size=\"lg\" className=\"dsx-collapsible__chevron\" />\n        </Comp>\n      </CollapsiblePrimitive.Trigger>\n    )\n  },\n)\nCollapsibleTrigger.displayName = 'CollapsibleTrigger'\n\nconst CollapsibleContent = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Content>, CollapsibleContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    useCollapsibleMotionStyles()\n\n    const { asChild, className, ...contentProps } = extractProps(props, collapsibleContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Content {...contentProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__content', className)}>\n          {asChild ? <Slottable>{children}</Slottable> : children}\n        </Comp>\n      </CollapsiblePrimitive.Content>\n    )\n  },\n)\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nconst Collapsible: typeof CollapsibleRoot & {\n  Trigger: typeof CollapsibleTrigger\n  Content: typeof CollapsibleContent\n} = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n})\n\nexport { Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger }\nexport type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,2BAAsC;AACtC,wBAAgC;AAEhC,0BAA6B;AAC7B,kBAAqB;AACrB,yBAA4F;AA0FpF;AAtFR,MAAM,8BAA8B;AACpC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDlC,SAAS,6BAA6B;AACpC,QAAM,mBAAmB,MAAM;AAC7B,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,2BAA2B,GAAG;AACxD;AAAA,IACF;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,KAAK;AACX,UAAM,cAAc;AAEpB,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AACP;AAUA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,sCAAmB;AAC3F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,MAArB,EAA2B,GAAG,kBAAkB,KAAK,cAAc,SAAO,MACzE,sDAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,6CAA0B;AAC9F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,uDAAC,QAAK,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAC/D;AAAA,kDAAC,UAAM,oBAAU,4CAAC,+BAAW,UAAS,IAAe,UAAS;AAAA,MAC9D,4CAAC,oBAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,4BAA2B;AAAA,OAC3E,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,+BAA2B;AAE3B,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,6CAA0B;AAC9F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,sDAAC,QAAK,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAC9D,oBAAU,4CAAC,+BAAW,UAAS,IAAe,UACjD,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,cAGF,OAAO,OAAO,iBAAiB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { collapsibleContentPropDefs, collapsiblePropDefs, collapsibleTriggerPropDefs } from './collapsible.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst COLLAPSIBLE_MOTION_STYLE_ID = 'dsx-collapsible-motion-styles'\nconst COLLAPSIBLE_MOTION_STYLES = `\n@keyframes dsx-collapsible-expand {\n  from {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes dsx-collapsible-collapse {\n  from {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n\n  to {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n    /* Held by the fill after the animation: a collapsed force-mounted panel leaves the tab order. */\n    visibility: hidden;\n  }\n}\n\n.dsx-collapsible__content[data-state='open'] {\n  animation: dsx-collapsible-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n.dsx-collapsible__content[data-state='closed'] {\n  animation: dsx-collapsible-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out) both;\n  overflow: hidden;\n}\n\n/* The closed state above is only the end frame of the collapse animation. A force-mounted panel that first mounts closed never\n   plays it (Radix suppresses the mount animation by writing animation-name: none on the element), so it would rest at full\n   height. Hide it at rest. After any toggle Radix puts the animation back and the panel animates out as usual. :where() keeps\n   the rule at 0,2,0. */\n.dsx-collapsible__content[data-state='closed']:where([style*='animation-name: none']) {\n  display: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsx-collapsible__content[data-state='open'],\n  .dsx-collapsible__content[data-state='closed'] {\n    animation: none !important;\n  }\n  /* No animation runs, so forceMount-kept closed content would render at\n     full height \u2014 hide it outright for reduced-motion users. */\n  .dsx-collapsible__content[data-state='closed'] {\n    display: none;\n  }\n}\n`\n\nfunction useCollapsibleMotionStyles() {\n  React.useInsertionEffect(() => {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    if (document.getElementById(COLLAPSIBLE_MOTION_STYLE_ID)) {\n      return\n    }\n\n    const style = document.createElement('style')\n\n    style.id = COLLAPSIBLE_MOTION_STYLE_ID\n    style.textContent = COLLAPSIBLE_MOTION_STYLES\n\n    document.head.appendChild(style)\n  }, [])\n}\n\ntype CollapsibleOwnProps = GetPropDefTypes<typeof collapsiblePropDefs>\ntype CollapsibleTriggerOwnProps = GetPropDefTypes<typeof collapsibleTriggerPropDefs>\ntype CollapsibleContentOwnProps = GetPropDefTypes<typeof collapsibleContentPropDefs>\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & CollapsibleOwnProps\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger> & CollapsibleTriggerOwnProps\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> & CollapsibleContentOwnProps\n\nconst CollapsibleRoot = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Root>, CollapsibleProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...collapsibleProps } = extractProps(props, collapsiblePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Root {...collapsibleProps} ref={forwardedRef} asChild>\n        <Comp className={className}>{children}</Comp>\n      </CollapsiblePrimitive.Root>\n    )\n  },\n)\nCollapsibleRoot.displayName = 'Collapsible'\n\nconst CollapsibleTrigger = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Trigger>, CollapsibleTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...triggerProps } = extractProps(props, collapsibleTriggerPropDefs)\n    const Comp = asChild ? Slot : 'button'\n\n    return (\n      <CollapsiblePrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__trigger', className)}>\n          <span>{asChild ? <Slottable>{children}</Slottable> : children}</span>\n          <Icon name=\"chevron-down\" size=\"lg\" className=\"dsx-collapsible__chevron\" />\n        </Comp>\n      </CollapsiblePrimitive.Trigger>\n    )\n  },\n)\nCollapsibleTrigger.displayName = 'CollapsibleTrigger'\n\nconst CollapsibleContent = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Content>, CollapsibleContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    useCollapsibleMotionStyles()\n\n    const { asChild, className, ...contentProps } = extractProps(props, collapsibleContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Content {...contentProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__content', className)}>\n          {asChild ? <Slottable>{children}</Slottable> : children}\n        </Comp>\n      </CollapsiblePrimitive.Content>\n    )\n  },\n)\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nconst Collapsible: typeof CollapsibleRoot & {\n  Trigger: typeof CollapsibleTrigger\n  Content: typeof CollapsibleContent\n} = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n})\n\nexport { Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger }\nexport type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,2BAAsC;AACtC,wBAAgC;AAEhC,0BAA6B;AAC7B,kBAAqB;AACrB,yBAA4F;AAoGpF;AAhGR,MAAM,8BAA8B;AACpC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DlC,SAAS,6BAA6B;AACpC,QAAM,mBAAmB,MAAM;AAC7B,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,2BAA2B,GAAG;AACxD;AAAA,IACF;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,KAAK;AACX,UAAM,cAAc;AAEpB,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AACP;AAUA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,sCAAmB;AAC3F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,MAArB,EAA2B,GAAG,kBAAkB,KAAK,cAAc,SAAO,MACzE,sDAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,6CAA0B;AAC9F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,uDAAC,QAAK,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAC/D;AAAA,kDAAC,UAAM,oBAAU,4CAAC,+BAAW,UAAS,IAAe,UAAS;AAAA,MAC9D,4CAAC,oBAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,4BAA2B;AAAA,OAC3E,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,+BAA2B;AAE3B,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,6CAA0B;AAC9F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE,4CAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,sDAAC,QAAK,eAAW,kBAAAA,SAAW,4BAA4B,SAAS,GAC9D,oBAAU,4CAAC,+BAAW,UAAS,IAAe,UACjD,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,cAGF,OAAO,OAAO,iBAAiB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/collapsible/Collapsible.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.cts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAyEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"Collapsible.d.cts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAmFpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/collapsible/Collapsible.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.mts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAyEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"Collapsible.d.mts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAmFpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/collapsible/Collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAyEpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAKnE,OAAO,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA;AAEjH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAmFpE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAEpF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAA;AAC9G,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAC/H,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,0BAA0B,CAAA;AAE/H,QAAA,MAAM,eAAe;;;;;yCAWpB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;4CAcvB,CAAA;AAGD,QAAA,MAAM,kBAAkB;;;;;yCAevB,CAAA;AAGD,QAAA,MAAM,WAAW,EAAE,OAAO,eAAe,GAAG;IAC1C,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC,OAAO,EAAE,OAAO,kBAAkB,CAAA;CAIlC,CAAA;AAEF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAA;AAC/E,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/components/collapsible/Collapsible.js

@@ -33,6 +33,8 @@ const COLLAPSIBLE_MOTION_STYLES = `
     padding-top: 0;
     padding-bottom: 0;
     opacity: 0;
+    /* Held by the fill after the animation: a collapsed force-mounted panel leaves the tab order. */
+    visibility: hidden;
   }
 }
 
@@ -45,6 +47,14 @@ const COLLAPSIBLE_MOTION_STYLES = `
   overflow: hidden;
 }
 
+/* The closed state above is only the end frame of the collapse animation. A force-mounted panel that first mounts closed never
+   plays it (Radix suppresses the mount animation by writing animation-name: none on the element), so it would rest at full
+   height. Hide it at rest. After any toggle Radix puts the animation back and the panel animates out as usual. :where() keeps
+   the rule at 0,2,0. */
+.dsx-collapsible__content[data-state='closed']:where([style*='animation-name: none']) {
+  display: none;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .dsx-collapsible__content[data-state='open'],
   .dsx-collapsible__content[data-state='closed'] {

package/dist/components/collapsible/Collapsible.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/collapsible/Collapsible.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { collapsibleContentPropDefs, collapsiblePropDefs, collapsibleTriggerPropDefs } from './collapsible.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst COLLAPSIBLE_MOTION_STYLE_ID = 'dsx-collapsible-motion-styles'\nconst COLLAPSIBLE_MOTION_STYLES = `\n@keyframes dsx-collapsible-expand {\n  from {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes dsx-collapsible-collapse {\n  from {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n\n  to {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}\n\n.dsx-collapsible__content[data-state='open'] {\n  animation: dsx-collapsible-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n.dsx-collapsible__content[data-state='closed'] {\n  animation: dsx-collapsible-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out) both;\n  overflow: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsx-collapsible__content[data-state='open'],\n  .dsx-collapsible__content[data-state='closed'] {\n    animation: none !important;\n  }\n  /* No animation runs, so forceMount-kept closed content would render at\n     full height \u2014 hide it outright for reduced-motion users. */\n  .dsx-collapsible__content[data-state='closed'] {\n    display: none;\n  }\n}\n`\n\nfunction useCollapsibleMotionStyles() {\n  React.useInsertionEffect(() => {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    if (document.getElementById(COLLAPSIBLE_MOTION_STYLE_ID)) {\n      return\n    }\n\n    const style = document.createElement('style')\n\n    style.id = COLLAPSIBLE_MOTION_STYLE_ID\n    style.textContent = COLLAPSIBLE_MOTION_STYLES\n\n    document.head.appendChild(style)\n  }, [])\n}\n\ntype CollapsibleOwnProps = GetPropDefTypes<typeof collapsiblePropDefs>\ntype CollapsibleTriggerOwnProps = GetPropDefTypes<typeof collapsibleTriggerPropDefs>\ntype CollapsibleContentOwnProps = GetPropDefTypes<typeof collapsibleContentPropDefs>\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & CollapsibleOwnProps\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger> & CollapsibleTriggerOwnProps\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> & CollapsibleContentOwnProps\n\nconst CollapsibleRoot = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Root>, CollapsibleProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...collapsibleProps } = extractProps(props, collapsiblePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Root {...collapsibleProps} ref={forwardedRef} asChild>\n        <Comp className={className}>{children}</Comp>\n      </CollapsiblePrimitive.Root>\n    )\n  },\n)\nCollapsibleRoot.displayName = 'Collapsible'\n\nconst CollapsibleTrigger = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Trigger>, CollapsibleTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...triggerProps } = extractProps(props, collapsibleTriggerPropDefs)\n    const Comp = asChild ? Slot : 'button'\n\n    return (\n      <CollapsiblePrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__trigger', className)}>\n          <span>{asChild ? <Slottable>{children}</Slottable> : children}</span>\n          <Icon name=\"chevron-down\" size=\"lg\" className=\"dsx-collapsible__chevron\" />\n        </Comp>\n      </CollapsiblePrimitive.Trigger>\n    )\n  },\n)\nCollapsibleTrigger.displayName = 'CollapsibleTrigger'\n\nconst CollapsibleContent = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Content>, CollapsibleContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    useCollapsibleMotionStyles()\n\n    const { asChild, className, ...contentProps } = extractProps(props, collapsibleContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Content {...contentProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__content', className)}>\n          {asChild ? <Slottable>{children}</Slottable> : children}\n        </Comp>\n      </CollapsiblePrimitive.Content>\n    )\n  },\n)\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nconst Collapsible: typeof CollapsibleRoot & {\n  Trigger: typeof CollapsibleTrigger\n  Content: typeof CollapsibleContent\n} = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n})\n\nexport { Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger }\nexport type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,0BAA0B;AACtC,SAAS,MAAM,iBAAiB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,4BAA4B,qBAAqB,kCAAkC;AA0FpF,cAcA,YAdA;AAtFR,MAAM,8BAA8B;AACpC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDlC,SAAS,6BAA6B;AACpC,QAAM,mBAAmB,MAAM;AAC7B,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,2BAA2B,GAAG;AACxD;AAAA,IACF;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,KAAK;AACX,UAAM,cAAc;AAEpB,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AACP;AAUA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,mBAAmB;AAC3F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,MAArB,EAA2B,GAAG,kBAAkB,KAAK,cAAc,SAAO,MACzE,8BAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,0BAA0B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,+BAAC,QAAK,WAAW,WAAW,4BAA4B,SAAS,GAC/D;AAAA,0BAAC,UAAM,oBAAU,oBAAC,aAAW,UAAS,IAAe,UAAS;AAAA,MAC9D,oBAAC,QAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,4BAA2B;AAAA,OAC3E,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,+BAA2B;AAE3B,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,0BAA0B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,8BAAC,QAAK,WAAW,WAAW,4BAA4B,SAAS,GAC9D,oBAAU,oBAAC,aAAW,UAAS,IAAe,UACjD,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,cAGF,OAAO,OAAO,iBAAiB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { collapsibleContentPropDefs, collapsiblePropDefs, collapsibleTriggerPropDefs } from './collapsible.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst COLLAPSIBLE_MOTION_STYLE_ID = 'dsx-collapsible-motion-styles'\nconst COLLAPSIBLE_MOTION_STYLES = `\n@keyframes dsx-collapsible-expand {\n  from {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n\n  to {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes dsx-collapsible-collapse {\n  from {\n    height: var(--radix-collapsible-content-height);\n    opacity: 1;\n  }\n\n  to {\n    height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n    /* Held by the fill after the animation: a collapsed force-mounted panel leaves the tab order. */\n    visibility: hidden;\n  }\n}\n\n.dsx-collapsible__content[data-state='open'] {\n  animation: dsx-collapsible-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n.dsx-collapsible__content[data-state='closed'] {\n  animation: dsx-collapsible-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out) both;\n  overflow: hidden;\n}\n\n/* The closed state above is only the end frame of the collapse animation. A force-mounted panel that first mounts closed never\n   plays it (Radix suppresses the mount animation by writing animation-name: none on the element), so it would rest at full\n   height. Hide it at rest. After any toggle Radix puts the animation back and the panel animates out as usual. :where() keeps\n   the rule at 0,2,0. */\n.dsx-collapsible__content[data-state='closed']:where([style*='animation-name: none']) {\n  display: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsx-collapsible__content[data-state='open'],\n  .dsx-collapsible__content[data-state='closed'] {\n    animation: none !important;\n  }\n  /* No animation runs, so forceMount-kept closed content would render at\n     full height \u2014 hide it outright for reduced-motion users. */\n  .dsx-collapsible__content[data-state='closed'] {\n    display: none;\n  }\n}\n`\n\nfunction useCollapsibleMotionStyles() {\n  React.useInsertionEffect(() => {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    if (document.getElementById(COLLAPSIBLE_MOTION_STYLE_ID)) {\n      return\n    }\n\n    const style = document.createElement('style')\n\n    style.id = COLLAPSIBLE_MOTION_STYLE_ID\n    style.textContent = COLLAPSIBLE_MOTION_STYLES\n\n    document.head.appendChild(style)\n  }, [])\n}\n\ntype CollapsibleOwnProps = GetPropDefTypes<typeof collapsiblePropDefs>\ntype CollapsibleTriggerOwnProps = GetPropDefTypes<typeof collapsibleTriggerPropDefs>\ntype CollapsibleContentOwnProps = GetPropDefTypes<typeof collapsibleContentPropDefs>\n\ntype CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & CollapsibleOwnProps\ntype CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger> & CollapsibleTriggerOwnProps\ntype CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content> & CollapsibleContentOwnProps\n\nconst CollapsibleRoot = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Root>, CollapsibleProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...collapsibleProps } = extractProps(props, collapsiblePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Root {...collapsibleProps} ref={forwardedRef} asChild>\n        <Comp className={className}>{children}</Comp>\n      </CollapsiblePrimitive.Root>\n    )\n  },\n)\nCollapsibleRoot.displayName = 'Collapsible'\n\nconst CollapsibleTrigger = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Trigger>, CollapsibleTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...triggerProps } = extractProps(props, collapsibleTriggerPropDefs)\n    const Comp = asChild ? Slot : 'button'\n\n    return (\n      <CollapsiblePrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__trigger', className)}>\n          <span>{asChild ? <Slottable>{children}</Slottable> : children}</span>\n          <Icon name=\"chevron-down\" size=\"lg\" className=\"dsx-collapsible__chevron\" />\n        </Comp>\n      </CollapsiblePrimitive.Trigger>\n    )\n  },\n)\nCollapsibleTrigger.displayName = 'CollapsibleTrigger'\n\nconst CollapsibleContent = React.forwardRef<React.ComponentRef<typeof CollapsiblePrimitive.Content>, CollapsibleContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    useCollapsibleMotionStyles()\n\n    const { asChild, className, ...contentProps } = extractProps(props, collapsibleContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <CollapsiblePrimitive.Content {...contentProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-collapsible__content', className)}>\n          {asChild ? <Slottable>{children}</Slottable> : children}\n        </Comp>\n      </CollapsiblePrimitive.Content>\n    )\n  },\n)\nCollapsibleContent.displayName = 'CollapsibleContent'\n\nconst Collapsible: typeof CollapsibleRoot & {\n  Trigger: typeof CollapsibleTrigger\n  Content: typeof CollapsibleContent\n} = Object.assign(CollapsibleRoot, {\n  Trigger: CollapsibleTrigger,\n  Content: CollapsibleContent,\n})\n\nexport { Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger }\nexport type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,0BAA0B;AACtC,SAAS,MAAM,iBAAiB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,4BAA4B,qBAAqB,kCAAkC;AAoGpF,cAcA,YAdA;AAhGR,MAAM,8BAA8B;AACpC,MAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DlC,SAAS,6BAA6B;AACpC,QAAM,mBAAmB,MAAM;AAC7B,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,2BAA2B,GAAG;AACxD;AAAA,IACF;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,KAAK;AACX,UAAM,cAAc;AAEpB,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AACP;AAUA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,mBAAmB;AAC3F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,MAArB,EAA2B,GAAG,kBAAkB,KAAK,cAAc,SAAO,MACzE,8BAAC,QAAK,WAAuB,UAAS,GACxC;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,0BAA0B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,+BAAC,QAAK,WAAW,WAAW,4BAA4B,SAAS,GAC/D;AAAA,0BAAC,UAAM,oBAAU,oBAAC,aAAW,UAAS,IAAe,UAAS;AAAA,MAC9D,oBAAC,QAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,4BAA2B;AAAA,OAC3E,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,+BAA2B;AAE3B,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,0BAA0B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,qBAAqB,SAArB,EAA8B,GAAG,cAAc,KAAK,cAAc,SAAO,MACxE,8BAAC,QAAK,WAAW,WAAW,4BAA4B,SAAS,GAC9D,oBAAU,oBAAC,aAAW,UAAS,IAAe,UACjD,GACF;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,cAGF,OAAO,OAAO,iBAAiB;AAAA,EACjC,SAAS;AAAA,EACT,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/components/dialog.css

@@ -94,8 +94,8 @@
 }
 
 .dsx-dialog__backdrop[data-blur='true'] {
-  backdrop-filter: blur(var(--dsx-blur-md, 8px));
   -webkit-backdrop-filter: blur(var(--dsx-blur-md, 8px));
+  backdrop-filter: blur(var(--dsx-blur-md, 8px));
 }
 
 /* Layout-hint element only — position state is driven by data-position */

package/dist/components/environment-ribbon.css

@@ -0,0 +1,73 @@
+/* EnvironmentRibbon — a floating warning pill for a non-production environment, with a warm haze behind the top edge.
+   Tokens only. No breakpoints, no motion: the app renders it only off production, and the frame reserves the row it takes on a phone. */
+
+.dsx-environment-ribbon {
+  position: fixed;
+  inset-block-start: var(--dsx-space-sm);
+  inset-inline: var(--dsx-space-3);
+  z-index: var(--dsx-z-index-fixed);
+  box-sizing: border-box;
+  /* Centred between the two insets with logical properties, so it holds in right-to-left. `fit-content` alone does not cap the width:
+     with `white-space: nowrap` the min-content width equals the max-content width, so the pill would refuse to shrink and spill past
+     the gutter (browser proof, 320px frame). The cap is the containing block less the two gutters, so a long label truncates. */
+  inline-size: fit-content;
+  max-inline-size: calc(100% - 2 * var(--dsx-space-3));
+  margin-inline: auto;
+  min-block-size: var(--dsx-size-md);
+  padding-block: var(--dsx-space-xs);
+  padding-inline: var(--dsx-space-sm);
+  /* The Badge warning recipe (container tint + on-container ink), the look passed in the vision, with a hairline warning edge: it keeps
+     the pill's outline over the haze and under forced colors, where fills are dropped. */
+  border: var(--dsx-border-width-sm) solid var(--dsx-color-warning);
+  border-radius: var(--dsx-rounded-full);
+  background: var(--dsx-color-warning-container);
+  color: var(--dsx-color-on-warning-container);
+  box-shadow: var(--dsx-panel-shadow);
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+  line-height: var(--dsx-typography-label-small-line-height);
+  letter-spacing: var(--dsx-typography-label-small-letter-spacing);
+  text-transform: var(--dsx-typography-label-small-text-transform);
+  text-decoration: var(--dsx-typography-label-small-text-decoration);
+  text-align: center;
+  /* One short label, one line: a label wider than the room truncates instead of wrapping the pill into a block. */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  /* A status label never blocks what is under it. */
+  pointer-events: none;
+}
+
+.dsx-environment-ribbon:where([data-placement='contained']) {
+  position: absolute;
+}
+
+/* The haze: a warm radial wash anchored at the top centre, painted behind the chrome. z-index -1 puts it over the background of an
+   isolated ancestor (`isolation: isolate`, as `.dsx-brand-ambient` is) and under in-flow content and glass panels, so a panel's blur
+   softens it and its text never sits under a warm veil. The strength is a multiple of the theme-aware accent-haze strength, so light,
+   whose strength is raised, keeps the same proportions as dark (the multiple is written inline, as Sidebar's ambient wash does: a local
+   `--dsx-*` custom property in a component stylesheet is flagged by qa:tokens as a token that does not exist). */
+.dsx-environment-ribbon__haze {
+  position: fixed;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  background-image: radial-gradient(
+    ellipse 40rem 15rem at 50% -3.75rem,
+    color-mix(in srgb, var(--dsx-color-warning) calc(var(--dsx-effect-ambient-strength) * 3.2), transparent),
+    transparent 72%
+  );
+  background-repeat: no-repeat;
+}
+
+.dsx-environment-ribbon__haze:where([data-placement='contained']) {
+  position: absolute;
+}
+
+/* Forced colors replaces fills and keeps borders; the haze is decoration and has nothing to say there. */
+@media (forced-colors: active) {
+  .dsx-environment-ribbon__haze {
+    display: none;
+  }
+}

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