@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/input-otp.css

@@ -65,6 +65,10 @@
 .dsx-input-otp:has(.dsx-input-otp__hidden-input[data-radius='lg'])   .dsx-input-otp__slot { border-radius: var(--dsx-rounded-lg); }
 .dsx-input-otp:has(.dsx-input-otp__hidden-input[data-radius='full']) .dsx-input-otp__slot { border-radius: var(--dsx-rounded-full); }
 
+.dsx-input-otp:has(.dsx-input-otp__hidden-input[aria-invalid='true']) .dsx-input-otp__slot {
+  border-color: var(--dsx-color-error);
+}
+
 .dsx-input-otp__caret-wrapper {
   position: absolute;
   inset: 0;

package/dist/components/input.css

@@ -23,6 +23,12 @@
   display: inline-flex;
   align-items: center;
   gap: var(--dsx-space-sm);
+  /* Real bug, found live at a 390px viewport composing the auth stream: inline-flex with no
+     width shrinks to the native <input>'s intrinsic content width (~size=20's worth) instead
+     of filling its container, so the shell silently overflows a narrow Field/Card instead of
+     shrinking with it. PasswordInput's equivalent shell (.dsx-password-input__shell) already
+     has width: 100% — Input was the one inconsistent sibling. */
+  width: 100%;
   min-height: var(--dsx-density-control-height, var(--dsx-size-xl));
   padding-inline: var(--dsx-density-control-padding-inline, var(--dsx-space-md));
   padding-block: var(--dsx-density-control-padding-block, var(--dsx-space-sm));
@@ -52,9 +58,11 @@
   font-size: var(--dsx-typography-body-large-font-size);
 }
 
-/* Variant — classic: elevated shadow over default surface border */
+/* Variant — classic: raised fill + elevation over the default surface shell, so it
+   reads distinct from the default surface shell on both themes. */
 .dsx-input-shell[data-variant='classic'] {
-  box-shadow: var(--dsx-effect-shadow-1);
+  background: var(--dsx-color-surface-raised);
+  box-shadow: var(--dsx-shadow-elevation-2);
 }
 
 /* Variant — ghost: no border or background until focused */
@@ -64,10 +72,15 @@
 }
 
 .dsx-input-shell[data-variant='ghost']:focus-within {
-  border-color: var(--dsx-color-primary);
+  border-color: var(--dsx-color-accent-indicator);
   background: var(--dsx-color-surface);
 }
 
+/* Invalid keeps the error edge under focus — focus must never clear it. */
+.dsx-input-shell--invalid:focus-within {
+  border-color: var(--dsx-color-error);
+}
+
 /* Radius overrides */
 .dsx-input-shell[data-radius='none'] { border-radius: 0; }
 .dsx-input-shell[data-radius='sm']   { border-radius: var(--dsx-rounded-sm); }

package/dist/components/item/Item.cjs

