@d4gger/design-system 2.7.0 → 3.0.0

package/dist/components/select/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/select/Select.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as SelectPrimitive from '@radix-ui/react-select'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { selectContentPropDefs, selectRootPropDefs, selectTriggerPropDefs } from './select.props'\nimport { ScrollArea } from '../scrollArea/ScrollArea'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>\n\ntype SelectSize = NonNullable<SelectTriggerOwnProps['size']>\ntype SelectVariant = NonNullable<SelectTriggerOwnProps['variant']>\ntype SelectAccentColor = NonNullable<SelectRootOwnProps['accentColor']>\n\ntype SelectContextValue = {\n  accentColor: SelectAccentColor\n  size: SelectSize\n  variant: SelectVariant\n}\n\ntype SelectDataAttributes = {\n  'data-accent-color'?: SelectAccentColor\n  'data-size'?: SelectSize\n  'data-variant'?: SelectVariant\n}\n\nconst SelectContext = React.createContext<SelectContextValue>({\n  accentColor: 'default',\n  size: 'md',\n  variant: 'default',\n})\n\nfunction useSelectContext() {\n  return React.useContext(SelectContext)\n}\n\ninterface SelectRootProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, SelectRootOwnProps {}\n\ninterface SelectTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n    SelectTriggerOwnProps,\n    SelectDataAttributes {}\n\ninterface SelectContentProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n    SelectContentOwnProps,\n    SelectDataAttributes {\n  position?: 'item-aligned' | 'popper'\n}\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\ntype SelectItemTextProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ItemText>\n\ninterface SelectHiddenSelectProps extends React.ComponentPropsWithoutRef<'select'> {\n  name: string\n  disabled?: boolean\n  required?: boolean\n  options?: Array<{ value: string; label: string; disabled?: boolean }>\n}\n\nfunction SelectRoot(props: SelectRootProps) {\n  const {\n    accentColor = 'default',\n    asChild: _asChild,\n    children,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, selectRootPropDefs)\n  const contextValue = React.useMemo<SelectContextValue>(\n    () => ({ accentColor, size, variant }),\n    [accentColor, size, variant],\n  )\n\n  return (\n    <PortalThemeBoundary>\n      <SelectContext.Provider value={contextValue}>\n        <SelectPrimitive.Root {...rootProps}>{children}</SelectPrimitive.Root>\n      </SelectContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nSelectRoot.displayName = 'Select'\n\nconst SelectGroup: typeof SelectPrimitive.Group = SelectPrimitive.Group\n\nconst SelectValue = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Value>, SelectValueProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <SelectPrimitive.Value {...props} ref={forwardedRef} className={classNames('dsx-select__value', className)} />\n  },\n)\nSelectValue.displayName = 'SelectValue'\n\nconst SelectTrigger = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ children, className, size, variant, ...props }, forwardedRef) => {\n    const context = useSelectContext()\n    const resolvedSize = props['data-size'] ?? size ?? context.size\n    const resolvedVariant = props['data-variant'] ?? variant ?? context.variant\n    const { asChild, className: triggerClassName, ...triggerProps } = extractProps(\n      {\n        ...props,\n        className,\n        size: resolvedSize,\n        variant: resolvedVariant,\n      },\n      selectTriggerPropDefs,\n    )\n\n    return (\n      <SelectPrimitive.Trigger\n        {...triggerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-select__trigger', triggerClassName)}\n        data-size={resolvedSize}\n        data-variant={resolvedVariant}\n        asChild={asChild}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children ?? <SelectValue />}\n            <SelectPrimitive.Icon asChild>\n              <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-select__icon\" />\n            </SelectPrimitive.Icon>\n          </>\n        )}\n      </SelectPrimitive.Trigger>\n    )\n  },\n)\nSelectTrigger.displayName = 'SelectTrigger'\n\nconst SelectContent = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectContentProps>(\n  (\n    {\n      children,\n      className,\n      position = 'item-aligned',\n      sideOffset = position === 'popper' ? 4 : undefined,\n      size,\n      variant,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const context = useSelectContext()\n    const resolvedSize = props['data-size'] ?? size ?? context.size\n    const resolvedVariant = props['data-variant'] ?? variant ?? context.variant\n    const { asChild: _asChild, className: contentClassName, ...contentProps } = extractProps(\n      {\n        ...props,\n        className,\n        size: resolvedSize,\n        variant: resolvedVariant,\n      },\n      selectContentPropDefs,\n    )\n\n    return (\n      <SelectPrimitive.Portal>\n        <PortalThemeWrapper>\n          <SelectPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            position={position}\n            sideOffset={sideOffset}\n            className={classNames('dsx-select__content', contentClassName)}\n            data-size={resolvedSize}\n            data-variant={resolvedVariant}\n          >\n            <ScrollArea className=\"dsx-select__scroll-area\" viewportAsChild viewportClassName=\"dsx-select__viewport\">\n              <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n            </ScrollArea>\n          </SelectPrimitive.Content>\n        </PortalThemeWrapper>\n      </SelectPrimitive.Portal>\n    )\n  },\n)\nSelectContent.displayName = 'SelectContent'\n\nconst SelectLabel = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Label>, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <SelectPrimitive.Label {...props} ref={forwardedRef} className={classNames('dsx-select__label', className)} />\n  },\n)\nSelectLabel.displayName = 'SelectLabel'\n\nconst SelectItem = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    return (\n      <SelectPrimitive.Item {...props} ref={forwardedRef} className={classNames('dsx-select__item', className)}>\n        <span className=\"dsx-select__item-indicator\">\n          <SelectPrimitive.ItemIndicator>\n            <Icon name=\"check\" size=\"sm\" />\n          </SelectPrimitive.ItemIndicator>\n        </span>\n        <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      </SelectPrimitive.Item>\n    )\n  },\n)\nSelectItem.displayName = 'SelectItem'\n\nconst SelectSeparator = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Separator>, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <SelectPrimitive.Separator {...props} ref={forwardedRef} className={classNames('dsx-select__separator', className)} />\n  },\n)\nSelectSeparator.displayName = 'SelectSeparator'\n\nconst SelectItemGroupLabel = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Label>, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <SelectPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-select__group-label', className)}\n      />\n    )\n  },\n)\nSelectItemGroupLabel.displayName = 'SelectItemGroupLabel'\n\nconst SelectValueText = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.ItemText>, SelectItemTextProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <SelectPrimitive.ItemText\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-select__item-text', className)}\n      />\n    )\n  },\n)\nSelectValueText.displayName = 'SelectValueText'\n\nconst SelectHiddenSelect = React.forwardRef<HTMLSelectElement, SelectHiddenSelectProps>(\n  ({ name, disabled, required, options, value, defaultValue, ...props }, forwardedRef) => {\n    return (\n      <VisuallyHidden>\n        <select\n          {...props}\n          ref={forwardedRef}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          defaultValue={defaultValue}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          className=\"dsx-select__hidden\"\n        >\n          {options?.map((option) => (\n            <option key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n      </VisuallyHidden>\n    )\n  },\n)\nSelectHiddenSelect.displayName = 'SelectHiddenSelect'\n\nconst Select: typeof SelectRoot & {\n  Root: typeof SelectRoot\n  Trigger: typeof SelectTrigger\n  Content: typeof SelectContent\n  Item: typeof SelectItem\n  Label: typeof SelectLabel\n  Group: typeof SelectGroup\n  Value: typeof SelectValue\n  Separator: typeof SelectSeparator\n  ItemGroupLabel: typeof SelectItemGroupLabel\n  ValueText: typeof SelectValueText\n  HiddenSelect: typeof SelectHiddenSelect\n} = Object.assign(SelectRoot, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Label: SelectLabel,\n  Group: SelectGroup,\n  Value: SelectValue,\n  Separator: SelectSeparator,\n  ItemGroupLabel: SelectItemGroupLabel,\n  ValueText: SelectValueText,\n  HiddenSelect: SelectHiddenSelect,\n})\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectHiddenSelect,\n  SelectItem,\n  SelectItemGroupLabel,\n  SelectLabel,\n  SelectRoot,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectValueText,\n}\nexport type {\n  SelectAccentColor,\n  SelectContentProps,\n  SelectGroupProps,\n  SelectHiddenSelectProps,\n  SelectItemProps,\n  SelectItemTextProps,\n  SelectLabelProps,\n  SelectRootProps,\n  SelectSeparatorProps,\n  SelectSize,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectVariant,\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as SelectPrimitive from '@radix-ui/react-select'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { VisuallyHidden } from '../visuallyHidden/VisuallyHidden'\nimport { selectContentPropDefs, selectRootPropDefs, selectTriggerPropDefs } from './select.props'\nimport { ScrollArea } from '../scrollArea/ScrollArea'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>\n\ntype SelectSize = NonNullable<SelectTriggerOwnProps['size']>\ntype SelectVariant = NonNullable<SelectTriggerOwnProps['variant']>\ntype SelectAccentColor = NonNullable<SelectRootOwnProps['accentColor']>\n\ntype SelectContextValue = {\n  accentColor: SelectAccentColor\n  size: SelectSize\n  variant: SelectVariant\n}\n\ntype SelectDataAttributes = {\n  'data-accent-color'?: SelectAccentColor\n  'data-size'?: SelectSize\n  'data-variant'?: SelectVariant\n}\n\nconst SelectContext = React.createContext<SelectContextValue>({\n  accentColor: 'default',\n  size: 'md',\n  variant: 'default',\n})\n\nfunction useSelectContext() {\n  return React.useContext(SelectContext)\n}\n\ninterface SelectRootProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, SelectRootOwnProps {}\n\ninterface SelectTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n    SelectTriggerOwnProps,\n    SelectDataAttributes {}\n\ninterface SelectContentProps\n  extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n    SelectContentOwnProps,\n    SelectDataAttributes {\n  position?: 'item-aligned' | 'popper'\n}\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\ntype SelectItemTextProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ItemText>\n\ninterface SelectHiddenSelectProps extends React.ComponentPropsWithoutRef<'select'> {\n  name: string\n  disabled?: boolean\n  required?: boolean\n  options?: Array<{ value: string; label: string; disabled?: boolean }>\n}\n\nfunction SelectRoot(props: SelectRootProps) {\n  const {\n    accentColor = 'default',\n    asChild: _asChild,\n    children,\n    size = 'md',\n    variant = 'default',\n    ...rootProps\n  } = extractProps(props, selectRootPropDefs)\n  const contextValue = React.useMemo<SelectContextValue>(\n    () => ({ accentColor, size, variant }),\n    [accentColor, size, variant],\n  )\n\n  return (\n    <PortalThemeBoundary>\n      <SelectContext.Provider value={contextValue}>\n        <SelectPrimitive.Root {...rootProps}>{children}</SelectPrimitive.Root>\n      </SelectContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nSelectRoot.displayName = 'Select'\n\nconst SelectGroup: typeof SelectPrimitive.Group = SelectPrimitive.Group\n\nconst SelectValue = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Value>, SelectValueProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const wrapRef = React.useRef<HTMLSpanElement>(null)\n    // Mirror the rendered value text into title (batch 4, P2): the trigger\n    // ellipsizes long values, so the full text must stay discoverable on\n    // hover. A MutationObserver keeps it in sync because Radix re-renders the\n    // inner Value without re-rendering this wrapper.\n    React.useLayoutEffect(() => {\n      const el = wrapRef.current\n      if (!el) return\n      const sync = () => {\n        const text = el.textContent ?? ''\n        if (el.title !== text) el.title = text\n      }\n      sync()\n      const observer = new MutationObserver(sync)\n      observer.observe(el, { childList: true, characterData: true, subtree: true })\n      return () => observer.disconnect()\n    }, [])\n    return (\n      <span ref={wrapRef} className={classNames('dsx-select__value', className)}>\n        <SelectPrimitive.Value {...props} ref={forwardedRef} />\n      </span>\n    )\n  },\n)\nSelectValue.displayName = 'SelectValue'\n\nconst SelectTrigger = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ children, className, size, variant, invalid = false, ...props }, forwardedRef) => {\n    const context = useSelectContext()\n    const resolvedSize = props['data-size'] ?? size ?? context.size\n    const resolvedVariant = props['data-variant'] ?? variant ?? context.variant\n    const { asChild, className: triggerClassName, invalid: _invalid, ...triggerProps } = extractProps(\n      {\n        ...props,\n        className,\n        size: resolvedSize,\n        variant: resolvedVariant,\n        invalid,\n      },\n      selectTriggerPropDefs,\n    )\n\n    return (\n      <SelectPrimitive.Trigger\n        {...triggerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-select__trigger', triggerClassName)}\n        data-size={resolvedSize}\n        data-variant={resolvedVariant}\n        aria-invalid={invalid || undefined}\n        asChild={asChild}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children ?? <SelectValue />}\n            <SelectPrimitive.Icon asChild>\n              <Icon name=\"chevron-down\" size=\"sm\" className=\"dsx-select__icon\" />\n            </SelectPrimitive.Icon>\n          </>\n        )}\n      </SelectPrimitive.Trigger>\n    )\n  },\n)\nSelectTrigger.displayName = 'SelectTrigger'\n\nconst SelectContent = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Content>, SelectContentProps>(\n  (\n    {\n      children,\n      className,\n      position = 'popper',\n      sideOffset = position === 'popper' ? 4 : undefined,\n      size,\n      variant,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const context = useSelectContext()\n    const resolvedSize = props['data-size'] ?? size ?? context.size\n    const resolvedVariant = props['data-variant'] ?? variant ?? context.variant\n    const { asChild: _asChild, className: contentClassName, ...contentProps } = extractProps(\n      {\n        ...props,\n        className,\n        size: resolvedSize,\n        variant: resolvedVariant,\n      },\n      selectContentPropDefs,\n    )\n    return (\n      <SelectPrimitive.Portal>\n        <PortalThemeWrapper>\n          <SelectPrimitive.Content\n            {...contentProps}\n            ref={forwardedRef}\n            position={position}\n            sideOffset={sideOffset}\n            align=\"start\"\n            className={classNames('dsx-select__content', contentClassName)}\n            data-size={resolvedSize}\n            data-variant={resolvedVariant}\n          >\n            <ScrollArea className=\"dsx-select__scroll-area\" viewportAsChild viewportClassName=\"dsx-select__viewport\">\n              <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n            </ScrollArea>\n          </SelectPrimitive.Content>\n        </PortalThemeWrapper>\n      </SelectPrimitive.Portal>\n    )\n  },\n)\nSelectContent.displayName = 'SelectContent'\n\nconst SelectLabel = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Label>, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <SelectPrimitive.Label {...props} ref={forwardedRef} className={classNames('dsx-select__label', className)} />\n  },\n)\nSelectLabel.displayName = 'SelectLabel'\n\nconst SelectItem = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    // Partition ItemMedia out of the text flow (batch 4): media must be a\n    // direct flex child of the row so the row gap separates it from the text\n    // and align-items centers it. Left inside ItemText it renders inline on\n    // the text baseline with no gap.\n    const { media, rest } = React.useMemo(() => {\n      const media: React.ReactNode[] = []\n      const rest: React.ReactNode[] = []\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child) && child.type === SelectItemMedia) media.push(child)\n        else rest.push(child)\n      })\n      return { media, rest }\n    }, [children])\n    const itemRef = React.useRef<HTMLDivElement>(null)\n    // Panel-fit latch (batch 4): Radix ScrollArea forces display:table on the\n    // viewport, which shrink-wraps past a width-capped panel, so % widths\n    // cannot constrain rows. Instead the row caps itself to the panel content\n    // box in px. Rows that fit keep no cap (the panel grows to the longest\n    // option); rows that exceed it latch data-overflow and wrap to a second\n    // line. The latch is one-way \u2014 wrapped short text renders identically to\n    // nowrap \u2014 so the observer always settles.\n    React.useLayoutEffect(() => {\n      const el = itemRef.current\n      const panel = el?.closest('.dsx-select__content')\n      if (!el || !panel) return\n      const sync = () => {\n        const panelStyle = getComputedStyle(panel)\n        const cap =\n          panel.clientWidth - parseFloat(panelStyle.paddingLeft) - parseFloat(panelStyle.paddingRight)\n        if (el.hasAttribute('data-overflow')) {\n          el.style.maxWidth = `${cap}px`\n          return\n        }\n        if (el.scrollWidth > cap + 1) {\n          el.style.maxWidth = `${cap}px`\n          el.setAttribute('data-overflow', 'true')\n        } else {\n          el.style.maxWidth = ''\n        }\n      }\n      sync()\n      const observer = new ResizeObserver(sync)\n      observer.observe(el)\n      observer.observe(panel)\n      return () => observer.disconnect()\n    }, [])\n    const setRefs = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        itemRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n    return (\n      <SelectPrimitive.Item {...props} ref={setRefs} className={classNames('dsx-select__item', className)}>\n        <span className=\"dsx-select__item-indicator\">\n          <SelectPrimitive.ItemIndicator>\n            <Icon name=\"check\" size=\"sm\" />\n          </SelectPrimitive.ItemIndicator>\n        </span>\n        {media}\n        <SelectPrimitive.ItemText asChild>\n          <span className=\"dsx-select__item-text\">{rest}</span>\n        </SelectPrimitive.ItemText>\n      </SelectPrimitive.Item>\n    )\n  },\n)\nSelectItem.displayName = 'SelectItem'\n\ntype SelectItemMediaProps = React.ComponentPropsWithoutRef<'div'>\n\nconst SelectItemMedia = React.forwardRef<HTMLDivElement, SelectItemMediaProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <div {...props} ref={forwardedRef} className={classNames('dsx-select__item-media', className)} />\n  },\n)\nSelectItemMedia.displayName = 'SelectItemMedia'\n\nconst SelectSeparator = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Separator>, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return <SelectPrimitive.Separator {...props} ref={forwardedRef} className={classNames('dsx-select__separator', className)} />\n  },\n)\nSelectSeparator.displayName = 'SelectSeparator'\n\nconst SelectItemGroupLabel = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Label>, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <SelectPrimitive.Label\n        {...props}\n        ref={forwardedRef}\n        className={classNames('dsx-select__group-label', className)}\n      />\n    )\n  },\n)\nSelectItemGroupLabel.displayName = 'SelectItemGroupLabel'\n\nconst SelectValueText = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.ItemText>, SelectItemTextProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    return (\n      <SelectPrimitive.ItemText asChild>\n        <span {...props} ref={forwardedRef} className={classNames('dsx-select__item-text', className)}>\n          {children}\n        </span>\n      </SelectPrimitive.ItemText>\n    )\n  },\n)\nSelectValueText.displayName = 'SelectValueText'\n\nconst SelectHiddenSelect = React.forwardRef<HTMLSelectElement, SelectHiddenSelectProps>(\n  ({ name, disabled, required, options, value, defaultValue, ...props }, forwardedRef) => {\n    return (\n      <VisuallyHidden>\n        <select\n          {...props}\n          ref={forwardedRef}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          defaultValue={defaultValue}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          className=\"dsx-select__hidden\"\n        >\n          {options?.map((option) => (\n            <option key={option.value} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n      </VisuallyHidden>\n    )\n  },\n)\nSelectHiddenSelect.displayName = 'SelectHiddenSelect'\n\nconst Select: typeof SelectRoot & {\n  Root: typeof SelectRoot\n  Trigger: typeof SelectTrigger\n  Content: typeof SelectContent\n  Item: typeof SelectItem\n  ItemMedia: typeof SelectItemMedia\n  Label: typeof SelectLabel\n  Group: typeof SelectGroup\n  Value: typeof SelectValue\n  Separator: typeof SelectSeparator\n  ItemGroupLabel: typeof SelectItemGroupLabel\n  ValueText: typeof SelectValueText\n  HiddenSelect: typeof SelectHiddenSelect\n} = Object.assign(SelectRoot, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  ItemMedia: SelectItemMedia,\n  Label: SelectLabel,\n  Group: SelectGroup,\n  Value: SelectValue,\n  Separator: SelectSeparator,\n  ItemGroupLabel: SelectItemGroupLabel,\n  ValueText: SelectValueText,\n  HiddenSelect: SelectHiddenSelect,\n})\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectHiddenSelect,\n  SelectItem,\n  SelectItemGroupLabel,\n  SelectItemMedia,\n  SelectLabel,\n  SelectRoot,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectValueText,\n}\nexport type {\n  SelectAccentColor,\n  SelectContentProps,\n  SelectGroupProps,\n  SelectHiddenSelectProps,\n  SelectItemProps,\n  SelectItemMediaProps,\n  SelectItemTextProps,\n  SelectLabelProps,\n  SelectRootProps,\n  SelectSeparatorProps,\n  SelectSize,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectVariant,\n}\n"],
+  "mappings": "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",
+  "names": ["media", "rest"]
 }

