@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/menubar.css

@@ -8,8 +8,9 @@
   gap: var(--dsx-space-xs);
   padding: var(--dsx-space-xs);
   border-radius: var(--dsx-rounded-md);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  background: var(--dsx-color-surface-overlay);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
 }
 
 .dsx-menubar__trigger {
@@ -25,6 +26,8 @@
   background: transparent;
 }
 
+/* Same real glass treatment as Popover/Dialog/DropdownMenu - see dropdown-menu.css. Only the
+   popup content, not `.dsx-menubar` itself (the persistent trigger bar correctly stays opaque). */
 .dsx-menubar__content {
   position: relative;
   z-index: var(--dsx-z-index-dropdown);
@@ -32,9 +35,10 @@
   padding: var(--dsx-space-xs);
   border-radius: var(--dsx-rounded-lg);
   overflow: hidden;
-  background: var(--dsx-color-surface-overlay);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   isolation: isolate;
 }
 
@@ -47,7 +51,7 @@
   gap: var(--dsx-space-sm);
   padding: var(--dsx-space-sm) var(--dsx-space-sm) var(--dsx-space-sm) calc(var(--dsx-space-lg) + var(--dsx-space-sm));
   border: 0;
-  border-radius: var(--dsx-rounded-md);
+  border-radius: 0;
   background: transparent;
   color: var(--dsx-color-on-surface);
   text-align: left;

package/dist/components/metric.css

@@ -1,5 +1,8 @@
 .dsx-metric {
   display: flex;
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: anywhere;
   flex-direction: column;
   gap: var(--dsx-space-xs);
   color: var(--dsx-color-on-surface);
@@ -24,6 +27,8 @@
 
 .dsx-metric__delta {
   display: inline-flex;
+  flex-wrap: wrap;
+  min-width: 0;
   align-items: center;
   gap: var(--dsx-space-xs);
   color: var(--dsx-color-on-surface-variant);

package/dist/components/native-select.css

@@ -18,7 +18,7 @@
   line-height: var(--dsx-typography-body-medium-line-height);
   letter-spacing: var(--dsx-typography-body-medium-letter-spacing);
   appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393a1b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right var(--dsx-space-sm) center;
   background-size: var(--dsx-size-md);
@@ -46,7 +46,7 @@
   opacity: 1;
   border-color: var(--dsx-effect-disabled-layer);
   background: var(--dsx-effect-disabled-layer);
-  color: var(--dsx-color-text-disabled);
+  color: var(--dsx-color-disabled-text);
   box-shadow: none;
 }
 
@@ -78,19 +78,8 @@
   border-color: var(--dsx-color-primary);
 }
 