@@ -58,7 +58,7 @@ const ItemRoot = React.forwardRef((props, forwardedRef) => {
     {
       ...itemProps,
       ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-item", className, variant !== "default" && `dsx-item--${variant}`, size !== "md" && `dsx-item--${size}`),
+      className: (0, import_classnames.default)("dsx-item", className, variant !== "default" && `dsx-item--${variant}`, `dsx-item--${size}`),
       "data-interactive": interactive ? "true" : void 0
     }
   );

package/dist/components/item/Item.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/item/Item.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 {\n  itemActionsPropDefs,\n  itemContentPropDefs,\n  itemDescriptionPropDefs,\n  itemMediaPropDefs,\n  itemPropDefs,\n  itemTitlePropDefs,\n} from './item.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ItemElement = React.ComponentRef<'div'>\ntype ItemOwnProps = GetPropDefTypes<typeof itemPropDefs>\n\ninterface ItemProps extends React.ComponentPropsWithoutRef<'div'>, ItemOwnProps {}\n\nconst ItemRoot = React.forwardRef<ItemElement, ItemProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    interactive = false,\n    size = 'md',\n    variant = 'default',\n    ...itemProps\n  } = extractProps(props, itemPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...itemProps}\n      ref={forwardedRef}\n      className={classNames('dsx-item', className, variant !== 'default' && `dsx-item--${variant}`, size !== 'md' && `dsx-item--${size}`)}\n      data-interactive={interactive ? 'true' : undefined}\n    />\n  )\n})\nItemRoot.displayName = 'Item'\n\ntype ItemMediaElement = React.ComponentRef<'div'>\ntype ItemMediaOwnProps = GetPropDefTypes<typeof itemMediaPropDefs>\n\ninterface ItemMediaProps extends React.ComponentPropsWithoutRef<'div'>, ItemMediaOwnProps {}\n\nconst ItemMedia = React.forwardRef<ItemMediaElement, ItemMediaProps>((props, forwardedRef) => {\n  const { asChild, className, ...mediaProps } = extractProps(props, itemMediaPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...mediaProps} ref={forwardedRef} className={classNames('dsx-item__media', className)} />\n})\nItemMedia.displayName = 'ItemMedia'\n\ntype ItemContentElement = React.ComponentRef<'div'>\ntype ItemContentOwnProps = GetPropDefTypes<typeof itemContentPropDefs>\n\ninterface ItemContentProps extends React.ComponentPropsWithoutRef<'div'>, ItemContentOwnProps {}\n\nconst ItemContent = React.forwardRef<ItemContentElement, ItemContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, itemContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-item__content', className)} />\n})\nItemContent.displayName = 'ItemContent'\n\ntype ItemTitleElement = React.ComponentRef<'h4'>\ntype ItemTitleOwnProps = GetPropDefTypes<typeof itemTitlePropDefs>\n\ninterface ItemTitleProps extends React.ComponentPropsWithoutRef<'h4'>, ItemTitleOwnProps {}\n\nconst ItemTitle = React.forwardRef<ItemTitleElement, ItemTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, itemTitlePropDefs)\n  const Comp = asChild ? Slot : 'h4'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-item__title', className)} />\n})\nItemTitle.displayName = 'ItemTitle'\n\ntype ItemDescriptionElement = React.ComponentRef<'p'>\ntype ItemDescriptionOwnProps = GetPropDefTypes<typeof itemDescriptionPropDefs>\n\ninterface ItemDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    ItemDescriptionOwnProps {}\n\nconst ItemDescription = React.forwardRef<ItemDescriptionElement, ItemDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, itemDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-item__description', className)}\n      />\n    )\n  },\n)\nItemDescription.displayName = 'ItemDescription'\n\ntype ItemActionsElement = React.ComponentRef<'div'>\ntype ItemActionsOwnProps = GetPropDefTypes<typeof itemActionsPropDefs>\n\ninterface ItemActionsProps extends React.ComponentPropsWithoutRef<'div'>, ItemActionsOwnProps {}\n\nconst ItemActions = React.forwardRef<ItemActionsElement, ItemActionsProps>((props, forwardedRef) => {\n  const { asChild, className, ...actionsProps } = extractProps(props, itemActionsPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-item__actions', className)} />\n})\nItemActions.displayName = 'ItemActions'\n\nconst Item: typeof ItemRoot & {\n  Media: typeof ItemMedia\n  Content: typeof ItemContent\n  Title: typeof ItemTitle\n  Description: typeof ItemDescription\n  Actions: typeof ItemActions\n} = Object.assign(ItemRoot, {\n  Media: ItemMedia,\n  Content: ItemContent,\n  Title: ItemTitle,\n  Description: ItemDescription,\n  Actions: ItemActions,\n})\n\nexport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRoot, ItemTitle }\nexport type {\n  ItemActionsProps,\n  ItemContentProps,\n  ItemDescriptionProps,\n  ItemMediaProps,\n  ItemProps,\n  ItemTitleProps,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAOO;AAqBH;AAZJ,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,wBAAY;AACpC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,YAAY,WAAW,YAAY,aAAa,aAAa,OAAO,IAAI,SAAS,QAAQ,aAAa,IAAI,EAAE;AAAA,MAClI,oBAAkB,cAAc,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,6BAAiB;AACnF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,6BAAiB;AACnF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,mCAAuB;AAC/F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACX,CAAC;",
+  "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 {\n  itemActionsPropDefs,\n  itemContentPropDefs,\n  itemDescriptionPropDefs,\n  itemMediaPropDefs,\n  itemPropDefs,\n  itemTitlePropDefs,\n} from './item.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ItemElement = React.ComponentRef<'div'>\ntype ItemOwnProps = GetPropDefTypes<typeof itemPropDefs>\n\ninterface ItemProps extends React.ComponentPropsWithoutRef<'div'>, ItemOwnProps {}\n\nconst ItemRoot = React.forwardRef<ItemElement, ItemProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    interactive = false,\n    size = 'md',\n    variant = 'default',\n    ...itemProps\n  } = extractProps(props, itemPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...itemProps}\n      ref={forwardedRef}\n      className={classNames('dsx-item', className, variant !== 'default' && `dsx-item--${variant}`, `dsx-item--${size}`)}\n      data-interactive={interactive ? 'true' : undefined}\n    />\n  )\n})\nItemRoot.displayName = 'Item'\n\ntype ItemMediaElement = React.ComponentRef<'div'>\ntype ItemMediaOwnProps = GetPropDefTypes<typeof itemMediaPropDefs>\n\ninterface ItemMediaProps extends React.ComponentPropsWithoutRef<'div'>, ItemMediaOwnProps {}\n\nconst ItemMedia = React.forwardRef<ItemMediaElement, ItemMediaProps>((props, forwardedRef) => {\n  const { asChild, className, ...mediaProps } = extractProps(props, itemMediaPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...mediaProps} ref={forwardedRef} className={classNames('dsx-item__media', className)} />\n})\nItemMedia.displayName = 'ItemMedia'\n\ntype ItemContentElement = React.ComponentRef<'div'>\ntype ItemContentOwnProps = GetPropDefTypes<typeof itemContentPropDefs>\n\ninterface ItemContentProps extends React.ComponentPropsWithoutRef<'div'>, ItemContentOwnProps {}\n\nconst ItemContent = React.forwardRef<ItemContentElement, ItemContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, itemContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-item__content', className)} />\n})\nItemContent.displayName = 'ItemContent'\n\ntype ItemTitleElement = React.ComponentRef<'h4'>\ntype ItemTitleOwnProps = GetPropDefTypes<typeof itemTitlePropDefs>\n\ninterface ItemTitleProps extends React.ComponentPropsWithoutRef<'h4'>, ItemTitleOwnProps {}\n\nconst ItemTitle = React.forwardRef<ItemTitleElement, ItemTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, itemTitlePropDefs)\n  const Comp = asChild ? Slot : 'h4'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-item__title', className)} />\n})\nItemTitle.displayName = 'ItemTitle'\n\ntype ItemDescriptionElement = React.ComponentRef<'p'>\ntype ItemDescriptionOwnProps = GetPropDefTypes<typeof itemDescriptionPropDefs>\n\ninterface ItemDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    ItemDescriptionOwnProps {}\n\nconst ItemDescription = React.forwardRef<ItemDescriptionElement, ItemDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, itemDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-item__description', className)}\n      />\n    )\n  },\n)\nItemDescription.displayName = 'ItemDescription'\n\ntype ItemActionsElement = React.ComponentRef<'div'>\ntype ItemActionsOwnProps = GetPropDefTypes<typeof itemActionsPropDefs>\n\ninterface ItemActionsProps extends React.ComponentPropsWithoutRef<'div'>, ItemActionsOwnProps {}\n\nconst ItemActions = React.forwardRef<ItemActionsElement, ItemActionsProps>((props, forwardedRef) => {\n  const { asChild, className, ...actionsProps } = extractProps(props, itemActionsPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-item__actions', className)} />\n})\nItemActions.displayName = 'ItemActions'\n\nconst Item: typeof ItemRoot & {\n  Media: typeof ItemMedia\n  Content: typeof ItemContent\n  Title: typeof ItemTitle\n  Description: typeof ItemDescription\n  Actions: typeof ItemActions\n} = Object.assign(ItemRoot, {\n  Media: ItemMedia,\n  Content: ItemContent,\n  Title: ItemTitle,\n  Description: ItemDescription,\n  Actions: ItemActions,\n})\n\nexport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRoot, ItemTitle }\nexport type {\n  ItemActionsProps,\n  ItemContentProps,\n  ItemDescriptionProps,\n  ItemMediaProps,\n  ItemProps,\n  ItemTitleProps,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAOO;AAqBH;AAZJ,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,wBAAY;AACpC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,YAAY,WAAW,YAAY,aAAa,aAAa,OAAO,IAAI,aAAa,IAAI,EAAE;AAAA,MACjH,oBAAkB,cAAc,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,6BAAiB;AACnF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,6BAAiB;AACnF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,mCAAuB;AAC/F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACX,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/item/Item.js

@@ -26,7 +26,7 @@ const ItemRoot = React.forwardRef((props, forwardedRef) => {
     {
       ...itemProps,
       ref: forwardedRef,
-      className: classNames("dsx-item", className, variant !== "default" && `dsx-item--${variant}`, size !== "md" && `dsx-item--${size}`),
+      className: classNames("dsx-item", className, variant !== "default" && `dsx-item--${variant}`, `dsx-item--${size}`),
       "data-interactive": interactive ? "true" : void 0
     }
   );

package/dist/components/item/Item.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/item/Item.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 {\n  itemActionsPropDefs,\n  itemContentPropDefs,\n  itemDescriptionPropDefs,\n  itemMediaPropDefs,\n  itemPropDefs,\n  itemTitlePropDefs,\n} from './item.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ItemElement = React.ComponentRef<'div'>\ntype ItemOwnProps = GetPropDefTypes<typeof itemPropDefs>\n\ninterface ItemProps extends React.ComponentPropsWithoutRef<'div'>, ItemOwnProps {}\n\nconst ItemRoot = React.forwardRef<ItemElement, ItemProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    interactive = false,\n    size = 'md',\n    variant = 'default',\n    ...itemProps\n  } = extractProps(props, itemPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...itemProps}\n      ref={forwardedRef}\n      className={classNames('dsx-item', className, variant !== 'default' && `dsx-item--${variant}`, size !== 'md' && `dsx-item--${size}`)}\n      data-interactive={interactive ? 'true' : undefined}\n    />\n  )\n})\nItemRoot.displayName = 'Item'\n\ntype ItemMediaElement = React.ComponentRef<'div'>\ntype ItemMediaOwnProps = GetPropDefTypes<typeof itemMediaPropDefs>\n\ninterface ItemMediaProps extends React.ComponentPropsWithoutRef<'div'>, ItemMediaOwnProps {}\n\nconst ItemMedia = React.forwardRef<ItemMediaElement, ItemMediaProps>((props, forwardedRef) => {\n  const { asChild, className, ...mediaProps } = extractProps(props, itemMediaPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...mediaProps} ref={forwardedRef} className={classNames('dsx-item__media', className)} />\n})\nItemMedia.displayName = 'ItemMedia'\n\ntype ItemContentElement = React.ComponentRef<'div'>\ntype ItemContentOwnProps = GetPropDefTypes<typeof itemContentPropDefs>\n\ninterface ItemContentProps extends React.ComponentPropsWithoutRef<'div'>, ItemContentOwnProps {}\n\nconst ItemContent = React.forwardRef<ItemContentElement, ItemContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, itemContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-item__content', className)} />\n})\nItemContent.displayName = 'ItemContent'\n\ntype ItemTitleElement = React.ComponentRef<'h4'>\ntype ItemTitleOwnProps = GetPropDefTypes<typeof itemTitlePropDefs>\n\ninterface ItemTitleProps extends React.ComponentPropsWithoutRef<'h4'>, ItemTitleOwnProps {}\n\nconst ItemTitle = React.forwardRef<ItemTitleElement, ItemTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, itemTitlePropDefs)\n  const Comp = asChild ? Slot : 'h4'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-item__title', className)} />\n})\nItemTitle.displayName = 'ItemTitle'\n\ntype ItemDescriptionElement = React.ComponentRef<'p'>\ntype ItemDescriptionOwnProps = GetPropDefTypes<typeof itemDescriptionPropDefs>\n\ninterface ItemDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    ItemDescriptionOwnProps {}\n\nconst ItemDescription = React.forwardRef<ItemDescriptionElement, ItemDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, itemDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-item__description', className)}\n      />\n    )\n  },\n)\nItemDescription.displayName = 'ItemDescription'\n\ntype ItemActionsElement = React.ComponentRef<'div'>\ntype ItemActionsOwnProps = GetPropDefTypes<typeof itemActionsPropDefs>\n\ninterface ItemActionsProps extends React.ComponentPropsWithoutRef<'div'>, ItemActionsOwnProps {}\n\nconst ItemActions = React.forwardRef<ItemActionsElement, ItemActionsProps>((props, forwardedRef) => {\n  const { asChild, className, ...actionsProps } = extractProps(props, itemActionsPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-item__actions', className)} />\n})\nItemActions.displayName = 'ItemActions'\n\nconst Item: typeof ItemRoot & {\n  Media: typeof ItemMedia\n  Content: typeof ItemContent\n  Title: typeof ItemTitle\n  Description: typeof ItemDescription\n  Actions: typeof ItemActions\n} = Object.assign(ItemRoot, {\n  Media: ItemMedia,\n  Content: ItemContent,\n  Title: ItemTitle,\n  Description: ItemDescription,\n  Actions: ItemActions,\n})\n\nexport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRoot, ItemTitle }\nexport type {\n  ItemActionsProps,\n  ItemContentProps,\n  ItemDescriptionProps,\n  ItemMediaProps,\n  ItemProps,\n  ItemTitleProps,\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH;AAZJ,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,YAAY;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,YAAY,WAAW,YAAY,aAAa,aAAa,OAAO,IAAI,SAAS,QAAQ,aAAa,IAAI,EAAE;AAAA,MAClI,oBAAkB,cAAc,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,uBAAuB;AAC/F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACX,CAAC;",
+  "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 {\n  itemActionsPropDefs,\n  itemContentPropDefs,\n  itemDescriptionPropDefs,\n  itemMediaPropDefs,\n  itemPropDefs,\n  itemTitlePropDefs,\n} from './item.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ItemElement = React.ComponentRef<'div'>\ntype ItemOwnProps = GetPropDefTypes<typeof itemPropDefs>\n\ninterface ItemProps extends React.ComponentPropsWithoutRef<'div'>, ItemOwnProps {}\n\nconst ItemRoot = React.forwardRef<ItemElement, ItemProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    interactive = false,\n    size = 'md',\n    variant = 'default',\n    ...itemProps\n  } = extractProps(props, itemPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      {...itemProps}\n      ref={forwardedRef}\n      className={classNames('dsx-item', className, variant !== 'default' && `dsx-item--${variant}`, `dsx-item--${size}`)}\n      data-interactive={interactive ? 'true' : undefined}\n    />\n  )\n})\nItemRoot.displayName = 'Item'\n\ntype ItemMediaElement = React.ComponentRef<'div'>\ntype ItemMediaOwnProps = GetPropDefTypes<typeof itemMediaPropDefs>\n\ninterface ItemMediaProps extends React.ComponentPropsWithoutRef<'div'>, ItemMediaOwnProps {}\n\nconst ItemMedia = React.forwardRef<ItemMediaElement, ItemMediaProps>((props, forwardedRef) => {\n  const { asChild, className, ...mediaProps } = extractProps(props, itemMediaPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...mediaProps} ref={forwardedRef} className={classNames('dsx-item__media', className)} />\n})\nItemMedia.displayName = 'ItemMedia'\n\ntype ItemContentElement = React.ComponentRef<'div'>\ntype ItemContentOwnProps = GetPropDefTypes<typeof itemContentPropDefs>\n\ninterface ItemContentProps extends React.ComponentPropsWithoutRef<'div'>, ItemContentOwnProps {}\n\nconst ItemContent = React.forwardRef<ItemContentElement, ItemContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, itemContentPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-item__content', className)} />\n})\nItemContent.displayName = 'ItemContent'\n\ntype ItemTitleElement = React.ComponentRef<'h4'>\ntype ItemTitleOwnProps = GetPropDefTypes<typeof itemTitlePropDefs>\n\ninterface ItemTitleProps extends React.ComponentPropsWithoutRef<'h4'>, ItemTitleOwnProps {}\n\nconst ItemTitle = React.forwardRef<ItemTitleElement, ItemTitleProps>((props, forwardedRef) => {\n  const { asChild, className, ...titleProps } = extractProps(props, itemTitlePropDefs)\n  const Comp = asChild ? Slot : 'h4'\n\n  return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-item__title', className)} />\n})\nItemTitle.displayName = 'ItemTitle'\n\ntype ItemDescriptionElement = React.ComponentRef<'p'>\ntype ItemDescriptionOwnProps = GetPropDefTypes<typeof itemDescriptionPropDefs>\n\ninterface ItemDescriptionProps\n  extends React.ComponentPropsWithoutRef<'p'>,\n    ItemDescriptionOwnProps {}\n\nconst ItemDescription = React.forwardRef<ItemDescriptionElement, ItemDescriptionProps>(\n  (props, forwardedRef) => {\n    const { asChild, className, ...descriptionProps } = extractProps(props, itemDescriptionPropDefs)\n    const Comp = asChild ? Slot : 'p'\n\n    return (\n      <Comp\n        {...descriptionProps}\n        ref={forwardedRef}\n        className={classNames('dsx-item__description', className)}\n      />\n    )\n  },\n)\nItemDescription.displayName = 'ItemDescription'\n\ntype ItemActionsElement = React.ComponentRef<'div'>\ntype ItemActionsOwnProps = GetPropDefTypes<typeof itemActionsPropDefs>\n\ninterface ItemActionsProps extends React.ComponentPropsWithoutRef<'div'>, ItemActionsOwnProps {}\n\nconst ItemActions = React.forwardRef<ItemActionsElement, ItemActionsProps>((props, forwardedRef) => {\n  const { asChild, className, ...actionsProps } = extractProps(props, itemActionsPropDefs)\n  const Comp = asChild ? Slot : 'div'\n\n  return <Comp {...actionsProps} ref={forwardedRef} className={classNames('dsx-item__actions', className)} />\n})\nItemActions.displayName = 'ItemActions'\n\nconst Item: typeof ItemRoot & {\n  Media: typeof ItemMedia\n  Content: typeof ItemContent\n  Title: typeof ItemTitle\n  Description: typeof ItemDescription\n  Actions: typeof ItemActions\n} = Object.assign(ItemRoot, {\n  Media: ItemMedia,\n  Content: ItemContent,\n  Title: ItemTitle,\n  Description: ItemDescription,\n  Actions: ItemActions,\n})\n\nexport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemRoot, ItemTitle }\nexport type {\n  ItemActionsProps,\n  ItemContentProps,\n  ItemDescriptionProps,\n  ItemMediaProps,\n  ItemProps,\n  ItemTitleProps,\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH;AAZJ,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,YAAY;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,YAAY,WAAW,YAAY,aAAa,aAAa,OAAO,IAAI,aAAa,IAAI,EAAE;AAAA,MACjH,oBAAkB,cAAc,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AAOxB,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,iBAAiB;AACnF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,YAAY,KAAK,cAAc,WAAW,WAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,IAAI,aAAa,OAAO,uBAAuB;AAC/F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,mBAAmB;AACvF,QAAM,OAAO,UAAU,OAAO;AAE9B,SAAO,oBAAC,QAAM,GAAG,cAAc,KAAK,cAAc,WAAW,WAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AACX,CAAC;",
   "names": []
 }

package/dist/components/item.css

@@ -1,7 +1,10 @@
 
 
 .dsx-item {
+  box-sizing: border-box;
   display: flex;
+  flex-wrap: wrap;
+  min-width: 0;
   align-items: center;
   gap: var(--dsx-space-md);
   padding: var(--dsx-space-sm) var(--dsx-space-md);
@@ -20,6 +23,7 @@
 }
 
 .dsx-item--xs {
+  padding-block: var(--dsx-space-xs);
   min-height: var(--dsx-size-lg);
 }
 
@@ -28,10 +32,12 @@
 }
 
 .dsx-item--md {
+  padding-block: var(--dsx-space-md);
   min-height: var(--dsx-size-2xl);
 }
 
 .dsx-item--lg {
+  padding-block: var(--dsx-space-lg);
   min-height: var(--dsx-size-3xl);
 }
 
@@ -51,7 +57,9 @@
 .dsx-item__content {
   display: grid;
   gap: var(--dsx-space-xs);
-  flex: 1;
+  flex: 1 1 8rem;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
 .dsx-item__title {
@@ -73,6 +81,9 @@
 
 .dsx-item__actions {
   display: inline-flex;
+  flex-wrap: wrap;
+  min-width: 0;
+  max-width: 100%;
   align-items: center;
   gap: var(--dsx-space-sm);
 }

package/dist/components/kbd.css

@@ -15,7 +15,7 @@
     var(--dsx-effect-shadow-1);
   font-family: var(--dsx-typography-label-small-font-family), sans-serif;
   font-weight: var(--dsx-typography-label-small-font-weight);
-  line-height: var(--dsx-typography-kbd-line-height);
+  line-height: var(--dsx-typography-label-small-line-height);
   white-space: nowrap;
 }
 

package/dist/components/label/Label.cjs

@@ -48,7 +48,7 @@ const Label = React.forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       "data-disabled": disabled ? "" : void 0,
       "data-size": size,
-      className: (0, import_classnames.default)("dsx-label", disabled && "dsx-label--disabled", className)
+      className: (0, import_classnames.default)("dsx-label", className)
     }
   );
 });