package/dist/components/select/select.props.cjs

@@ -28,7 +28,7 @@ __export(select_props_exports, {
 module.exports = __toCommonJS(select_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 const selectSizes = ["sm", "md", "lg"];
-const selectVariants = ["default", "ghost"];
+const selectVariants = ["default", "ghost", "vision"];
 const selectAccentColors = ["default", "primary"];
 const selectRootPropDefs = {
   ...import_asChild.asChildPropDef,
@@ -61,6 +61,10 @@ const selectTriggerPropDefs = {
     className: "dsx-select-variant",
     values: selectVariants,
     default: "default"
+  },
+  invalid: {
+    type: "boolean",
+    default: false
   }
 };
 const selectContentPropDefs = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/select/select.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst selectSizes = ['sm', 'md', 'lg'] as const\nconst selectVariants = ['default', 'ghost'] as const\nconst selectAccentColors = ['default', 'primary'] as const\n\nconst selectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: selectVariants,\n    default: 'default',\n  },\n  accentColor: {\n    type: 'enum',\n    values: selectAccentColors,\n    default: 'default',\n  },\n} satisfies {\n  accentColor: PropDef<(typeof selectAccentColors)[number]>\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectTriggerPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nexport { selectAccentColors, selectContentPropDefs, selectRootPropDefs, selectSizes, selectTriggerPropDefs, selectVariants }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,cAAc,CAAC,MAAM,MAAM,IAAI;AACrC,MAAM,iBAAiB,CAAC,WAAW,OAAO;AAC1C,MAAM,qBAAqB,CAAC,WAAW,SAAS;AAEhD,MAAM,qBAAqB;AAAA,EACzB,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,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;AAMA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst selectSizes = ['sm', 'md', 'lg'] as const\nconst selectVariants = ['default', 'ghost', 'vision'] as const\nconst selectAccentColors = ['default', 'primary'] as const\n\nconst selectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: selectVariants,\n    default: 'default',\n  },\n  accentColor: {\n    type: 'enum',\n    values: selectAccentColors,\n    default: 'default',\n  },\n} satisfies {\n  accentColor: PropDef<(typeof selectAccentColors)[number]>\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectTriggerPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n  invalid: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n  invalid: PropDef\n}\n\nconst selectContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nexport { selectAccentColors, selectContentPropDefs, selectRootPropDefs, selectSizes, selectTriggerPropDefs, selectVariants }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,cAAc,CAAC,MAAM,MAAM,IAAI;AACrC,MAAM,iBAAiB,CAAC,WAAW,SAAS,QAAQ;AACpD,MAAM,qBAAqB,CAAC,WAAW,SAAS;AAEhD,MAAM,qBAAqB;AAAA,EACzB,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,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 declare const selectSizes: readonly ["sm", "md", "lg"];