-.dsx-native-select-size-sm {
-  min-height: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
-  font-size: var(--dsx-typography-body-small-font-size);
-}
-
-.dsx-native-select-size-lg {
-  min-height: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
-  font-size: var(--dsx-typography-body-large-font-size);
-}
-
-.dsx-native-select-variant-filled {
-  border-color: transparent;
-  background-color: var(--dsx-color-surface-raised);
+[data-dsx-theme='light'] .dsx-native-select {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2355657a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 }
 
 .dsx-native-select__option {

package/dist/components/nativeSelect/NativeSelect.cjs

@@ -40,9 +40,9 @@ var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_nativeSelect = require("./nativeSelect.props");
 var import_jsx_runtime = require("react/jsx-runtime");
 const NativeSelectRoot = React.forwardRef(
-  ({ className, size, variant, error, radius, ...selectProps }, forwardedRef) => {
-    const { className: extractedClassName, error: _error, ...restProps } = (0, import_extractProps.extractProps)(
-      { className, size, variant, error, radius, ...selectProps },
+  ({ className, size, variant, error, ...selectProps }, forwardedRef) => {
+    const { className: extractedClassName, error: _error, size: _size, variant: _variant, ...restProps } = (0, import_extractProps.extractProps)(
+      { className, size, variant, error, ...selectProps },
       import_nativeSelect.nativeSelectRootPropDefs
     );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -55,7 +55,6 @@ const NativeSelectRoot = React.forwardRef(
           extractedClassName
         ),
         "aria-invalid": error || void 0,
-        "data-radius": radius,
         "data-size": size,
         "data-variant": variant,
         "data-error": error || void 0

package/dist/components/nativeSelect/NativeSelect.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/nativeSelect/NativeSelect.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { nativeSelectRootPropDefs } from './nativeSelect.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NativeSelectOwnProps = GetPropDefTypes<typeof nativeSelectRootPropDefs>\n\ntype NativeSelectSize = NonNullable<NativeSelectOwnProps['size']>\ntype NativeSelectVariant = NonNullable<NativeSelectOwnProps['variant']>\n\ninterface NativeSelectRootProps\n  extends Omit<React.ComponentPropsWithoutRef<'select'>, 'size'>,\n    NativeSelectOwnProps {}\n\ntype NativeSelectOptionProps = React.ComponentPropsWithoutRef<'option'>\ntype NativeSelectOptionGroupProps = React.ComponentPropsWithoutRef<'optgroup'>\n\nconst NativeSelectRoot = React.forwardRef<HTMLSelectElement, NativeSelectRootProps>(\n  ({ className, size, variant, error, radius, ...selectProps }, forwardedRef) => {\n    const { className: extractedClassName, error: _error, ...restProps } = extractProps(\n      { className, size, variant, error, radius, ...selectProps },\n      nativeSelectRootPropDefs,\n    )\n\n    return (\n      <select\n        {...restProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-native-select',\n          extractedClassName,\n        )}\n        aria-invalid={error || undefined}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n        data-error={error || undefined}\n      />\n    )\n  },\n)\nNativeSelectRoot.displayName = 'NativeSelect'\n\nconst NativeSelectOption = React.forwardRef<HTMLOptionElement, NativeSelectOptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <option\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option', className)}\n      />\n    )\n  },\n)\nNativeSelectOption.displayName = 'NativeSelectOption'\n\nconst NativeSelectOptionGroup = React.forwardRef<HTMLOptGroupElement, NativeSelectOptionGroupProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <optgroup\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option-group', className)}\n      />\n    )\n  },\n)\nNativeSelectOptionGroup.displayName = 'NativeSelectOptionGroup'\n\nconst NativeSelect: typeof NativeSelectRoot & {\n  Root: typeof NativeSelectRoot\n  Option: typeof NativeSelectOption\n  OptionGroup: typeof NativeSelectOptionGroup\n} = Object.assign(NativeSelectRoot, {\n  Root: NativeSelectRoot,\n  Option: NativeSelectOption,\n  OptionGroup: NativeSelectOptionGroup,\n})\n\nexport {\n  NativeSelect,\n  NativeSelectOption,\n  NativeSelectOptionGroup,\n  NativeSelectRoot,\n}\nexport type {\n  NativeSelectOptionGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectRootProps,\n  NativeSelectSize,\n  NativeSelectVariant,\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAEvB,0BAA6B;AAC7B,0BAAyC;AAwBnC;AARN,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,SAAS,OAAO,QAAQ,GAAG,YAAY,GAAG,iBAAiB;AAC7E,UAAM,EAAE,WAAW,oBAAoB,OAAO,QAAQ,GAAG,UAAU,QAAI;AAAA,MACrE,EAAE,WAAW,MAAM,SAAS,OAAO,QAAQ,GAAG,YAAY;AAAA,MAC1D;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAc,SAAS;AAAA,QACvB,eAAa;AAAA,QACb,aAAW;AAAA,QACX,gBAAc;AAAA,QACd,cAAY,SAAS;AAAA;AAAA,IACvB;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,6BAA6B,SAAS;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,0BAA0B,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,mCAAmC,SAAS;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,wBAAwB,cAAc;AAEtC,MAAM,eAIF,OAAO,OAAO,kBAAkB;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { nativeSelectRootPropDefs } from './nativeSelect.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NativeSelectOwnProps = GetPropDefTypes<typeof nativeSelectRootPropDefs>\n\ntype NativeSelectSize = NonNullable<NativeSelectOwnProps['size']>\ntype NativeSelectVariant = NonNullable<NativeSelectOwnProps['variant']>\n\ninterface NativeSelectRootProps\n  extends Omit<React.ComponentPropsWithoutRef<'select'>, 'size'>,\n    NativeSelectOwnProps {}\n\ntype NativeSelectOptionProps = React.ComponentPropsWithoutRef<'option'>\ntype NativeSelectOptionGroupProps = React.ComponentPropsWithoutRef<'optgroup'>\n\nconst NativeSelectRoot = React.forwardRef<HTMLSelectElement, NativeSelectRootProps>(\n  ({ className, size, variant, error, ...selectProps }, forwardedRef) => {\n    const { className: extractedClassName, error: _error, size: _size, variant: _variant, ...restProps } = extractProps(\n      { className, size, variant, error, ...selectProps },\n      nativeSelectRootPropDefs,\n    )\n\n    return (\n      <select\n        {...restProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-native-select',\n          extractedClassName,\n        )}\n        aria-invalid={error || undefined}\n        data-size={size}\n        data-variant={variant}\n        data-error={error || undefined}\n      />\n    )\n  },\n)\nNativeSelectRoot.displayName = 'NativeSelect'\n\nconst NativeSelectOption = React.forwardRef<HTMLOptionElement, NativeSelectOptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <option\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option', className)}\n      />\n    )\n  },\n)\nNativeSelectOption.displayName = 'NativeSelectOption'\n\nconst NativeSelectOptionGroup = React.forwardRef<HTMLOptGroupElement, NativeSelectOptionGroupProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <optgroup\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option-group', className)}\n      />\n    )\n  },\n)\nNativeSelectOptionGroup.displayName = 'NativeSelectOptionGroup'\n\nconst NativeSelect: typeof NativeSelectRoot & {\n  Root: typeof NativeSelectRoot\n  Option: typeof NativeSelectOption\n  OptionGroup: typeof NativeSelectOptionGroup\n} = Object.assign(NativeSelectRoot, {\n  Root: NativeSelectRoot,\n  Option: NativeSelectOption,\n  OptionGroup: NativeSelectOptionGroup,\n})\n\nexport {\n  NativeSelect,\n  NativeSelectOption,\n  NativeSelectOptionGroup,\n  NativeSelectRoot,\n}\nexport type {\n  NativeSelectOptionGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectRootProps,\n  NativeSelectSize,\n  NativeSelectVariant,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AAEvB,0BAA6B;AAC7B,0BAAyC;AAwBnC;AARN,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,SAAS,OAAO,GAAG,YAAY,GAAG,iBAAiB;AACrE,UAAM,EAAE,WAAW,oBAAoB,OAAO,QAAQ,MAAM,OAAO,SAAS,UAAU,GAAG,UAAU,QAAI;AAAA,MACrG,EAAE,WAAW,MAAM,SAAS,OAAO,GAAG,YAAY;AAAA,MAClD;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAc,SAAS;AAAA,QACvB,aAAW;AAAA,QACX,gBAAc;AAAA,QACd,cAAY,SAAS;AAAA;AAAA,IACvB;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,6BAA6B,SAAS;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,0BAA0B,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,mCAAmC,SAAS;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,wBAAwB,cAAc;AAEtC,MAAM,eAIF,OAAO,OAAO,kBAAkB;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AACf,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/nativeSelect/NativeSelect.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.d.cts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAuBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"NativeSelect.d.cts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAsBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}

package/dist/components/nativeSelect/NativeSelect.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.d.mts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAuBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"NativeSelect.d.mts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAsBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}

package/dist/components/nativeSelect/NativeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAuBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/components/nativeSelect/NativeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE5E,KAAK,gBAAgB,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;AACjE,KAAK,mBAAmB,GAAG,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;AAEvE,UAAU,qBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,EAC5D,oBAAoB;CAAG;AAE3B,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AACvE,KAAK,4BAA4B,GAAG,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAA;AAE9E,QAAA,MAAM,gBAAgB,iGAsBrB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAUvB,CAAA;AAGD,QAAA,MAAM,uBAAuB,0LAU5B,CAAA;AAGD,QAAA,MAAM,YAAY,EAAE,OAAO,gBAAgB,GAAG;IAC5C,IAAI,EAAE,OAAO,gBAAgB,CAAA;IAC7B,MAAM,EAAE,OAAO,kBAAkB,CAAA;IACjC,WAAW,EAAE,OAAO,uBAAuB,CAAA;CAK3C,CAAA;AAEF,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,gBAAgB,GACjB,CAAA;AACD,YAAY,EACV,4BAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GACpB,CAAA"}

package/dist/components/nativeSelect/NativeSelect.js

@@ -4,9 +4,9 @@ import { extractProps } from "../../_internal/helpers/extractProps.js";
 import { nativeSelectRootPropDefs } from "./nativeSelect.props.js";
 import { jsx } from "react/jsx-runtime";
 const NativeSelectRoot = React.forwardRef(
-  ({ className, size, variant, error, radius, ...selectProps }, forwardedRef) => {
-    const { className: extractedClassName, error: _error, ...restProps } = extractProps(
-      { className, size, variant, error, radius, ...selectProps },
+  ({ className, size, variant, error, ...selectProps }, forwardedRef) => {
+    const { className: extractedClassName, error: _error, size: _size, variant: _variant, ...restProps } = extractProps(
+      { className, size, variant, error, ...selectProps },
       nativeSelectRootPropDefs
     );
     return /* @__PURE__ */ jsx(
@@ -19,7 +19,6 @@ const NativeSelectRoot = React.forwardRef(
           extractedClassName
         ),
         "aria-invalid": error || void 0,
-        "data-radius": radius,
         "data-size": size,
         "data-variant": variant,
         "data-error": error || void 0

package/dist/components/nativeSelect/NativeSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/nativeSelect/NativeSelect.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { nativeSelectRootPropDefs } from './nativeSelect.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NativeSelectOwnProps = GetPropDefTypes<typeof nativeSelectRootPropDefs>\n\ntype NativeSelectSize = NonNullable<NativeSelectOwnProps['size']>\ntype NativeSelectVariant = NonNullable<NativeSelectOwnProps['variant']>\n\ninterface NativeSelectRootProps\n  extends Omit<React.ComponentPropsWithoutRef<'select'>, 'size'>,\n    NativeSelectOwnProps {}\n\ntype NativeSelectOptionProps = React.ComponentPropsWithoutRef<'option'>\ntype NativeSelectOptionGroupProps = React.ComponentPropsWithoutRef<'optgroup'>\n\nconst NativeSelectRoot = React.forwardRef<HTMLSelectElement, NativeSelectRootProps>(\n  ({ className, size, variant, error, radius, ...selectProps }, forwardedRef) => {\n    const { className: extractedClassName, error: _error, ...restProps } = extractProps(\n      { className, size, variant, error, radius, ...selectProps },\n      nativeSelectRootPropDefs,\n    )\n\n    return (\n      <select\n        {...restProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-native-select',\n          extractedClassName,\n        )}\n        aria-invalid={error || undefined}\n        data-radius={radius}\n        data-size={size}\n        data-variant={variant}\n        data-error={error || undefined}\n      />\n    )\n  },\n)\nNativeSelectRoot.displayName = 'NativeSelect'\n\nconst NativeSelectOption = React.forwardRef<HTMLOptionElement, NativeSelectOptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <option\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option', className)}\n      />\n    )\n  },\n)\nNativeSelectOption.displayName = 'NativeSelectOption'\n\nconst NativeSelectOptionGroup = React.forwardRef<HTMLOptGroupElement, NativeSelectOptionGroupProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <optgroup\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option-group', className)}\n      />\n    )\n  },\n)\nNativeSelectOptionGroup.displayName = 'NativeSelectOptionGroup'\n\nconst NativeSelect: typeof NativeSelectRoot & {\n  Root: typeof NativeSelectRoot\n  Option: typeof NativeSelectOption\n  OptionGroup: typeof NativeSelectOptionGroup\n} = Object.assign(NativeSelectRoot, {\n  Root: NativeSelectRoot,\n  Option: NativeSelectOption,\n  OptionGroup: NativeSelectOptionGroup,\n})\n\nexport {\n  NativeSelect,\n  NativeSelectOption,\n  NativeSelectOptionGroup,\n  NativeSelectRoot,\n}\nexport type {\n  NativeSelectOptionGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectRootProps,\n  NativeSelectSize,\n  NativeSelectVariant,\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAwBnC;AARN,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,SAAS,OAAO,QAAQ,GAAG,YAAY,GAAG,iBAAiB;AAC7E,UAAM,EAAE,WAAW,oBAAoB,OAAO,QAAQ,GAAG,UAAU,IAAI;AAAA,MACrE,EAAE,WAAW,MAAM,SAAS,OAAO,QAAQ,GAAG,YAAY;AAAA,MAC1D;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAc,SAAS;AAAA,QACvB,eAAa;AAAA,QACb,aAAW;AAAA,QACX,gBAAc;AAAA,QACd,cAAY,SAAS;AAAA;AAAA,IACvB;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,6BAA6B,SAAS;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,0BAA0B,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,mCAAmC,SAAS;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,wBAAwB,cAAc;AAEtC,MAAM,eAIF,OAAO,OAAO,kBAAkB;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { nativeSelectRootPropDefs } from './nativeSelect.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype NativeSelectOwnProps = GetPropDefTypes<typeof nativeSelectRootPropDefs>\n\ntype NativeSelectSize = NonNullable<NativeSelectOwnProps['size']>\ntype NativeSelectVariant = NonNullable<NativeSelectOwnProps['variant']>\n\ninterface NativeSelectRootProps\n  extends Omit<React.ComponentPropsWithoutRef<'select'>, 'size'>,\n    NativeSelectOwnProps {}\n\ntype NativeSelectOptionProps = React.ComponentPropsWithoutRef<'option'>\ntype NativeSelectOptionGroupProps = React.ComponentPropsWithoutRef<'optgroup'>\n\nconst NativeSelectRoot = React.forwardRef<HTMLSelectElement, NativeSelectRootProps>(\n  ({ className, size, variant, error, ...selectProps }, forwardedRef) => {\n    const { className: extractedClassName, error: _error, size: _size, variant: _variant, ...restProps } = extractProps(\n      { className, size, variant, error, ...selectProps },\n      nativeSelectRootPropDefs,\n    )\n\n    return (\n      <select\n        {...restProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-native-select',\n          extractedClassName,\n        )}\n        aria-invalid={error || undefined}\n        data-size={size}\n        data-variant={variant}\n        data-error={error || undefined}\n      />\n    )\n  },\n)\nNativeSelectRoot.displayName = 'NativeSelect'\n\nconst NativeSelectOption = React.forwardRef<HTMLOptionElement, NativeSelectOptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <option\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option', className)}\n      />\n    )\n  },\n)\nNativeSelectOption.displayName = 'NativeSelectOption'\n\nconst NativeSelectOptionGroup = React.forwardRef<HTMLOptGroupElement, NativeSelectOptionGroupProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <optgroup\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-native-select__option-group', className)}\n      />\n    )\n  },\n)\nNativeSelectOptionGroup.displayName = 'NativeSelectOptionGroup'\n\nconst NativeSelect: typeof NativeSelectRoot & {\n  Root: typeof NativeSelectRoot\n  Option: typeof NativeSelectOption\n  OptionGroup: typeof NativeSelectOptionGroup\n} = Object.assign(NativeSelectRoot, {\n  Root: NativeSelectRoot,\n  Option: NativeSelectOption,\n  OptionGroup: NativeSelectOptionGroup,\n})\n\nexport {\n  NativeSelect,\n  NativeSelectOption,\n  NativeSelectOptionGroup,\n  NativeSelectRoot,\n}\nexport type {\n  NativeSelectOptionGroupProps,\n  NativeSelectOptionProps,\n  NativeSelectRootProps,\n  NativeSelectSize,\n  NativeSelectVariant,\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAwBnC;AARN,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,SAAS,OAAO,GAAG,YAAY,GAAG,iBAAiB;AACrE,UAAM,EAAE,WAAW,oBAAoB,OAAO,QAAQ,MAAM,OAAO,SAAS,UAAU,GAAG,UAAU,IAAI;AAAA,MACrG,EAAE,WAAW,MAAM,SAAS,OAAO,GAAG,YAAY;AAAA,MAClD;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,gBAAc,SAAS;AAAA,QACvB,aAAW;AAAA,QACX,gBAAc;AAAA,QACd,cAAY,SAAS;AAAA;AAAA,IACvB;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,qBAAqB,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,6BAA6B,SAAS;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;AACA,mBAAmB,cAAc;AAEjC,MAAM,0BAA0B,MAAM;AAAA,EACpC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,iBAAiB;AACzC,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,mCAAmC,SAAS;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,wBAAwB,cAAc;AAEtC,MAAM,eAIF,OAAO,OAAO,kBAAkB;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AACf,CAAC;",
   "names": []
 }