package/dist/components/label/Label.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/label/Label.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { labelPropDefs } from './label.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype LabelElement = React.ComponentRef<typeof LabelPrimitive.Root>\ntype LabelOwnProps = GetPropDefTypes<typeof labelPropDefs>\n\ninterface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, LabelOwnProps {}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n  const { asChild, className, disabled = false, size = 'md', ...labelProps } = extractProps(props, labelPropDefs)\n  const Comp = asChild ? Slot : LabelPrimitive.Root\n\n  return (\n    <Comp\n      {...labelProps}\n      ref={forwardedRef}\n      data-disabled={disabled ? '' : undefined}\n      data-size={size}\n      className={classNames('dsx-label', disabled && 'dsx-label--disabled', className)}\n    />\n  )\n})\nLabel.displayName = 'Label'\n\nexport { Label }\nexport type { LabelOwnProps, LabelProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,qBAAgC;AAChC,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,WAAW,OAAO,OAAO,MAAM,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AAC9G,QAAM,OAAO,UAAU,yBAAO,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAe,WAAW,KAAK;AAAA,MAC/B,aAAW;AAAA,MACX,eAAW,kBAAAA,SAAW,aAAa,YAAY,uBAAuB,SAAS;AAAA;AAAA,EACjF;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { labelPropDefs } from './label.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype LabelElement = React.ComponentRef<typeof LabelPrimitive.Root>\ntype LabelOwnProps = GetPropDefTypes<typeof labelPropDefs>\n\ninterface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, LabelOwnProps {}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n  const { asChild, className, disabled = false, size = 'md', ...labelProps } = extractProps(props, labelPropDefs)\n  const Comp = asChild ? Slot : LabelPrimitive.Root\n\n  return (\n    <Comp\n      {...labelProps}\n      ref={forwardedRef}\n      data-disabled={disabled ? '' : undefined}\n      data-size={size}\n      className={classNames('dsx-label', className)}\n    />\n  )\n})\nLabel.displayName = 'Label'\n\nexport { Label }\nexport type { LabelOwnProps, LabelProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,qBAAgC;AAChC,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,WAAW,OAAO,OAAO,MAAM,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AAC9G,QAAM,OAAO,UAAU,yBAAO,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAe,WAAW,KAAK;AAAA,MAC/B,aAAW;AAAA,MACX,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA;AAAA,EAC9C;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/label/Label.js

@@ -15,7 +15,7 @@ const Label = React.forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       "data-disabled": disabled ? "" : void 0,
       "data-size": size,
-      className: classNames("dsx-label", disabled && "dsx-label--disabled", className)
+      className: classNames("dsx-label", className)
     }
   );
 });