-declare const selectVariants: readonly ["default", "ghost"];
+declare const selectVariants: readonly ["default", "ghost", "vision"];
 declare const selectAccentColors: readonly ["default", "primary"];
 declare const selectRootPropDefs: {
     size: {
@@ -9,7 +9,7 @@ declare const selectRootPropDefs: {
     };
     variant: {
         type: "enum";
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     accentColor: {
@@ -32,9 +32,13 @@ declare const selectTriggerPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
     asChild: {
         type: "boolean";
         default: false;
@@ -50,7 +54,7 @@ declare const selectContentPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     asChild: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.props.d.cts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,+BAAgC,CAAA;AACpD,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"select.props.d.cts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,yCAA0C,CAAA;AAC9D,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAuB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 declare const selectSizes: readonly ["sm", "md", "lg"];
-declare const selectVariants: readonly ["default", "ghost"];
+declare const selectVariants: readonly ["default", "ghost", "vision"];
 declare const selectAccentColors: readonly ["default", "primary"];
 declare const selectRootPropDefs: {
     size: {
@@ -9,7 +9,7 @@ declare const selectRootPropDefs: {
     };
     variant: {
         type: "enum";
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     accentColor: {
@@ -32,9 +32,13 @@ declare const selectTriggerPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
     asChild: {
         type: "boolean";
         default: false;
@@ -50,7 +54,7 @@ declare const selectContentPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     asChild: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.props.d.mts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,+BAAgC,CAAA;AACpD,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"select.props.d.mts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,yCAA0C,CAAA;AAC9D,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAuB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 declare const selectSizes: readonly ["sm", "md", "lg"];
-declare const selectVariants: readonly ["default", "ghost"];
+declare const selectVariants: readonly ["default", "ghost", "vision"];
 declare const selectAccentColors: readonly ["default", "primary"];
 declare const selectRootPropDefs: {
     size: {
@@ -9,7 +9,7 @@ declare const selectRootPropDefs: {
     };
     variant: {
         type: "enum";
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     accentColor: {
@@ -32,9 +32,13 @@ declare const selectTriggerPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
+    invalid: {
+        type: "boolean";
+        default: false;
+    };
     asChild: {
         type: "boolean";
         default: false;
@@ -50,7 +54,7 @@ declare const selectContentPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["default", "ghost"];
+        values: readonly ["default", "ghost", "vision"];
         default: "default";
     };
     asChild: {

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

@@ -1 +1 @@
-{"version":3,"file":"select.props.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,+BAAgC,CAAA;AACpD,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"select.props.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,6BAA8B,CAAA;AAC/C,QAAA,MAAM,cAAc,yCAA0C,CAAA;AAC9D,QAAA,MAAM,kBAAkB,iCAAkC,CAAA;AAE1D,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsBvB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAuB1B,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAkB1B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/select/select.props.js

@@ -1,6 +1,6 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 const selectSizes = ["sm", "md", "lg"];
-const selectVariants = ["default", "ghost"];
+const selectVariants = ["default", "ghost", "vision"];
 const selectAccentColors = ["default", "primary"];
 const selectRootPropDefs = {
   ...asChildPropDef,
@@ -33,6 +33,10 @@ const selectTriggerPropDefs = {
     className: "dsx-select-variant",
     values: selectVariants,
     default: "default"
+  },
+  invalid: {
+    type: "boolean",
+    default: false
   }
 };
 const selectContentPropDefs = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/select/select.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst selectSizes = ['sm', 'md', 'lg'] as const\nconst selectVariants = ['default', 'ghost'] as const\nconst selectAccentColors = ['default', 'primary'] as const\n\nconst selectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: selectVariants,\n    default: 'default',\n  },\n  accentColor: {\n    type: 'enum',\n    values: selectAccentColors,\n    default: 'default',\n  },\n} satisfies {\n  accentColor: PropDef<(typeof selectAccentColors)[number]>\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectTriggerPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nexport { selectAccentColors, selectContentPropDefs, selectRootPropDefs, selectSizes, selectTriggerPropDefs, selectVariants }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,cAAc,CAAC,MAAM,MAAM,IAAI;AACrC,MAAM,iBAAiB,CAAC,WAAW,OAAO;AAC1C,MAAM,qBAAqB,CAAC,WAAW,SAAS;AAEhD,MAAM,qBAAqB;AAAA,EACzB,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,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;AAMA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst selectSizes = ['sm', 'md', 'lg'] as const\nconst selectVariants = ['default', 'ghost', 'vision'] as const\nconst selectAccentColors = ['default', 'primary'] as const\n\nconst selectRootPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: selectVariants,\n    default: 'default',\n  },\n  accentColor: {\n    type: 'enum',\n    values: selectAccentColors,\n    default: 'default',\n  },\n} satisfies {\n  accentColor: PropDef<(typeof selectAccentColors)[number]>\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nconst selectTriggerPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n  invalid: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n  invalid: PropDef\n}\n\nconst selectContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'dsx-select-size',\n    values: selectSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    className: 'dsx-select-variant',\n    values: selectVariants,\n    default: 'default',\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof selectSizes)[number]>\n  variant: PropDef<(typeof selectVariants)[number]>\n}\n\nexport { selectAccentColors, selectContentPropDefs, selectRootPropDefs, selectSizes, selectTriggerPropDefs, selectVariants }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,cAAc,CAAC,MAAM,MAAM,IAAI;AACrC,MAAM,iBAAiB,CAAC,WAAW,SAAS,QAAQ;AACpD,MAAM,qBAAqB,CAAC,WAAW,SAAS;AAEhD,MAAM,qBAAqB;AAAA,EACzB,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,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAOA,MAAM,wBAAwB;AAAA,EAC5B,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;AACF;",
   "names": []
 }

package/dist/components/select.css

@@ -1,28 +1,40 @@
 
 @import '../../_internal/baseMenu.css';
 
+/* Was missing backdrop-filter - the background token alone gave a translucent tint but no blur,
+   so this was a partial glass effect, not the real one Popover/Dialog use. */
 .dsx-select__content {
   box-sizing: border-box;
   position: relative;
   z-index: var(--dsx-z-index-dropdown);
+  /* Width rule (batch 4, D1): mirror the trigger by default, grow to fit the
+     longest option. The ceiling is the viewport edge or 40rem, whichever is
+     smaller — past it rows wrap (data-overflow) instead of stretching the
+     panel screen-wide. 40rem sits between the one-line demo option and the
+     wrap-demo option; token candidate for the size batch. */
+  width: max-content;
   min-width: var(--radix-select-trigger-width, 200px);
-  padding: var(--dsx-space-xs);
-  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  max-width: min(var(--radix-select-content-available-width), 40rem);
+  padding: var(--dsx-space-sm) var(--dsx-space-xs);
+  border: var(--dsx-border-width-sm) solid var(--dsx-panel-border-color);
   border-radius: var(--dsx-rounded-lg);
   background: var(--dsx-color-panel-translucent);
+  backdrop-filter: var(--dsx-effect-panel-glass-backdrop-filter);
   color: var(--dsx-color-on-surface);
   overflow: hidden;
   isolation: isolate;
 }
 
 .dsx-select__item {
+  box-sizing: border-box;
   position: relative;
   display: inline-flex;
   width: 100%;
+  max-width: 100%;
   min-height: var(--dsx-size-lg);
   align-items: center;
   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));
+  padding: var(--dsx-space-sm) calc(var(--dsx-space-lg) + var(--dsx-space-sm)) var(--dsx-space-sm) var(--dsx-space-sm);
   border: 0;
   border-radius: var(--dsx-rounded-md);
   background: transparent;
@@ -35,22 +47,50 @@
 
 .dsx-select__item-indicator {
   position: absolute;
-  left: var(--dsx-space-sm);
+  right: var(--dsx-space-sm);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: var(--dsx-size-md);
 }
 
+/* Check side opt-in: content opts into left-gutter checks via
+   data-check="left" (Mantine-style checkIconPosition). Default is right. */
+.dsx-select__content[data-check='left'] .dsx-select__item {
+  padding: var(--dsx-space-sm) var(--dsx-space-sm) var(--dsx-space-sm) calc(var(--dsx-space-lg) + var(--dsx-space-sm));
+}
+
+.dsx-select__content[data-check='left'] .dsx-select__item-indicator {
+  right: auto;
+  left: var(--dsx-space-sm);
+}
+
+/* Single-line ellipsis: values and items never wrap (wrapping cramps the
+   trigger after selection and breaks panel rhythm). */
+.dsx-select__value,
+.dsx-select__item-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.dsx-select__content[data-selected='fill'] .dsx-select__item[data-state='checked'] {
+  background: var(--dsx-color-accent-track);
+  color: var(--dsx-color-accent-contrast);
+  box-shadow: none;
+}
+
 .dsx-select__trigger {
   box-sizing: border-box;
   display: flex;
   width: 100%;
-  min-height: var(--dsx-size-xl);
+  min-height: var(--dsx-density-control-height, var(--dsx-size-xl));
   align-items: center;
   justify-content: space-between;
   gap: var(--dsx-space-sm);
-  padding: var(--dsx-space-sm) var(--dsx-space-md);
+  padding-block: var(--dsx-density-control-padding-block, var(--dsx-space-sm));
+  padding-inline: var(--dsx-density-control-padding-inline, var(--dsx-space-md));
   border-radius: var(--dsx-rounded-md);
   border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
   background: var(--dsx-color-surface);
@@ -108,13 +148,21 @@
 }
 
 .dsx-select__trigger[data-size='sm'] {
-  min-height: var(--dsx-size-lg);
-  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  min-height: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+  padding-block: var(--dsx-density-control-padding-block-sm, var(--dsx-space-xs));
+  padding-inline: var(--dsx-density-control-padding-inline-sm, var(--dsx-space-sm));
+  font-size: var(--dsx-typography-body-small-font-size);
+  line-height: var(--dsx-typography-body-small-line-height);
+  letter-spacing: var(--dsx-typography-body-small-letter-spacing);
 }
 
 .dsx-select__trigger[data-size='lg'] {
-  min-height: calc(var(--dsx-size-xl) + var(--dsx-space-sm));
-  padding: var(--dsx-space-md) var(--dsx-space-lg);
+  min-height: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+  padding-block: var(--dsx-density-control-padding-block-lg, var(--dsx-space-md));
+  padding-inline: var(--dsx-density-control-padding-inline-lg, var(--dsx-space-lg));
+  font-size: var(--dsx-typography-body-large-font-size);
+  line-height: var(--dsx-typography-body-large-line-height);
+  letter-spacing: var(--dsx-typography-body-large-letter-spacing);
 }
 
 .dsx-select__value {
@@ -156,17 +204,42 @@
   max-height: inherit;
 }
 
-.dsx-select-size-sm {
+/* Overflow rows wrap (batch 4): SelectItem latches data-overflow when the row
+   text exceeds the row box (see SelectItem). Wrapped rows show the full text
+   on two lines with the highlight spanning the full row width; rows that fit
+   stay single-line ellipsis. */
+.dsx-select__item[data-overflow='true'] {
   min-height: var(--dsx-size-lg);
-  padding: var(--dsx-space-xs) var(--dsx-space-sm);
 }
 
-.dsx-select-size-lg {
-  min-height: calc(var(--dsx-size-xl) + var(--dsx-space-sm));
-  padding: var(--dsx-space-md) var(--dsx-space-lg);
+.dsx-select__item[data-overflow='true'] .dsx-select__item-text {
+  white-space: normal;
+}
+
+/* Scoped to the trigger (batch 4, P1): extractProps merges the size modifier
+   class onto every slot including Content, and the unscoped rule below used to
+   override the content's own horizontal gutter (same specificity, later in
+   file) — the panel rendered a 24px lg gutter instead of its authored 4px. */
+.dsx-select__trigger.dsx-select-size-sm {
+  min-height: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+  padding-block: var(--dsx-density-control-padding-block-sm, var(--dsx-space-xs));
+  padding-inline: var(--dsx-density-control-padding-inline-sm, var(--dsx-space-sm));
+}
+
+.dsx-select__trigger.dsx-select-size-lg {
+  min-height: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+  padding-block: var(--dsx-density-control-padding-block-lg, var(--dsx-space-md));
+  padding-inline: var(--dsx-density-control-padding-inline-lg, var(--dsx-space-lg));
 }
 
-.dsx-select-variant-ghost {
+/* Scoped to the trigger only (2026-08-26, real bug found live): variant propagates through
+   SelectContext to every slot, so `.dsx-select-variant-ghost` alone matched the dropdown
+   Content too — its own solid `--dsx-color-panel-translucent` background (declared on
+   `.dsx-select__content` above) lost to this rule on source order at equal specificity,
+   leaving an actually-transparent, unreadable dropdown panel. Ghost is a trigger-chrome
+   concept (blend-in-until-interacted-with); the panel that opens from it should never be
+   transparent regardless of the trigger's own variant. */
+.dsx-select__trigger.dsx-select-variant-ghost {
   background: transparent;
 }
 
@@ -188,6 +261,16 @@
   white-space: nowrap;
 }
 
+.dsx-select__item-media {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--dsx-size-lg);
+  height: var(--dsx-size-lg);
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
 .dsx-select__hidden {
   position: absolute;
   width: 1px;
@@ -199,3 +282,46 @@
   white-space: nowrap;
   border: 0;
 }
+
+/* Vision variant (direction 3, Q7): reference copy — 12px panel, 8px gutters,
+   40px rows, neutral wash, plain checks, sentence-case labels. */
+.dsx-select__content[data-variant='vision'] {
+  /* No width redeclared: inherits the base mirror-at-minimum + grow-to-fit
+     rule so vision panels track their trigger exactly like default. */
+  padding: var(--dsx-space-sm);
+  border-radius: var(--dsx-rounded-lg);
+  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline-variant);
+  background: var(--dsx-color-panel-solid);
+  backdrop-filter: none;
+}
+
+.dsx-select__content[data-variant='vision'] .dsx-select__item {
+  gap: var(--dsx-space-sm);
+  min-height: var(--dsx-size-xl);
+  padding: var(--dsx-space-xs) calc(var(--dsx-size-md) + var(--dsx-space-sm) * 2) var(--dsx-space-xs) var(--dsx-space-sm);
+  border-radius: var(--dsx-rounded-sm);
+}
+
+.dsx-select__content[data-variant='vision'] .dsx-select__item[data-highlighted] {
+  background: var(--dsx-effect-hover-emphasis-strong);
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-select__content[data-variant='vision'] .dsx-select__item[data-state='checked'] {
+  background: var(--dsx-effect-hover-emphasis-strong);
+  color: var(--dsx-color-on-surface);
+  box-shadow: none;
+}
+
+.dsx-select__content[data-variant='vision'] .dsx-select__item-indicator {
+  right: var(--dsx-space-sm);
+  width: var(--dsx-size-md);
+  color: currentColor;
+  background: transparent;
+}
+
+.dsx-select__content[data-variant='vision'] .dsx-select__group-label {
+  padding: var(--dsx-space-sm) var(--dsx-space-sm) var(--dsx-space-xs);
+  text-transform: none;
+  letter-spacing: 0;
+}

package/dist/components/separator.css

@@ -8,11 +8,11 @@
 
 .dsx-separator[data-orientation='horizontal'] {
   width: 100%;
-  height: var(--dsx-border-width-md, var(--dsx-border-width-sm));
+  height: var(--dsx-boundary-divider-width, var(--dsx-border-width-sm));
 }
 
 .dsx-separator[data-orientation='vertical'] {
-  width: var(--dsx-border-width-md, var(--dsx-border-width-sm));
+  width: var(--dsx-boundary-divider-width, var(--dsx-border-width-sm));
   min-height: var(--dsx-size-lg);
   height: auto;
   margin-block: 0;
@@ -28,3 +28,9 @@
 .dsx-separator--decorative {
   background: var(--dsx-color-separator-muted);
 }
+
+/* Reserved accent hook: any accent-color value paints the separator in the accent
+   indicator tone, for deliberate accent-divided surfaces. */
+.dsx-separator[data-accent-color] {
+  background: var(--dsx-color-accent-indicator);
+}