package/dist/components/nativeSelect/nativeSelect.props.cjs

@@ -26,29 +26,21 @@ module.exports = __toCommonJS(nativeSelect_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 const nativeSelectSizes = ["sm", "md", "lg"];
 const nativeSelectVariants = ["default", "filled"];
-const nativeSelectRadiusValues = ["none", "sm", "md", "lg", "full"];
 const nativeSelectRootPropDefs = {
   ...import_asChild.asChildPropDef,
   size: {
     type: "enum",
-    className: "dsx-native-select-size",
     values: nativeSelectSizes,
     default: "md"
   },
   variant: {
     type: "enum",
-    className: "dsx-native-select-variant",
     values: nativeSelectVariants,
     default: "default"
   },
   error: {
     type: "boolean",
     default: false
-  },
-  radius: {
-    type: "enum",
-    values: nativeSelectRadiusValues,
-    default: void 0
   }
 };
 //# sourceMappingURL=nativeSelect.props.cjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/nativeSelect/nativeSelect.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst nativeSelectSizes = ['sm', 'md', 'lg'] as const\nconst nativeSelectVariants = ['default', 'filled'] as const\nconst nativeSelectRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst nativeSelectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-native-select-size',\n    values: nativeSelectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-native-select-variant',\n    values: nativeSelectVariants,\n    default: 'default',\n  },\n  error: {\n    type: 'boolean',\n    default: false,\n  },\n  radius: {\n    type: 'enum',\n    values: nativeSelectRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  error: PropDef\n  size: PropDef<(typeof nativeSelectSizes)[number]>\n  variant: PropDef<(typeof nativeSelectVariants)[number]>\n  radius: PropDef<(typeof nativeSelectRadiusValues)[number]>\n}\n\nexport { nativeSelectRootPropDefs, nativeSelectSizes, nativeSelectVariants }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,uBAAuB,CAAC,WAAW,QAAQ;AACjD,MAAM,2BAA2B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAElE,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst nativeSelectSizes = ['sm', 'md', 'lg'] as const\nconst nativeSelectVariants = ['default', 'filled'] as const\n\nconst nativeSelectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: nativeSelectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: nativeSelectVariants,\n    default: 'default',\n  },\n  error: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  error: PropDef\n  size: PropDef<(typeof nativeSelectSizes)[number]>\n  variant: PropDef<(typeof nativeSelectVariants)[number]>\n}\n\nexport { nativeSelectRootPropDefs, nativeSelectSizes, nativeSelectVariants }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,uBAAuB,CAAC,WAAW,QAAQ;AAEjD,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

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

@@ -3,13 +3,11 @@ declare const nativeSelectVariants: readonly ["default", "filled"];
 declare const nativeSelectRootPropDefs: {
     size: {
         type: "enum";
-        className: string;
         values: readonly ["sm", "md", "lg"];
         default: "md";
     };
     variant: {
         type: "enum";
-        className: string;
         values: readonly ["default", "filled"];
         default: "default";
     };
@@ -17,11 +15,6 @@ declare const nativeSelectRootPropDefs: {
         type: "boolean";
         default: false;
     };
-    radius: {
-        type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "full"];
-        default: undefined;
-    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"nativeSelect.props.d.cts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAG3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"nativeSelect.props.d.cts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAE3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;CAqB7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -3,13 +3,11 @@ declare const nativeSelectVariants: readonly ["default", "filled"];
 declare const nativeSelectRootPropDefs: {
     size: {
         type: "enum";
-        className: string;
         values: readonly ["sm", "md", "lg"];
         default: "md";
     };
     variant: {
         type: "enum";
-        className: string;
         values: readonly ["default", "filled"];
         default: "default";
     };
@@ -17,11 +15,6 @@ declare const nativeSelectRootPropDefs: {
         type: "boolean";
         default: false;
     };
-    radius: {
-        type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "full"];
-        default: undefined;
-    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"nativeSelect.props.d.mts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAG3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"nativeSelect.props.d.mts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAE3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;CAqB7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -3,13 +3,11 @@ declare const nativeSelectVariants: readonly ["default", "filled"];
 declare const nativeSelectRootPropDefs: {
     size: {
         type: "enum";
-        className: string;
         values: readonly ["sm", "md", "lg"];
         default: "md";
     };
     variant: {
         type: "enum";
-        className: string;
         values: readonly ["default", "filled"];
         default: "default";
     };
@@ -17,11 +15,6 @@ declare const nativeSelectRootPropDefs: {
         type: "boolean";
         default: false;
     };
-    radius: {
-        type: "enum";
-        values: readonly ["none", "sm", "md", "lg", "full"];
-        default: undefined;
-    };
     asChild: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"nativeSelect.props.d.ts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAG3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"nativeSelect.props.d.ts","sourceRoot":"","sources":["../../../src/components/nativeSelect/nativeSelect.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB,6BAA8B,CAAA;AACrD,QAAA,MAAM,oBAAoB,gCAAiC,CAAA;AAE3D,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;CAqB7B,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/nativeSelect/nativeSelect.props.js

@@ -1,29 +1,21 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 const nativeSelectSizes = ["sm", "md", "lg"];
 const nativeSelectVariants = ["default", "filled"];
-const nativeSelectRadiusValues = ["none", "sm", "md", "lg", "full"];
 const nativeSelectRootPropDefs = {
   ...asChildPropDef,
   size: {
     type: "enum",
-    className: "dsx-native-select-size",
     values: nativeSelectSizes,
     default: "md"
   },
   variant: {
     type: "enum",
-    className: "dsx-native-select-variant",
     values: nativeSelectVariants,
     default: "default"
   },
   error: {
     type: "boolean",
     default: false
-  },
-  radius: {
-    type: "enum",
-    values: nativeSelectRadiusValues,
-    default: void 0
   }
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/nativeSelect/nativeSelect.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst nativeSelectSizes = ['sm', 'md', 'lg'] as const\nconst nativeSelectVariants = ['default', 'filled'] as const\nconst nativeSelectRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\n\nconst nativeSelectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-native-select-size',\n    values: nativeSelectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-native-select-variant',\n    values: nativeSelectVariants,\n    default: 'default',\n  },\n  error: {\n    type: 'boolean',\n    default: false,\n  },\n  radius: {\n    type: 'enum',\n    values: nativeSelectRadiusValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  error: PropDef\n  size: PropDef<(typeof nativeSelectSizes)[number]>\n  variant: PropDef<(typeof nativeSelectVariants)[number]>\n  radius: PropDef<(typeof nativeSelectRadiusValues)[number]>\n}\n\nexport { nativeSelectRootPropDefs, nativeSelectSizes, nativeSelectVariants }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,uBAAuB,CAAC,WAAW,QAAQ;AACjD,MAAM,2BAA2B,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAElE,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst nativeSelectSizes = ['sm', 'md', 'lg'] as const\nconst nativeSelectVariants = ['default', 'filled'] as const\n\nconst nativeSelectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: nativeSelectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: nativeSelectVariants,\n    default: 'default',\n  },\n  error: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  error: PropDef\n  size: PropDef<(typeof nativeSelectSizes)[number]>\n  variant: PropDef<(typeof nativeSelectVariants)[number]>\n}\n\nexport { nativeSelectRootPropDefs, nativeSelectSizes, nativeSelectVariants }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB,CAAC,MAAM,MAAM,IAAI;AAC3C,MAAM,uBAAuB,CAAC,WAAW,QAAQ;AAEjD,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/navigation-menu.css

@@ -1,5 +1,7 @@
 
 
+@import '../../_internal/baseMenu.css';
+
 .dsx-navigation-menu {
   position: relative;
   display: inline-flex;
@@ -8,8 +10,8 @@
   gap: var(--dsx-space-xs);
   padding: var(--dsx-space-xs);
   border-radius: var(--dsx-rounded-md);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  background: var(--dsx-color-surface-overlay);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
+  background: var(--dsx-color-panel-translucent);
 }
 
 .dsx-navigation-menu__trigger,
@@ -31,25 +33,6 @@
     box-shadow var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
 }
 
-.dsx-navigation-menu__trigger:focus-visible,
-.dsx-navigation-menu__link:focus-visible {
-  outline: none;
-  box-shadow: var(--dsx-shadow-focus-ring);
-}
-
-.dsx-navigation-menu__trigger:hover:not([data-disabled]),
-.dsx-navigation-menu__link:hover:not([data-disabled]),
-.dsx-navigation-menu__trigger[data-state='open'],
-.dsx-navigation-menu__link[data-active='true'] {
-  background: var(--dsx-color-high-contrast-container);
-  color: var(--dsx-color-high-contrast);
-}
-
-.dsx-navigation-menu__trigger[data-disabled] {
-  opacity: var(--dsx-opacity-disabled);
-  pointer-events: none;
-}
-
 .dsx-navigation-menu__list {
   display: flex;
   align-items: center;
@@ -61,7 +44,41 @@
 }
 
 .dsx-navigation-menu__content {
-  padding: var(--dsx-space-md);
+  padding: var(--dsx-space-xs);
+}
+
+.dsx-navigation-menu__content:has(> :where(.dsx-navigation-menu__link)) {
+  display: flex;
+  min-width: var(--dsx-size-menu-min-width);
+  flex-direction: column;
+}
+
+.dsx-navigation-menu__content > :where(.dsx-navigation-menu__link) {
+  width: 100%;
+  min-height: var(--dsx-size-lg);
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  border: 0;
+  border-radius: var(--dsx-rounded-sm);
+  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-medium-font-size);
+}
+
+.dsx-navigation-menu__content > :where(.dsx-navigation-menu__link):first-child {
+  border-top-left-radius: calc(var(--dsx-rounded-lg) - var(--dsx-space-xs) - var(--dsx-border-width-sm));
+  border-top-right-radius: calc(var(--dsx-rounded-lg) - var(--dsx-space-xs) - var(--dsx-border-width-sm));
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.dsx-navigation-menu__content > :where(.dsx-navigation-menu__link):last-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: calc(var(--dsx-rounded-lg) - var(--dsx-space-xs) - var(--dsx-border-width-sm));
+  border-bottom-right-radius: calc(var(--dsx-rounded-lg) - var(--dsx-space-xs) - var(--dsx-border-width-sm));
+}
+
+.dsx-navigation-menu__content > :where(.dsx-navigation-menu__link):only-child {
+  border-radius: calc(var(--dsx-rounded-lg) - var(--dsx-space-xs) - var(--dsx-border-width-sm));
 }
 
 .dsx-navigation-menu__viewport {
@@ -74,32 +91,24 @@
   max-width: min(calc(100vw - var(--dsx-dialog-viewport-gap)), var(--dsx-breakpoint-sm));
   min-width: max-content;
   border-radius: var(--dsx-rounded-lg);
-  background: var(--dsx-color-surface-overlay);
+  background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  box-shadow: var(--dsx-shadow-elevation-4);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   isolation: isolate;
 }
 