package/dist/components/label/Label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/label/Label.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { labelPropDefs } from './label.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype LabelElement = React.ComponentRef<typeof LabelPrimitive.Root>\ntype LabelOwnProps = GetPropDefTypes<typeof labelPropDefs>\n\ninterface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, LabelOwnProps {}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n  const { asChild, className, disabled = false, size = 'md', ...labelProps } = extractProps(props, labelPropDefs)\n  const Comp = asChild ? Slot : LabelPrimitive.Root\n\n  return (\n    <Comp\n      {...labelProps}\n      ref={forwardedRef}\n      data-disabled={disabled ? '' : undefined}\n      data-size={size}\n      className={classNames('dsx-label', disabled && 'dsx-label--disabled', className)}\n    />\n  )\n})\nLabel.displayName = 'Label'\n\nexport { Label }\nexport type { LabelOwnProps, LabelProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,WAAW,OAAO,OAAO,MAAM,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AAC9G,QAAM,OAAO,UAAU,OAAO,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAe,WAAW,KAAK;AAAA,MAC/B,aAAW;AAAA,MACX,WAAW,WAAW,aAAa,YAAY,uBAAuB,SAAS;AAAA;AAAA,EACjF;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { labelPropDefs } from './label.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype LabelElement = React.ComponentRef<typeof LabelPrimitive.Root>\ntype LabelOwnProps = GetPropDefTypes<typeof labelPropDefs>\n\ninterface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, LabelOwnProps {}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n  const { asChild, className, disabled = false, size = 'md', ...labelProps } = extractProps(props, labelPropDefs)\n  const Comp = asChild ? Slot : LabelPrimitive.Root\n\n  return (\n    <Comp\n      {...labelProps}\n      ref={forwardedRef}\n      data-disabled={disabled ? '' : undefined}\n      data-size={size}\n      className={classNames('dsx-label', className)}\n    />\n  )\n})\nLabel.displayName = 'Label'\n\nexport { Label }\nexport type { LabelOwnProps, LabelProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,WAAW,OAAO,OAAO,MAAM,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AAC9G,QAAM,OAAO,UAAU,OAAO,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAe,WAAW,KAAK;AAAA,MAC/B,aAAW;AAAA,MACX,WAAW,WAAW,aAAa,SAAS;AAAA;AAAA,EAC9C;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": []
 }

package/dist/components/label.css

@@ -11,7 +11,7 @@
   letter-spacing: var(--dsx-typography-label-large-letter-spacing);
 }
 
-.dsx-label--disabled {
+.dsx-label[data-disabled] {
   color: var(--dsx-color-on-surface-variant);
   opacity: var(--dsx-opacity-disabled);
 }

package/dist/components/marquee/Marquee.cjs

@@ -65,7 +65,7 @@ const Marquee = React.forwardRef(
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsx-marquee__track", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-marquee__content", children }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-marquee__content", "aria-hidden": "true", children })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsx-marquee__content", "aria-hidden": "true", inert: true, children })
         ] })
       }
     );

package/dist/components/marquee/Marquee.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/marquee/Marquee.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 { marqueePropDefs } from './marquee.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype MarqueeOwnProps = GetPropDefTypes<typeof marqueePropDefs>\n\ninterface MarqueeProps extends React.HTMLAttributes<HTMLDivElement>, MarqueeOwnProps {\n  speed?: number\n  direction?: 'left' | 'right'\n  pauseOnHover?: boolean\n  edgeFade?: boolean\n}\n\nconst Marquee = React.forwardRef<HTMLDivElement, MarqueeProps>(\n  ({ children, speed = 30, ...props }, forwardedRef) => {\n    const {\n      asChild,\n      className,\n      edgeFade = false,\n      pauseOnHover = false,\n      ...marqueeProps\n    } = extractProps(props, marqueePropDefs)\n    const Comp = asChild ? Slot : 'div'\n    const direction = ((props as { direction?: 'left' | 'right' }).direction) ?? 'left'\n\n    const animationDuration = `${speed}s`\n    const animationDirection = direction === 'right' ? 'reverse' : 'normal'\n\n    return (\n      <Comp\n        {...marqueeProps}\n        ref={forwardedRef}\n        className={classNames('dsx-marquee', className)}\n        data-edge-fade={edgeFade || undefined}\n        data-pause-on-hover={pauseOnHover || undefined}\n        style={{\n          '--dsx-marquee-duration': animationDuration,\n          '--dsx-marquee-direction': animationDirection,\n          ...marqueeProps.style,\n        } as React.CSSProperties}\n      >\n        <div className=\"dsx-marquee__track\">\n          <div className=\"dsx-marquee__content\">{children}</div>\n          <div className=\"dsx-marquee__content\" aria-hidden=\"true\">{children}</div>\n        </div>\n      </Comp>\n    )\n  },\n)\nMarquee.displayName = 'Marquee'\n\nexport { Marquee }\nexport type { MarqueeProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,qBAAgC;AAyCxB;AA5BR,MAAM,UAAU,MAAM;AAAA,EACpB,CAAC,EAAE,UAAU,QAAQ,IAAI,GAAG,MAAM,GAAG,iBAAiB;AACpD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,8BAAe;AACvC,UAAM,OAAO,UAAU,yBAAO;AAC9B,UAAM,YAAc,MAA2C,aAAc;AAE7E,UAAM,oBAAoB,GAAG,KAAK;AAClC,UAAM,qBAAqB,cAAc,UAAU,YAAY;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,eAAe,SAAS;AAAA,QAC9C,kBAAgB,YAAY;AAAA,QAC5B,uBAAqB,gBAAgB;AAAA,QACrC,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,2BAA2B;AAAA,UAC3B,GAAG,aAAa;AAAA,QAClB;AAAA,QAEA,uDAAC,SAAI,WAAU,sBACb;AAAA,sDAAC,SAAI,WAAU,wBAAwB,UAAS;AAAA,UAChD,4CAAC,SAAI,WAAU,wBAAuB,eAAY,QAAQ,UAAS;AAAA,WACrE;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;",
+  "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 { marqueePropDefs } from './marquee.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype MarqueeOwnProps = GetPropDefTypes<typeof marqueePropDefs>\n\ninterface MarqueeProps extends React.HTMLAttributes<HTMLDivElement>, MarqueeOwnProps {\n  speed?: number\n  direction?: 'left' | 'right'\n  pauseOnHover?: boolean\n  edgeFade?: boolean\n}\n\nconst Marquee = React.forwardRef<HTMLDivElement, MarqueeProps>(\n  ({ children, speed = 30, ...props }, forwardedRef) => {\n    const {\n      asChild,\n      className,\n      edgeFade = false,\n      pauseOnHover = false,\n      ...marqueeProps\n    } = extractProps(props, marqueePropDefs)\n    const Comp = asChild ? Slot : 'div'\n    const direction = ((props as { direction?: 'left' | 'right' }).direction) ?? 'left'\n\n    const animationDuration = `${speed}s`\n    const animationDirection = direction === 'right' ? 'reverse' : 'normal'\n\n    return (\n      <Comp\n        {...marqueeProps}\n        ref={forwardedRef}\n        className={classNames('dsx-marquee', className)}\n        data-edge-fade={edgeFade || undefined}\n        data-pause-on-hover={pauseOnHover || undefined}\n        style={{\n          '--dsx-marquee-duration': animationDuration,\n          '--dsx-marquee-direction': animationDirection,\n          ...marqueeProps.style,\n        } as React.CSSProperties}\n      >\n        <div className=\"dsx-marquee__track\">\n          <div className=\"dsx-marquee__content\">{children}</div>\n          <div className=\"dsx-marquee__content\" aria-hidden=\"true\" inert>{children}</div>\n        </div>\n      </Comp>\n    )\n  },\n)\nMarquee.displayName = 'Marquee'\n\nexport { Marquee }\nexport type { MarqueeProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,qBAAgC;AAyCxB;AA5BR,MAAM,UAAU,MAAM;AAAA,EACpB,CAAC,EAAE,UAAU,QAAQ,IAAI,GAAG,MAAM,GAAG,iBAAiB;AACpD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,8BAAe;AACvC,UAAM,OAAO,UAAU,yBAAO;AAC9B,UAAM,YAAc,MAA2C,aAAc;AAE7E,UAAM,oBAAoB,GAAG,KAAK;AAClC,UAAM,qBAAqB,cAAc,UAAU,YAAY;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,eAAe,SAAS;AAAA,QAC9C,kBAAgB,YAAY;AAAA,QAC5B,uBAAqB,gBAAgB;AAAA,QACrC,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,2BAA2B;AAAA,UAC3B,GAAG,aAAa;AAAA,QAClB;AAAA,QAEA,uDAAC,SAAI,WAAU,sBACb;AAAA,sDAAC,SAAI,WAAU,wBAAwB,UAAS;AAAA,UAChD,4CAAC,SAAI,WAAU,wBAAuB,eAAY,QAAO,OAAK,MAAE,UAAS;AAAA,WAC3E;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/marquee/Marquee.js