+.dsx-navigation-menu__viewport[data-position='top'] {
+  top: auto;
+  bottom: calc(100% + var(--dsx-space-sm));
+}
+
 .dsx-navigation-menu__viewport[data-state='open'] {
   animation: dsx-navigation-menu-enter var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
 }
 
 .dsx-navigation-menu__indicator {
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  height: var(--dsx-navigation-menu-indicator-size);
-}
-
-.dsx-navigation-menu__indicator::before {
-  width: var(--dsx-navigation-menu-indicator-size);
-  height: var(--dsx-navigation-menu-indicator-size);
-  content: '';
-  transform: rotate(45deg);
-  background: var(--dsx-color-surface-overlay);
-  border-top: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
-  border-left: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  display: none;
 }
 
 .dsx-navigation-menu__chevron {
@@ -114,6 +123,25 @@
   transform: rotate(180deg);
 }
 
+/* Persistent active (current page) must read apart from transient hover/open,
+   which share the family wash above. Same language as the sidebar actives:
+   one-step-deeper accent-3 wash + accent-indicator text + inset bottom bar.
+   Nav-local: active-page is a navigation-only concept. These rules sit after
+   the baseMenu import so the 0,2,0 tie breaks toward them. */
+.dsx-navigation-menu__link[data-active='true'],
+.dsx-navigation-menu__link.dsx-navigation-menu-link-active {
+  background: color-mix(in srgb, var(--dsx-color-accent-3) 50%, transparent);
+  color: var(--dsx-color-accent-indicator);
+  box-shadow: var(--dsx-shadow-active-inset-outline);
+}
+
+.dsx-navigation-menu__link[data-active='true']:where(:focus-visible),
+.dsx-navigation-menu__link.dsx-navigation-menu-link-active:where(:focus-visible) {
+  box-shadow:
+    inset 0 0 0 2px var(--dsx-color-on-surface),
+    var(--dsx-shadow-active-inset-outline);
+}
+
 @keyframes dsx-navigation-menu-enter {
   from {
     opacity: 0;
@@ -125,8 +153,3 @@
     transform: translateY(0);
   }
 }
-
-.dsx-navigation-menu-link-active {
-  background: var(--dsx-color-high-contrast-container);
-  color: var(--dsx-color-high-contrast);
-}