@@ -32,7 +32,7 @@ const Marquee = React.forwardRef(
         },
         children: /* @__PURE__ */ jsxs("div", { className: "dsx-marquee__track", children: [
           /* @__PURE__ */ jsx("div", { className: "dsx-marquee__content", children }),
-          /* @__PURE__ */ jsx("div", { className: "dsx-marquee__content", "aria-hidden": "true", children })
+          /* @__PURE__ */ jsx("div", { className: "dsx-marquee__content", "aria-hidden": "true", inert: true, children })
         ] })
       }
     );

package/dist/components/marquee/Marquee.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/marquee/Marquee.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 { marqueePropDefs } from './marquee.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype MarqueeOwnProps = GetPropDefTypes<typeof marqueePropDefs>\n\ninterface MarqueeProps extends React.HTMLAttributes<HTMLDivElement>, MarqueeOwnProps {\n  speed?: number\n  direction?: 'left' | 'right'\n  pauseOnHover?: boolean\n  edgeFade?: boolean\n}\n\nconst Marquee = React.forwardRef<HTMLDivElement, MarqueeProps>(\n  ({ children, speed = 30, ...props }, forwardedRef) => {\n    const {\n      asChild,\n      className,\n      edgeFade = false,\n      pauseOnHover = false,\n      ...marqueeProps\n    } = extractProps(props, marqueePropDefs)\n    const Comp = asChild ? Slot : 'div'\n    const direction = ((props as { direction?: 'left' | 'right' }).direction) ?? 'left'\n\n    const animationDuration = `${speed}s`\n    const animationDirection = direction === 'right' ? 'reverse' : 'normal'\n\n    return (\n      <Comp\n        {...marqueeProps}\n        ref={forwardedRef}\n        className={classNames('dsx-marquee', className)}\n        data-edge-fade={edgeFade || undefined}\n        data-pause-on-hover={pauseOnHover || undefined}\n        style={{\n          '--dsx-marquee-duration': animationDuration,\n          '--dsx-marquee-direction': animationDirection,\n          ...marqueeProps.style,\n        } as React.CSSProperties}\n      >\n        <div className=\"dsx-marquee__track\">\n          <div className=\"dsx-marquee__content\">{children}</div>\n          <div className=\"dsx-marquee__content\" aria-hidden=\"true\">{children}</div>\n        </div>\n      </Comp>\n    )\n  },\n)\nMarquee.displayName = 'Marquee'\n\nexport { Marquee }\nexport type { MarqueeProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAyCxB,SACE,KADF;AA5BR,MAAM,UAAU,MAAM;AAAA,EACpB,CAAC,EAAE,UAAU,QAAQ,IAAI,GAAG,MAAM,GAAG,iBAAiB;AACpD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,eAAe;AACvC,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,YAAc,MAA2C,aAAc;AAE7E,UAAM,oBAAoB,GAAG,KAAK;AAClC,UAAM,qBAAqB,cAAc,UAAU,YAAY;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,eAAe,SAAS;AAAA,QAC9C,kBAAgB,YAAY;AAAA,QAC5B,uBAAqB,gBAAgB;AAAA,QACrC,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,2BAA2B;AAAA,UAC3B,GAAG,aAAa;AAAA,QAClB;AAAA,QAEA,+BAAC,SAAI,WAAU,sBACb;AAAA,8BAAC,SAAI,WAAU,wBAAwB,UAAS;AAAA,UAChD,oBAAC,SAAI,WAAU,wBAAuB,eAAY,QAAQ,UAAS;AAAA,WACrE;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;",
+  "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 { marqueePropDefs } from './marquee.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype MarqueeOwnProps = GetPropDefTypes<typeof marqueePropDefs>\n\ninterface MarqueeProps extends React.HTMLAttributes<HTMLDivElement>, MarqueeOwnProps {\n  speed?: number\n  direction?: 'left' | 'right'\n  pauseOnHover?: boolean\n  edgeFade?: boolean\n}\n\nconst Marquee = React.forwardRef<HTMLDivElement, MarqueeProps>(\n  ({ children, speed = 30, ...props }, forwardedRef) => {\n    const {\n      asChild,\n      className,\n      edgeFade = false,\n      pauseOnHover = false,\n      ...marqueeProps\n    } = extractProps(props, marqueePropDefs)\n    const Comp = asChild ? Slot : 'div'\n    const direction = ((props as { direction?: 'left' | 'right' }).direction) ?? 'left'\n\n    const animationDuration = `${speed}s`\n    const animationDirection = direction === 'right' ? 'reverse' : 'normal'\n\n    return (\n      <Comp\n        {...marqueeProps}\n        ref={forwardedRef}\n        className={classNames('dsx-marquee', className)}\n        data-edge-fade={edgeFade || undefined}\n        data-pause-on-hover={pauseOnHover || undefined}\n        style={{\n          '--dsx-marquee-duration': animationDuration,\n          '--dsx-marquee-direction': animationDirection,\n          ...marqueeProps.style,\n        } as React.CSSProperties}\n      >\n        <div className=\"dsx-marquee__track\">\n          <div className=\"dsx-marquee__content\">{children}</div>\n          <div className=\"dsx-marquee__content\" aria-hidden=\"true\" inert>{children}</div>\n        </div>\n      </Comp>\n    )\n  },\n)\nMarquee.displayName = 'Marquee'\n\nexport { Marquee }\nexport type { MarqueeProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAyCxB,SACE,KADF;AA5BR,MAAM,UAAU,MAAM;AAAA,EACpB,CAAC,EAAE,UAAU,QAAQ,IAAI,GAAG,MAAM,GAAG,iBAAiB;AACpD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,eAAe;AACvC,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,YAAc,MAA2C,aAAc;AAE7E,UAAM,oBAAoB,GAAG,KAAK;AAClC,UAAM,qBAAqB,cAAc,UAAU,YAAY;AAE/D,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,eAAe,SAAS;AAAA,QAC9C,kBAAgB,YAAY;AAAA,QAC5B,uBAAqB,gBAAgB;AAAA,QACrC,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,2BAA2B;AAAA,UAC3B,GAAG,aAAa;AAAA,QAClB;AAAA,QAEA,+BAAC,SAAI,WAAU,sBACb;AAAA,8BAAC,SAAI,WAAU,wBAAwB,UAAS;AAAA,UAChD,oBAAC,SAAI,WAAU,wBAAuB,eAAY,QAAO,OAAK,MAAE,UAAS;AAAA,WAC3E;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,QAAQ,cAAc;",
   "names": []
 }

package/dist/components/marquee.css

@@ -3,6 +3,8 @@
 .dsx-marquee {
   overflow: hidden;
   width: 100%;
+  min-width: 0;
+  max-width: 100%;
   position: relative;
   --dsx-marquee-edge-fade-width: var(--dsx-space-xl);
 }
@@ -42,6 +44,10 @@
   animation-play-state: paused;
 }
 
+.dsx-marquee:focus-within .dsx-marquee__track {
+  animation-play-state: paused;
+}
+
 .dsx-marquee__content {
   display: flex;
   align-items: center;

package/dist/components/menu/Menu.cjs

@@ -41,6 +41,7 @@ var React = __toESM(require("react"), 1);
 var import_classnames = __toESM(require("classnames"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_BaseDialog = require("../../_internal/BaseDialog");
+var import_floatingLayer = require("../../_internal/floatingLayer");
 var import_internal = require("../../_internal");
 var import_motion = require("../../_internal/motion");
 var import_motion2 = require("../../motion");
@@ -84,12 +85,13 @@ const MenuContent = React.forwardRef(
     ...props
   }, forwardedRef) => {
     const prefersReducedMotion = (0, import_internal.usePrefersReducedMotion)();
+    const nestedInModalHost = (0, import_floatingLayer.useFloatingLayerHost)();
     const isPresent = open || forceMount;
     const contentSideOffset = sideOffset === void 0 ? null : { sideOffset };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPortal, { portal, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion2.AnimatePresence, { children: isPresent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BaseDialog.PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, { ...props, ...contentSideOffset, ref: forwardedRef, forceMount: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_motion2.motion.div,
       {
-        className: (0, import_classnames.default)("dsx-menu", "dsx-menu__content", contentClassName, className),
+        className: (0, import_classnames.default)("dsx-menu", "dsx-menu__content", contentClassName, nestedInModalHost && "dsx-menu__nested", className),
         "data-size": size,
         initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 },
         animate: prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 },

package/dist/components/menu/Menu.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/menu/Menu.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, className)}\n                  data-size={size}\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.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { useFloatingLayerHost } from '../../_internal/floatingLayer'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const nestedInModalHost = useFloatingLayerHost()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, nestedInModalHost && 'dsx-menu__nested', className)}\n                  data-size={size}\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.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
+  "mappings": "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",
   "names": ["import_motion", "classNames"]
 }

package/dist/components/menu/Menu.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.cts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAOtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA2ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Menu.d.cts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAQtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA4ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/menu/Menu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.mts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAOtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA2ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Menu.d.mts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAQtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA4ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAOtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA2ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAQtE,KAAK,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAA;AAC/C,KAAK,mBAAmB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;AAEnD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAiC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAM/F;kBANQ,QAAQ;;;AASjB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IACrG,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,4FAUhB,CAAA;AAGD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC;IACnG,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAqC,EAAE,aAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUhI;kBAVQ,UAAU;;;AAanB,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrI,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFA4ChB,CAAA;AAGD,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,QAAA,MAAM,QAAQ,sFAsBb,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC;IACzG,SAAS,CAAC,EAAE,sBAAsB,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,QAAA,MAAM,aAAa,2FAUlB,CAAA;AAGD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/menu/Menu.js

@@ -2,6 +2,7 @@ import * as React from "react";
 import classNames from "classnames";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { PortalThemeBoundary, PortalThemeWrapper } from "../../_internal/BaseDialog.js";
+import { useFloatingLayerHost } from "../../_internal/floatingLayer.js";
 import { usePrefersReducedMotion } from "../../_internal/index.js";
 import { MOTION_TRANSITIONS } from "../../_internal/motion.js";
 import { AnimatePresence, motion } from "../../motion/index.js";
@@ -45,12 +46,13 @@ const MenuContent = React.forwardRef(
     ...props
   }, forwardedRef) => {
     const prefersReducedMotion = usePrefersReducedMotion();
+    const nestedInModalHost = useFloatingLayerHost();
     const isPresent = open || forceMount;
     const contentSideOffset = sideOffset === void 0 ? null : { sideOffset };
     return /* @__PURE__ */ jsx(MenuPortal, { portal, children: /* @__PURE__ */ jsx(AnimatePresence, { children: isPresent ? /* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(Content, { ...props, ...contentSideOffset, ref: forwardedRef, forceMount: true, asChild: true, children: /* @__PURE__ */ jsx(
       motion.div,
       {
-        className: classNames("dsx-menu", "dsx-menu__content", contentClassName, className),
+        className: classNames("dsx-menu", "dsx-menu__content", contentClassName, nestedInModalHost && "dsx-menu__nested", className),
         "data-size": size,
         initial: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: 4 },
         animate: prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, y: open ? 0 : 2 },

package/dist/components/menu/Menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/menu/Menu.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, className)}\n                  data-size={size}\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.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { useFloatingLayerHost } from '../../_internal/floatingLayer'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { AnimatePresence, motion } from '../../motion'\n\ntype MenuPrimitiveComponent = React.ElementType\ntype MenuPortalComponent = React.ElementType | null\n\ninterface MenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {\n  root?: MenuPrimitiveComponent\n}\n\nfunction MenuRoot({ children, root: Root = DropdownMenuPrimitive.Root, ...props }: MenuRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <Root {...props}>{children}</Root>\n    </PortalThemeBoundary>\n  )\n}\nMenuRoot.displayName = 'MenuRoot'\n\ninterface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {\n  trigger?: MenuPrimitiveComponent\n  triggerClassName?: string\n}\n\nconst MenuTrigger = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>, MenuTriggerProps>(\n  ({ className, trigger: Trigger = DropdownMenuPrimitive.Trigger, triggerClassName, ...props }, forwardedRef) => {\n    return (\n      <Trigger\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__trigger', triggerClassName, className)}\n      />\n    )\n  },\n)\nMenuTrigger.displayName = 'MenuTrigger'\n\ninterface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal> {\n  portal?: MenuPortalComponent\n  wrapWithTheme?: boolean\n}\n\nfunction MenuPortal({ children, portal: Portal = DropdownMenuPrimitive.Portal, wrapWithTheme = false, ...props }: MenuPortalProps) {\n  const content = wrapWithTheme && React.isValidElement(children)\n    ? <PortalThemeWrapper>{children as React.ReactElement}</PortalThemeWrapper>\n    : children\n\n  if (Portal === null) {\n    return <>{content}</>\n  }\n\n  return <Portal {...props}>{content}</Portal>\n}\nMenuPortal.displayName = 'MenuPortal'\n\ninterface MenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'content' | 'forceMount'> {\n  content?: MenuPrimitiveComponent\n  contentClassName?: string\n  forceMount?: boolean\n  open?: boolean\n  portal?: MenuPortalComponent\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MenuContent = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Content>, MenuContentProps>(\n  (\n    {\n      children,\n      className,\n      content: Content = DropdownMenuPrimitive.Content,\n      contentClassName,\n      forceMount = false,\n      open = true,\n      portal = DropdownMenuPrimitive.Portal,\n      sideOffset,\n      size = 'md',\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const nestedInModalHost = useFloatingLayerHost()\n    const isPresent = open || forceMount\n    const contentSideOffset = sideOffset === undefined ? null : { sideOffset }\n\n    return (\n      <MenuPortal portal={portal}>\n        <AnimatePresence>\n          {isPresent ? (\n            <PortalThemeWrapper>\n              <Content {...props} {...contentSideOffset} ref={forwardedRef} forceMount asChild>\n                <motion.div\n                  className={classNames('dsx-menu', 'dsx-menu__content', contentClassName, nestedInModalHost && 'dsx-menu__nested', className)}\n                  data-size={size}\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.menu}\n                >\n                  {children}\n                </motion.div>\n              </Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </MenuPortal>\n    )\n  },\n)\nMenuContent.displayName = 'MenuContent'\n\ninterface MenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {\n  destructive?: boolean\n  inset?: boolean\n  item?: MenuPrimitiveComponent\n  itemClassName?: string\n}\n\nconst MenuItem = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Item>, MenuItemProps>(\n  (\n    {\n      className,\n      destructive = false,\n      inset = false,\n      item: Item = DropdownMenuPrimitive.Item,\n      itemClassName,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    return (\n      <Item\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__item', itemClassName, className)}\n        data-destructive={destructive ? 'true' : undefined}\n        data-inset={inset ? 'true' : undefined}\n      />\n    )\n  },\n)\nMenuItem.displayName = 'MenuItem'\n\ninterface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {\n  separator?: MenuPrimitiveComponent\n  separatorClassName?: string\n}\n\nconst MenuSeparator = React.forwardRef<React.ComponentRef<typeof DropdownMenuPrimitive.Separator>, MenuSeparatorProps>(\n  ({ className, separator: Separator = DropdownMenuPrimitive.Separator, separatorClassName, ...props }, forwardedRef) => {\n    return (\n      <Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-menu__separator', separatorClassName, className)}\n      />\n    )\n  },\n)\nMenuSeparator.displayName = 'MenuSeparator'\n\ninterface MenuOverlayProps extends React.ComponentPropsWithoutRef<'div'> {\n  overlay?: MenuPrimitiveComponent\n  overlayClassName?: string\n}\n\nconst MenuOverlay = React.forwardRef<HTMLDivElement, MenuOverlayProps>(\n  ({ className, overlay: Overlay = 'div', overlayClassName, ...props }, forwardedRef) => {\n    return <Overlay {...props} ref={forwardedRef} className={classNames('dsx-menu__overlay', overlayClassName, className)} />\n  },\n)\nMenuOverlay.displayName = 'MenuOverlay'\n\nexport { MenuContent, MenuItem, MenuOverlay, MenuPortal, MenuRoot, MenuSeparator, MenuTrigger }\nexport type { MenuContentProps, MenuItemProps, MenuOverlayProps, MenuPortalProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/menu.css

@@ -50,19 +50,18 @@
   outline: none;
 }
 
-.dsx-menu__item[data-highlighted] {
-  background: var(--dsx-effect-hover-ghost);
-}
-
 .dsx-menu__item[data-disabled] {
   opacity: var(--dsx-opacity-disabled);
   pointer-events: none;
 }
 
 .dsx-menu__separator {
-  height: 1px;
+  /* Same token pair the shared baseMenu.css separator uses (both resolve to
+     border-width-sm / outline-variant today) — Menu was the one menu-family
+     surface still spelling these as raw values. */
+  height: var(--dsx-border-width-sm);
   margin: var(--dsx-space-xs) calc(-1 * var(--dsx-space-xs));
-  background: var(--dsx-color-outline-variant);
+  background: var(--dsx-color-separator-muted);
 }
 
 .dsx-menu__overlay {