dash-ui-kit 2.0.0-dev → 2.1.0-dev

package/dist/react/components/overlaySelect/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/overlaySelect/index.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\n\nconst overlaySelectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-dash-primary-dark-blue',\n        dark: 'text-white'\n      },\n      colorScheme: {\n        default: '',\n        brand: '',\n        error: '',\n        success: '',\n        gray: '',\n        lightGray: ''\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      },\n      filled: {\n        false: '',\n        true: ''\n      }\n    },\n    compoundVariants: [\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'light',\n        class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-gray-600/50 focus:outline-gray-500'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'light',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-gray-700/20'\n      },\n      // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      // Default background when not filled\n      {\n        filled: false,\n        theme: 'light',\n        class: 'bg-white'\n      },\n      {\n        filled: false,\n        theme: 'dark',\n        class: 'bg-gray-800'\n      },\n      // Filled variants\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'light',\n        class: 'bg-white text-gray-900'\n      },\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-700 text-white'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'light',\n        class: 'bg-blue-50 text-blue-700'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-blue-900/30 text-blue-300'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'light',\n        class: 'bg-red-50 text-red-700'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-red-500/20 text-red-400'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'light',\n        class: 'bg-green-50 text-green-700'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-green-500/20 text-green-400'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-800'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-200'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false,\n      filled: false\n    }\n  }\n)\n\nconst overlayContent = cva(\n  'absolute z-50 min-w-full overflow-hidden shadow-lg',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-[rgba(12,28,51,0.05)]',\n        dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'\n      },\n      size: {\n        sm: 'rounded-[0.625rem]',\n        md: 'rounded-[0.875rem]',\n        xl: 'rounded-[1rem]'\n      }\n    }\n  }\n)\n\nconst overlayItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] hover:bg-gray-50',\n        dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\n\n\ntype OverlaySelectVariants = VariantProps<typeof overlaySelectTrigger>\n\nexport interface OverlaySelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface OverlaySelectProps extends Omit<OverlaySelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  filled?: boolean\n  options?: OverlaySelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n  overlayLabel?: string\n  maxHeight?: string\n}\n\n// Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width='15'\n    height='15'\n    viewBox='0 0 15 15'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n  >\n    <path\n      d='m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z'\n      fill='currentColor'\n      fillRule='evenodd'\n      clipRule='evenodd'\n    />\n  </svg>\n)\n\n\n\n\n\n/**\n * Overlay select component that opens above the trigger with overlay positioning.\n * Simple select component without additional button functionality.\n */\nexport const OverlaySelect: React.FC<OverlaySelectProps> = ({\n  className = '',\n  colorScheme,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  filled = false,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option...',\n  name,\n  overlayLabel,\n  maxHeight = '200px',\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  // Determine color scheme based on state\n  let finalColorScheme = colorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = overlaySelectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    filled,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = overlayContent({ theme, size })\n  const itemClasses = overlayItem({ theme, size })\n\n\n  const selectedOption = options.find(opt => opt.value === value)\n\n  const handleOptionClick = (optionValue: string) => {\n    onValueChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n\n\n  return (\n    <div className='relative'>\n      <button\n        ref={triggerRef}\n        type='button'\n        className={triggerClasses}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        name={name}\n      >\n        <div className='w-full flex-1 text-left'>\n          {selectedOption ? (\n            selectedOption.content || selectedOption.label\n          ) : (\n            <span className={theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}>\n              {placeholder}\n            </span>\n          )}\n        </div>\n        {showArrow && (\n          <ChevronDownIcon \n            className={`transition-transform ${isOpen ? 'rotate-180' : ''} ${\n              size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'\n            }`} \n          />\n        )}\n      </button>\n\n      {isOpen && (\n        <>\n          {/* Backdrop */}\n          <div \n            className='fixed inset-0 z-40' \n            onClick={() => setIsOpen(false)}\n          />\n          \n          {/* Overlay content */}\n          <div\n            className={`${contentClasses} top-0 left-0 right-0`}\n            style={{ maxHeight }}\n          >\n            {/* Overlay label */}\n            {overlayLabel && (\n              <div \n                className={`${itemClasses} font-medium border-b rounded-b-none cursor-pointer ${\n                  theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'\n                }`}\n                onClick={() => setIsOpen(false)}\n              >\n                <div className='w-full flex-1'>\n                  {overlayLabel}\n                </div>\n                <div className='flex items-center pl-1'>\n                  <CrossIcon\n                    size={16} \n                    color={theme === 'dark' ? '#FFFFFF' : '#0C1C33'}\n                    className='cursor-pointer'\n                  />\n                </div>\n              </div>\n            )}\n            \n            {/* Options */}\n            <div className='overflow-y-auto' style={{ maxHeight: `calc(${maxHeight} - ${overlayLabel ? '50px' : '0px'})` }}>\n              {options.map((option, index) => (\n                <div\n                  key={option.value}\n                  className={`${itemClasses} ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${\n                    index < options.length - 1 \n                      ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}`\n                      : ''\n                  }`}\n                  onClick={() => !option.disabled && handleOptionClick(option.value)}\n                >\n                  <div className='w-full flex-1 text-left'>\n                    {option.content || option.label}\n                  </div>\n                </div>\n              ))}\n            </div>\n            \n\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default OverlaySelect\n"],"names":["overlaySelectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","gray","lightGray","size","sm","md","xl","border","true","false","disabled","filled","compoundVariants","class","defaultVariants","overlayContent","overlayItem","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","OverlaySelect","_a","options","showArrow","value","defaultValue","onValueChange","placeholder","name","overlayLabel","maxHeight","props","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","finalColorScheme","triggerClasses","contentClasses","itemClasses","selectedOption","find","opt","handleOptionClick","optionValue","_jsxs","children","ref","type","onClick","content","label","style","CrossIcon","color","map","option","index","length"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/overlaySelect/index.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\nconst overlaySelectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-dash-primary-dark-blue',\n        dark: 'text-white'\n      },\n      colorScheme: {\n        default: '',\n        brand: '',\n        error: '',\n        success: '',\n        gray: '',\n        lightGray: ''\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      },\n      filled: {\n        false: '',\n        true: ''\n      }\n    },\n    compoundVariants: [\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'light',\n        class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-gray-600/50 focus:outline-gray-500'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'light',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-gray-700/20'\n      },\n      // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      // Default background when not filled\n      {\n        filled: false,\n        theme: 'light',\n        class: 'bg-white'\n      },\n      {\n        filled: false,\n        theme: 'dark',\n        class: 'bg-gray-800'\n      },\n      // Filled variants\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'light',\n        class: 'bg-white text-gray-900'\n      },\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-700 text-white'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'light',\n        class: 'bg-blue-50 text-blue-700'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-blue-900/30 text-blue-300'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'light',\n        class: 'bg-red-50 text-red-700'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-red-500/20 text-red-400'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'light',\n        class: 'bg-green-50 text-green-700'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-green-500/20 text-green-400'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-800'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-200'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false,\n      filled: false\n    }\n  }\n)\n\nconst overlayContent = cva(\n  'absolute z-50 min-w-full overflow-hidden shadow-lg',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-[rgba(12,28,51,0.05)]',\n        dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'\n      },\n      size: {\n        sm: 'rounded-[0.625rem]',\n        md: 'rounded-[0.875rem]',\n        xl: 'rounded-[1rem]'\n      }\n    }\n  }\n)\n\nconst overlayItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] hover:bg-gray-50',\n        dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\n\n\ntype OverlaySelectVariants = VariantProps<typeof overlaySelectTrigger>\n\nexport interface OverlaySelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface OverlaySelectProps extends Omit<OverlaySelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  filled?: boolean\n  options?: OverlaySelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n  overlayLabel?: string\n  maxHeight?: string\n  /** Color scheme override for light theme */\n  colorSchemeLight?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\n  /** Color scheme override for dark theme */\n  colorSchemeDark?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\n}\n\n// Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width='15'\n    height='15'\n    viewBox='0 0 15 15'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n  >\n    <path\n      d='m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z'\n      fill='currentColor'\n      fillRule='evenodd'\n      clipRule='evenodd'\n    />\n  </svg>\n)\n\n\n\n\n\n/**\n * Overlay select component that opens above the trigger with overlay positioning.\n * Simple select component without additional button functionality.\n */\nexport const OverlaySelect: React.FC<OverlaySelectProps> = ({\n  className = '',\n  colorScheme,\n  colorSchemeLight,\n  colorSchemeDark,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  filled = false,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option...',\n  name,\n  overlayLabel,\n  maxHeight = '200px',\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const effectiveColorScheme = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark) ?? 'default'\n\n  // Determine color scheme based on state\n  let finalColorScheme: typeof effectiveColorScheme = effectiveColorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = overlaySelectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    filled,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = overlayContent({ theme, size })\n  const itemClasses = overlayItem({ theme, size })\n\n\n  const selectedOption = options.find(opt => opt.value === value)\n\n  const handleOptionClick = (optionValue: string) => {\n    onValueChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n\n\n  return (\n    <div className='relative'>\n      <button\n        ref={triggerRef}\n        type='button'\n        className={triggerClasses}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        name={name}\n      >\n        <div className='w-full flex-1 text-left'>\n          {selectedOption ? (\n            selectedOption.content || selectedOption.label\n          ) : (\n            <span className={theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}>\n              {placeholder}\n            </span>\n          )}\n        </div>\n        {showArrow && (\n          <ChevronDownIcon \n            className={`transition-transform ${isOpen ? 'rotate-180' : ''} ${\n              size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'\n            }`} \n          />\n        )}\n      </button>\n\n      {isOpen && (\n        <>\n          {/* Backdrop */}\n          <div \n            className='fixed inset-0 z-40' \n            onClick={() => setIsOpen(false)}\n          />\n          \n          {/* Overlay content */}\n          <div\n            className={`${contentClasses} top-0 left-0 right-0`}\n            style={{ maxHeight }}\n          >\n            {/* Overlay label */}\n            {overlayLabel && (\n              <div \n                className={`${itemClasses} font-medium border-b rounded-b-none cursor-pointer ${\n                  theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'\n                }`}\n                onClick={() => setIsOpen(false)}\n              >\n                <div className='w-full flex-1'>\n                  {overlayLabel}\n                </div>\n                <div className='flex items-center pl-1'>\n                  <CrossIcon\n                    size={16} \n                    color={theme === 'dark' ? '#FFFFFF' : '#0C1C33'}\n                    className='cursor-pointer'\n                  />\n                </div>\n              </div>\n            )}\n            \n            {/* Options */}\n            <div className='overflow-y-auto' style={{ maxHeight: `calc(${maxHeight} - ${overlayLabel ? '50px' : '0px'})` }}>\n              {options.map((option, index) => (\n                <div\n                  key={option.value}\n                  className={`${itemClasses} ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${\n                    index < options.length - 1 \n                      ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}`\n                      : ''\n                  }`}\n                  onClick={() => !option.disabled && handleOptionClick(option.value)}\n                >\n                  <div className='w-full flex-1 text-left'>\n                    {option.content || option.label}\n                  </div>\n                </div>\n              ))}\n            </div>\n            \n\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default OverlaySelect\n"],"names":["overlaySelectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","gray","lightGray","size","sm","md","xl","border","true","false","disabled","filled","compoundVariants","class","defaultVariants","overlayContent","overlayItem","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","OverlaySelect","_a","colorSchemeLight","colorSchemeDark","options","showArrow","value","defaultValue","onValueChange","placeholder","name","overlayLabel","maxHeight","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","effectiveColorScheme","_b","useColorScheme","finalColorScheme","triggerClasses","contentClasses","itemClasses","selectedOption","find","opt","handleOptionClick","optionValue","_jsxs","children","ref","type","onClick","content","label","style","CrossIcon","color","map","option","index","length"],"mappings":"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"}

package/dist/react/components/overlaySelect/index.d.ts

@@ -31,6 +31,10 @@ export interface OverlaySelectProps extends Omit<OverlaySelectVariants, 'theme'
     name?: string;
     overlayLabel?: string;
     maxHeight?: string;
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray';
 }
 /**
  * Overlay select component that opens above the trigger with overlay positioning.

package/dist/react/components/overlaySelect/index.esm.js

@@ -6,6 +6,7 @@ import { useState, useRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { useTheme } from '../../contexts/ThemeContext.esm.js';
 import { CrossIcon } from '../icons/index.esm.js';
+import { useColorScheme } from '../../hooks/useColorScheme.esm.js';
 
 const overlaySelectTrigger = cva('w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between', {
   variants: {
@@ -227,9 +228,12 @@ const ChevronDownIcon = ({
  * Simple select component without additional button functionality.
  */
 const OverlaySelect = _a => {
+  var _b;
   var {
       className = '',
       colorScheme,
+      colorSchemeLight,
+      colorSchemeDark,
       size,
       error = false,
       success = false,
@@ -246,14 +250,15 @@ const OverlaySelect = _a => {
       overlayLabel,
       maxHeight = '200px'
     } = _a;
-    __rest(_a, ["className", "colorScheme", "size", "error", "success", "border", "filled", "disabled", "options", "showArrow", "value", "defaultValue", "onValueChange", "placeholder", "name", "overlayLabel", "maxHeight"]);
+    __rest(_a, ["className", "colorScheme", "colorSchemeLight", "colorSchemeDark", "size", "error", "success", "border", "filled", "disabled", "options", "showArrow", "value", "defaultValue", "onValueChange", "placeholder", "name", "overlayLabel", "maxHeight"]);
   const {
     theme
   } = useTheme();
   const [isOpen, setIsOpen] = useState(false);
   const triggerRef = useRef(null);
+  const effectiveColorScheme = (_b = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark)) !== null && _b !== void 0 ? _b : 'default';
   // Determine color scheme based on state
-  let finalColorScheme = colorScheme;
+  let finalColorScheme = effectiveColorScheme;
   if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
   const triggerClasses = overlaySelectTrigger({
     theme,

package/dist/react/components/overlaySelect/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/overlaySelect/index.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\n\nconst overlaySelectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-dash-primary-dark-blue',\n        dark: 'text-white'\n      },\n      colorScheme: {\n        default: '',\n        brand: '',\n        error: '',\n        success: '',\n        gray: '',\n        lightGray: ''\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      },\n      filled: {\n        false: '',\n        true: ''\n      }\n    },\n    compoundVariants: [\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'light',\n        class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-gray-600/50 focus:outline-gray-500'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'light',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-gray-700/20'\n      },\n      // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      // Default background when not filled\n      {\n        filled: false,\n        theme: 'light',\n        class: 'bg-white'\n      },\n      {\n        filled: false,\n        theme: 'dark',\n        class: 'bg-gray-800'\n      },\n      // Filled variants\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'light',\n        class: 'bg-white text-gray-900'\n      },\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-700 text-white'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'light',\n        class: 'bg-blue-50 text-blue-700'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-blue-900/30 text-blue-300'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'light',\n        class: 'bg-red-50 text-red-700'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-red-500/20 text-red-400'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'light',\n        class: 'bg-green-50 text-green-700'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-green-500/20 text-green-400'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-800'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-200'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false,\n      filled: false\n    }\n  }\n)\n\nconst overlayContent = cva(\n  'absolute z-50 min-w-full overflow-hidden shadow-lg',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-[rgba(12,28,51,0.05)]',\n        dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'\n      },\n      size: {\n        sm: 'rounded-[0.625rem]',\n        md: 'rounded-[0.875rem]',\n        xl: 'rounded-[1rem]'\n      }\n    }\n  }\n)\n\nconst overlayItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] hover:bg-gray-50',\n        dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\n\n\ntype OverlaySelectVariants = VariantProps<typeof overlaySelectTrigger>\n\nexport interface OverlaySelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface OverlaySelectProps extends Omit<OverlaySelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  filled?: boolean\n  options?: OverlaySelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n  overlayLabel?: string\n  maxHeight?: string\n}\n\n// Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width='15'\n    height='15'\n    viewBox='0 0 15 15'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n  >\n    <path\n      d='m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z'\n      fill='currentColor'\n      fillRule='evenodd'\n      clipRule='evenodd'\n    />\n  </svg>\n)\n\n\n\n\n\n/**\n * Overlay select component that opens above the trigger with overlay positioning.\n * Simple select component without additional button functionality.\n */\nexport const OverlaySelect: React.FC<OverlaySelectProps> = ({\n  className = '',\n  colorScheme,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  filled = false,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option...',\n  name,\n  overlayLabel,\n  maxHeight = '200px',\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  // Determine color scheme based on state\n  let finalColorScheme = colorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = overlaySelectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    filled,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = overlayContent({ theme, size })\n  const itemClasses = overlayItem({ theme, size })\n\n\n  const selectedOption = options.find(opt => opt.value === value)\n\n  const handleOptionClick = (optionValue: string) => {\n    onValueChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n\n\n  return (\n    <div className='relative'>\n      <button\n        ref={triggerRef}\n        type='button'\n        className={triggerClasses}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        name={name}\n      >\n        <div className='w-full flex-1 text-left'>\n          {selectedOption ? (\n            selectedOption.content || selectedOption.label\n          ) : (\n            <span className={theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}>\n              {placeholder}\n            </span>\n          )}\n        </div>\n        {showArrow && (\n          <ChevronDownIcon \n            className={`transition-transform ${isOpen ? 'rotate-180' : ''} ${\n              size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'\n            }`} \n          />\n        )}\n      </button>\n\n      {isOpen && (\n        <>\n          {/* Backdrop */}\n          <div \n            className='fixed inset-0 z-40' \n            onClick={() => setIsOpen(false)}\n          />\n          \n          {/* Overlay content */}\n          <div\n            className={`${contentClasses} top-0 left-0 right-0`}\n            style={{ maxHeight }}\n          >\n            {/* Overlay label */}\n            {overlayLabel && (\n              <div \n                className={`${itemClasses} font-medium border-b rounded-b-none cursor-pointer ${\n                  theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'\n                }`}\n                onClick={() => setIsOpen(false)}\n              >\n                <div className='w-full flex-1'>\n                  {overlayLabel}\n                </div>\n                <div className='flex items-center pl-1'>\n                  <CrossIcon\n                    size={16} \n                    color={theme === 'dark' ? '#FFFFFF' : '#0C1C33'}\n                    className='cursor-pointer'\n                  />\n                </div>\n              </div>\n            )}\n            \n            {/* Options */}\n            <div className='overflow-y-auto' style={{ maxHeight: `calc(${maxHeight} - ${overlayLabel ? '50px' : '0px'})` }}>\n              {options.map((option, index) => (\n                <div\n                  key={option.value}\n                  className={`${itemClasses} ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${\n                    index < options.length - 1 \n                      ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}`\n                      : ''\n                  }`}\n                  onClick={() => !option.disabled && handleOptionClick(option.value)}\n                >\n                  <div className='w-full flex-1 text-left'>\n                    {option.content || option.label}\n                  </div>\n                </div>\n              ))}\n            </div>\n            \n\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default OverlaySelect\n"],"names":["overlaySelectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","gray","lightGray","size","sm","md","xl","border","true","false","disabled","filled","compoundVariants","class","defaultVariants","overlayContent","overlayItem","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","OverlaySelect","_a","options","showArrow","value","defaultValue","onValueChange","placeholder","name","overlayLabel","maxHeight","props","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","finalColorScheme","triggerClasses","contentClasses","itemClasses","selectedOption","find","opt","handleOptionClick","optionValue","_jsxs","children","ref","type","onClick","content","label","style","CrossIcon","color","map","option","index","length"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/overlaySelect/index.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\nconst overlaySelectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-dash-primary-dark-blue',\n        dark: 'text-white'\n      },\n      colorScheme: {\n        default: '',\n        brand: '',\n        error: '',\n        success: '',\n        gray: '',\n        lightGray: ''\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      },\n      filled: {\n        false: '',\n        true: ''\n      }\n    },\n    compoundVariants: [\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'light',\n        class: 'outline-[rgba(12,28,51,0.20)] focus:outline-[rgba(12,28,51,0.35)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-gray-600/50 focus:outline-gray-500'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'light',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: true,\n        theme: 'dark',\n        class: 'outline-dash-primary-dark-blue/[0.05] focus:outline-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        colorScheme: 'gray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-gray-700/20'\n      },\n      // New lightGray scheme using dash-primary-dark-blue with 3% base and 5% hover\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        border: false,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      {\n        colorScheme: 'lightGray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-dash-primary-dark-blue/[0.03] hover:bg-dash-primary-dark-blue/[0.05]'\n      },\n      // Default background when not filled\n      {\n        filled: false,\n        theme: 'light',\n        class: 'bg-white'\n      },\n      {\n        filled: false,\n        theme: 'dark',\n        class: 'bg-gray-800'\n      },\n      // Filled variants\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'light',\n        class: 'bg-white text-gray-900'\n      },\n      {\n        colorScheme: 'default',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-700 text-white'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'light',\n        class: 'bg-blue-50 text-blue-700'\n      },\n      {\n        colorScheme: 'brand',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-blue-900/30 text-blue-300'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'light',\n        class: 'bg-red-50 text-red-700'\n      },\n      {\n        colorScheme: 'error',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-red-500/20 text-red-400'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'light',\n        class: 'bg-green-50 text-green-700'\n      },\n      {\n        colorScheme: 'success',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-green-500/20 text-green-400'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-800'\n      },\n      {\n        colorScheme: 'gray',\n        filled: true,\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-200'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false,\n      filled: false\n    }\n  }\n)\n\nconst overlayContent = cva(\n  'absolute z-50 min-w-full overflow-hidden shadow-lg',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-[rgba(12,28,51,0.05)]',\n        dark: 'bg-[rgba(255,255,255,0.15)] border border-[rgba(255,255,255,0.15)] backdrop-blur-[256px]'\n      },\n      size: {\n        sm: 'rounded-[0.625rem]',\n        md: 'rounded-[0.875rem]',\n        xl: 'rounded-[1rem]'\n      }\n    }\n  }\n)\n\nconst overlayItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 rounded-none',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] hover:bg-gray-50',\n        dark: 'text-white hover:bg-[rgba(255,255,255,0.1)]'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\n\n\ntype OverlaySelectVariants = VariantProps<typeof overlaySelectTrigger>\n\nexport interface OverlaySelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface OverlaySelectProps extends Omit<OverlaySelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  filled?: boolean\n  options?: OverlaySelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n  overlayLabel?: string\n  maxHeight?: string\n  /** Color scheme override for light theme */\n  colorSchemeLight?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\n  /** Color scheme override for dark theme */\n  colorSchemeDark?: 'default' | 'brand' | 'error' | 'success' | 'gray' | 'lightGray'\n}\n\n// Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width='15'\n    height='15'\n    viewBox='0 0 15 15'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n  >\n    <path\n      d='m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z'\n      fill='currentColor'\n      fillRule='evenodd'\n      clipRule='evenodd'\n    />\n  </svg>\n)\n\n\n\n\n\n/**\n * Overlay select component that opens above the trigger with overlay positioning.\n * Simple select component without additional button functionality.\n */\nexport const OverlaySelect: React.FC<OverlaySelectProps> = ({\n  className = '',\n  colorScheme,\n  colorSchemeLight,\n  colorSchemeDark,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  filled = false,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = 'Select an option...',\n  name,\n  overlayLabel,\n  maxHeight = '200px',\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const [isOpen, setIsOpen] = useState(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const effectiveColorScheme = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark) ?? 'default'\n\n  // Determine color scheme based on state\n  let finalColorScheme: typeof effectiveColorScheme = effectiveColorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = overlaySelectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    filled,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = overlayContent({ theme, size })\n  const itemClasses = overlayItem({ theme, size })\n\n\n  const selectedOption = options.find(opt => opt.value === value)\n\n  const handleOptionClick = (optionValue: string) => {\n    onValueChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n\n\n  return (\n    <div className='relative'>\n      <button\n        ref={triggerRef}\n        type='button'\n        className={triggerClasses}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        disabled={disabled}\n        name={name}\n      >\n        <div className='w-full flex-1 text-left'>\n          {selectedOption ? (\n            selectedOption.content || selectedOption.label\n          ) : (\n            <span className={theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}>\n              {placeholder}\n            </span>\n          )}\n        </div>\n        {showArrow && (\n          <ChevronDownIcon \n            className={`transition-transform ${isOpen ? 'rotate-180' : ''} ${\n              size === 'sm' ? 'w-3 h-3' : 'w-4 h-4'\n            }`} \n          />\n        )}\n      </button>\n\n      {isOpen && (\n        <>\n          {/* Backdrop */}\n          <div \n            className='fixed inset-0 z-40' \n            onClick={() => setIsOpen(false)}\n          />\n          \n          {/* Overlay content */}\n          <div\n            className={`${contentClasses} top-0 left-0 right-0`}\n            style={{ maxHeight }}\n          >\n            {/* Overlay label */}\n            {overlayLabel && (\n              <div \n                className={`${itemClasses} font-medium border-b rounded-b-none cursor-pointer ${\n                  theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'\n                }`}\n                onClick={() => setIsOpen(false)}\n              >\n                <div className='w-full flex-1'>\n                  {overlayLabel}\n                </div>\n                <div className='flex items-center pl-1'>\n                  <CrossIcon\n                    size={16} \n                    color={theme === 'dark' ? '#FFFFFF' : '#0C1C33'}\n                    className='cursor-pointer'\n                  />\n                </div>\n              </div>\n            )}\n            \n            {/* Options */}\n            <div className='overflow-y-auto' style={{ maxHeight: `calc(${maxHeight} - ${overlayLabel ? '50px' : '0px'})` }}>\n              {options.map((option, index) => (\n                <div\n                  key={option.value}\n                  className={`${itemClasses} ${option.disabled ? 'opacity-50 cursor-not-allowed' : ''} ${\n                    index < options.length - 1 \n                      ? `border-b ${theme === 'dark' ? 'border-[rgba(255,255,255,0.15)]' : 'border-[rgba(12,28,51,0.05)]'}`\n                      : ''\n                  }`}\n                  onClick={() => !option.disabled && handleOptionClick(option.value)}\n                >\n                  <div className='w-full flex-1 text-left'>\n                    {option.content || option.label}\n                  </div>\n                </div>\n              ))}\n            </div>\n            \n\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default OverlaySelect\n"],"names":["overlaySelectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","gray","lightGray","size","sm","md","xl","border","true","false","disabled","filled","compoundVariants","class","defaultVariants","overlayContent","overlayItem","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","OverlaySelect","_a","colorSchemeLight","colorSchemeDark","options","showArrow","value","defaultValue","onValueChange","placeholder","name","overlayLabel","maxHeight","__rest","useTheme","isOpen","setIsOpen","useState","triggerRef","useRef","effectiveColorScheme","_b","useColorScheme","finalColorScheme","triggerClasses","contentClasses","itemClasses","selectedOption","find","opt","handleOptionClick","optionValue","_jsxs","children","ref","type","onClick","content","label","style","CrossIcon","color","map","option","index","length"],"mappings":"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"}

package/dist/react/components/progressStepBar/index.cjs.js

@@ -4,6 +4,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+var useColorScheme = require('../../hooks/useColorScheme.cjs.js');
 
 const colorConfig = {
   blue: {
@@ -29,12 +30,16 @@ function ProgressStepBar({
   currentStep,
   totalSteps,
   className = '',
-  color = 'blue'
+  color,
+  colorLight,
+  colorDark
 }) {
+  var _a;
   const {
     theme
   } = ThemeContext.useTheme();
-  const colors = colorConfig[color];
+  const effectiveColor = (_a = useColorScheme.useColorScheme(color, colorLight, colorDark)) !== null && _a !== void 0 ? _a : 'blue';
+  const colors = colorConfig[effectiveColor];
   return jsxRuntime.jsx("div", {
     className: `flex gap-2 w-full ${className}`,
     children: Array.from({

package/dist/react/components/progressStepBar/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/progressStepBar/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\n\ninterface ProgressStepBarProps {\n  currentStep: number\n  totalSteps: number\n  className?: string\n  color?: 'blue' | 'red' | 'orange'\n}\n\nconst colorConfig = {\n  blue: {\n    active: 'bg-[var(--color-dash-brand)]',\n    activeDark: 'bg-[var(--color-dash-brand-dim)]',\n    inactive: 'bg-[rgba(76,126,255,0.16)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  red: {\n    active: 'bg-[var(--color-dash-red)]',\n    activeDark: 'bg-[var(--color-dash-red-75)]',\n    inactive: 'bg-[var(--color-dash-red-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  orange: {\n    active: 'bg-[var(--color-dash-orange)]',\n    activeDark: 'bg-[var(--color-dash-orange-75)]',\n    inactive: 'bg-[var(--color-dash-orange-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n}\n\nexport function ProgressStepBar({ \n  currentStep, \n  totalSteps, \n  className = '',\n  color = 'blue'\n}: ProgressStepBarProps): React.JSX.Element {\n  const { theme } = useTheme()\n  const colors = colorConfig[color]\n  \n  return (\n    <div className={`flex gap-2 w-full ${className}`}>\n      {Array.from({ length: totalSteps }, (_, index) => (\n        <div\n          key={index}\n          className={`h-1.5 rounded-2xl flex-1 transition-colors ${\n            index < currentStep \n              ? theme === 'dark' \n                ? colors.activeDark \n                : colors.active\n              : theme === 'dark' \n                ? colors.inactiveDark \n                : colors.inactive\n          }`}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport type { ProgressStepBarProps } "],"names":["colorConfig","blue","active","activeDark","inactive","inactiveDark","red","orange","ProgressStepBar","currentStep","totalSteps","className","color","theme","useTheme","colors","_jsx","children","Array","from","length","_","index"],"mappings":";;;;;;;AAUA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,8BAA8B;AACtCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,4BAA4B;AACtCC,IAAAA,YAAY,EAAE;GACf;AACDC,EAAAA,GAAG,EAAE;AACHJ,IAAAA,MAAM,EAAE,4BAA4B;AACpCC,IAAAA,UAAU,EAAE,+BAA+B;AAC3CC,IAAAA,QAAQ,EAAE,+BAA+B;AACzCC,IAAAA,YAAY,EAAE;GACf;AACDE,EAAAA,MAAM,EAAE;AACNL,IAAAA,MAAM,EAAE,+BAA+B;AACvCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,YAAY,EAAE;AACf;CACF;AAEe,SAAAG,eAAeA,CAAC;EAC9BC,WAAW;EACXC,UAAU;AACVC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,KAAK,GAAG;AACa,CAAA,EAAA;EACrB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,qBAAQ,EAAE;AAC5B,EAAA,MAAMC,MAAM,GAAGf,WAAW,CAACY,KAAK,CAAC;EAEjC,OACEI,cAAA,CAAA,KAAA,EAAA;IAAKL,SAAS,EAAE,CAAqBA,kBAAAA,EAAAA,SAAS,CAAE,CAAA;AAC7CM,IAAAA,QAAA,EAAAC,KAAK,CAACC,IAAI,CAAC;AAAEC,MAAAA,MAAM,EAAEV;KAAY,EAAE,CAACW,CAAC,EAAEC,KAAK,KAC3CN,cAAA,CAAA,KAAA,EAAA;AAEEL,MAAAA,SAAS,EAAE,CAAA,2CAAA,EACTW,KAAK,GAAGb,WAAW,GACfI,KAAK,KAAK,MAAM,GACdE,MAAM,CAACZ,UAAU,GACjBY,MAAM,CAACb,MAAM,GACfW,KAAK,KAAK,MAAM,GACdE,MAAM,CAACV,YAAY,GACnBU,MAAM,CAACX,QACf,CAAA;KAAE,EATGkB,KAAK,CAWb;AACG,GAAA,CAAA;AAEV;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/progressStepBar/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\ntype ProgressColor = 'blue' | 'red' | 'orange'\n\ninterface ProgressStepBarProps {\n  currentStep: number\n  totalSteps: number\n  className?: string\n  color?: ProgressColor\n  colorLight?: ProgressColor\n  colorDark?: ProgressColor\n}\n\nconst colorConfig = {\n  blue: {\n    active: 'bg-[var(--color-dash-brand)]',\n    activeDark: 'bg-[var(--color-dash-brand-dim)]',\n    inactive: 'bg-[rgba(76,126,255,0.16)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  red: {\n    active: 'bg-[var(--color-dash-red)]',\n    activeDark: 'bg-[var(--color-dash-red-75)]',\n    inactive: 'bg-[var(--color-dash-red-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  orange: {\n    active: 'bg-[var(--color-dash-orange)]',\n    activeDark: 'bg-[var(--color-dash-orange-75)]',\n    inactive: 'bg-[var(--color-dash-orange-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n}\n\nexport function ProgressStepBar({ \n  currentStep, \n  totalSteps, \n  className = '',\n  color,\n  colorLight,\n  colorDark\n}: ProgressStepBarProps): React.JSX.Element {\n  const { theme } = useTheme()\n  const effectiveColor = useColorScheme(color, colorLight, colorDark) ?? 'blue'\n  const colors = colorConfig[effectiveColor]\n  \n  return (\n    <div className={`flex gap-2 w-full ${className}`}>\n      {Array.from({ length: totalSteps }, (_, index) => (\n        <div\n          key={index}\n          className={`h-1.5 rounded-2xl flex-1 transition-colors ${\n            index < currentStep \n              ? theme === 'dark' \n                ? colors.activeDark \n                : colors.active\n              : theme === 'dark' \n                ? colors.inactiveDark \n                : colors.inactive\n          }`}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport type { ProgressStepBarProps } "],"names":["colorConfig","blue","active","activeDark","inactive","inactiveDark","red","orange","ProgressStepBar","currentStep","totalSteps","className","color","colorLight","colorDark","theme","useTheme","effectiveColor","_a","useColorScheme","colors","_jsx","children","Array","from","length","_","index"],"mappings":";;;;;;;;AAeA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,8BAA8B;AACtCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,4BAA4B;AACtCC,IAAAA,YAAY,EAAE;GACf;AACDC,EAAAA,GAAG,EAAE;AACHJ,IAAAA,MAAM,EAAE,4BAA4B;AACpCC,IAAAA,UAAU,EAAE,+BAA+B;AAC3CC,IAAAA,QAAQ,EAAE,+BAA+B;AACzCC,IAAAA,YAAY,EAAE;GACf;AACDE,EAAAA,MAAM,EAAE;AACNL,IAAAA,MAAM,EAAE,+BAA+B;AACvCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,YAAY,EAAE;AACf;CACF;SAEeG,eAAeA,CAAC;EAC9BC,WAAW;EACXC,UAAU;AACVC,EAAAA,SAAS,GAAG,EAAE;EACdC,KAAK;EACLC,UAAU;AACVC,EAAAA;AACqB,CAAA,EAAA;;EACrB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,qBAAQ,EAAE;EAC5B,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAC,6BAAc,CAACP,KAAK,EAAEC,UAAU,EAAEC,SAAS,CAAC,MAAA,IAAA,IAAAI,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,MAAM;AAC7E,EAAA,MAAME,MAAM,GAAGpB,WAAW,CAACiB,cAAc,CAAC;EAE1C,OACEI,cAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAE,CAAqBA,kBAAAA,EAAAA,SAAS,CAAE,CAAA;AAC7CW,IAAAA,QAAA,EAAAC,KAAK,CAACC,IAAI,CAAC;AAAEC,MAAAA,MAAM,EAAEf;KAAY,EAAE,CAACgB,CAAC,EAAEC,KAAK,KAC3CN,cAAA,CAAA,KAAA,EAAA;AAEEV,MAAAA,SAAS,EAAE,CAAA,2CAAA,EACTgB,KAAK,GAAGlB,WAAW,GACfM,KAAK,KAAK,MAAM,GACdK,MAAM,CAACjB,UAAU,GACjBiB,MAAM,CAAClB,MAAM,GACfa,KAAK,KAAK,MAAM,GACdK,MAAM,CAACf,YAAY,GACnBe,MAAM,CAAChB,QACf,CAAA;KAAE,EATGuB,KAAK,CAWb;AACG,GAAA,CAAA;AAEV;;;;"}

package/dist/react/components/progressStepBar/index.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+type ProgressColor = 'blue' | 'red' | 'orange';
 interface ProgressStepBarProps {
     currentStep: number;
     totalSteps: number;
     className?: string;
-    color?: 'blue' | 'red' | 'orange';
+    color?: ProgressColor;
+    colorLight?: ProgressColor;
+    colorDark?: ProgressColor;
 }
-export declare function ProgressStepBar({ currentStep, totalSteps, className, color }: ProgressStepBarProps): React.JSX.Element;
+export declare function ProgressStepBar({ currentStep, totalSteps, className, color, colorLight, colorDark }: ProgressStepBarProps): React.JSX.Element;
 export type { ProgressStepBarProps };

package/dist/react/components/progressStepBar/index.esm.js

@@ -2,6 +2,7 @@
 
 import { jsx } from 'react/jsx-runtime';
 import { useTheme } from '../../contexts/ThemeContext.esm.js';
+import { useColorScheme } from '../../hooks/useColorScheme.esm.js';
 
 const colorConfig = {
   blue: {
@@ -27,12 +28,16 @@ function ProgressStepBar({
   currentStep,
   totalSteps,
   className = '',
-  color = 'blue'
+  color,
+  colorLight,
+  colorDark
 }) {
+  var _a;
   const {
     theme
   } = useTheme();
-  const colors = colorConfig[color];
+  const effectiveColor = (_a = useColorScheme(color, colorLight, colorDark)) !== null && _a !== void 0 ? _a : 'blue';
+  const colors = colorConfig[effectiveColor];
   return jsx("div", {
     className: `flex gap-2 w-full ${className}`,
     children: Array.from({

package/dist/react/components/progressStepBar/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/progressStepBar/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\n\ninterface ProgressStepBarProps {\n  currentStep: number\n  totalSteps: number\n  className?: string\n  color?: 'blue' | 'red' | 'orange'\n}\n\nconst colorConfig = {\n  blue: {\n    active: 'bg-[var(--color-dash-brand)]',\n    activeDark: 'bg-[var(--color-dash-brand-dim)]',\n    inactive: 'bg-[rgba(76,126,255,0.16)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  red: {\n    active: 'bg-[var(--color-dash-red)]',\n    activeDark: 'bg-[var(--color-dash-red-75)]',\n    inactive: 'bg-[var(--color-dash-red-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  orange: {\n    active: 'bg-[var(--color-dash-orange)]',\n    activeDark: 'bg-[var(--color-dash-orange-75)]',\n    inactive: 'bg-[var(--color-dash-orange-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n}\n\nexport function ProgressStepBar({ \n  currentStep, \n  totalSteps, \n  className = '',\n  color = 'blue'\n}: ProgressStepBarProps): React.JSX.Element {\n  const { theme } = useTheme()\n  const colors = colorConfig[color]\n  \n  return (\n    <div className={`flex gap-2 w-full ${className}`}>\n      {Array.from({ length: totalSteps }, (_, index) => (\n        <div\n          key={index}\n          className={`h-1.5 rounded-2xl flex-1 transition-colors ${\n            index < currentStep \n              ? theme === 'dark' \n                ? colors.activeDark \n                : colors.active\n              : theme === 'dark' \n                ? colors.inactiveDark \n                : colors.inactive\n          }`}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport type { ProgressStepBarProps } "],"names":["colorConfig","blue","active","activeDark","inactive","inactiveDark","red","orange","ProgressStepBar","currentStep","totalSteps","className","color","theme","useTheme","colors","_jsx","children","Array","from","length","_","index"],"mappings":";;;;;AAUA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,8BAA8B;AACtCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,4BAA4B;AACtCC,IAAAA,YAAY,EAAE;GACf;AACDC,EAAAA,GAAG,EAAE;AACHJ,IAAAA,MAAM,EAAE,4BAA4B;AACpCC,IAAAA,UAAU,EAAE,+BAA+B;AAC3CC,IAAAA,QAAQ,EAAE,+BAA+B;AACzCC,IAAAA,YAAY,EAAE;GACf;AACDE,EAAAA,MAAM,EAAE;AACNL,IAAAA,MAAM,EAAE,+BAA+B;AACvCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,YAAY,EAAE;AACf;CACF;AAEe,SAAAG,eAAeA,CAAC;EAC9BC,WAAW;EACXC,UAAU;AACVC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,KAAK,GAAG;AACa,CAAA,EAAA;EACrB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;AAC5B,EAAA,MAAMC,MAAM,GAAGf,WAAW,CAACY,KAAK,CAAC;EAEjC,OACEI,GAAA,CAAA,KAAA,EAAA;IAAKL,SAAS,EAAE,CAAqBA,kBAAAA,EAAAA,SAAS,CAAE,CAAA;AAC7CM,IAAAA,QAAA,EAAAC,KAAK,CAACC,IAAI,CAAC;AAAEC,MAAAA,MAAM,EAAEV;KAAY,EAAE,CAACW,CAAC,EAAEC,KAAK,KAC3CN,GAAA,CAAA,KAAA,EAAA;AAEEL,MAAAA,SAAS,EAAE,CAAA,2CAAA,EACTW,KAAK,GAAGb,WAAW,GACfI,KAAK,KAAK,MAAM,GACdE,MAAM,CAACZ,UAAU,GACjBY,MAAM,CAACb,MAAM,GACfW,KAAK,KAAK,MAAM,GACdE,MAAM,CAACV,YAAY,GACnBU,MAAM,CAACX,QACf,CAAA;KAAE,EATGkB,KAAK,CAWb;AACG,GAAA,CAAA;AAEV;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/progressStepBar/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\ntype ProgressColor = 'blue' | 'red' | 'orange'\n\ninterface ProgressStepBarProps {\n  currentStep: number\n  totalSteps: number\n  className?: string\n  color?: ProgressColor\n  colorLight?: ProgressColor\n  colorDark?: ProgressColor\n}\n\nconst colorConfig = {\n  blue: {\n    active: 'bg-[var(--color-dash-brand)]',\n    activeDark: 'bg-[var(--color-dash-brand-dim)]',\n    inactive: 'bg-[rgba(76,126,255,0.16)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  red: {\n    active: 'bg-[var(--color-dash-red)]',\n    activeDark: 'bg-[var(--color-dash-red-75)]',\n    inactive: 'bg-[var(--color-dash-red-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n  orange: {\n    active: 'bg-[var(--color-dash-orange)]',\n    activeDark: 'bg-[var(--color-dash-orange-75)]',\n    inactive: 'bg-[var(--color-dash-orange-15)]',\n    inactiveDark: 'bg-gray-700',\n  },\n}\n\nexport function ProgressStepBar({ \n  currentStep, \n  totalSteps, \n  className = '',\n  color,\n  colorLight,\n  colorDark\n}: ProgressStepBarProps): React.JSX.Element {\n  const { theme } = useTheme()\n  const effectiveColor = useColorScheme(color, colorLight, colorDark) ?? 'blue'\n  const colors = colorConfig[effectiveColor]\n  \n  return (\n    <div className={`flex gap-2 w-full ${className}`}>\n      {Array.from({ length: totalSteps }, (_, index) => (\n        <div\n          key={index}\n          className={`h-1.5 rounded-2xl flex-1 transition-colors ${\n            index < currentStep \n              ? theme === 'dark' \n                ? colors.activeDark \n                : colors.active\n              : theme === 'dark' \n                ? colors.inactiveDark \n                : colors.inactive\n          }`}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport type { ProgressStepBarProps } "],"names":["colorConfig","blue","active","activeDark","inactive","inactiveDark","red","orange","ProgressStepBar","currentStep","totalSteps","className","color","colorLight","colorDark","theme","useTheme","effectiveColor","_a","useColorScheme","colors","_jsx","children","Array","from","length","_","index"],"mappings":";;;;;;AAeA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,8BAA8B;AACtCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,4BAA4B;AACtCC,IAAAA,YAAY,EAAE;GACf;AACDC,EAAAA,GAAG,EAAE;AACHJ,IAAAA,MAAM,EAAE,4BAA4B;AACpCC,IAAAA,UAAU,EAAE,+BAA+B;AAC3CC,IAAAA,QAAQ,EAAE,+BAA+B;AACzCC,IAAAA,YAAY,EAAE;GACf;AACDE,EAAAA,MAAM,EAAE;AACNL,IAAAA,MAAM,EAAE,+BAA+B;AACvCC,IAAAA,UAAU,EAAE,kCAAkC;AAC9CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,YAAY,EAAE;AACf;CACF;SAEeG,eAAeA,CAAC;EAC9BC,WAAW;EACXC,UAAU;AACVC,EAAAA,SAAS,GAAG,EAAE;EACdC,KAAK;EACLC,UAAU;AACVC,EAAAA;AACqB,CAAA,EAAA;;EACrB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAC5B,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAC,cAAc,CAACP,KAAK,EAAEC,UAAU,EAAEC,SAAS,CAAC,MAAA,IAAA,IAAAI,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,MAAM;AAC7E,EAAA,MAAME,MAAM,GAAGpB,WAAW,CAACiB,cAAc,CAAC;EAE1C,OACEI,GAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAE,CAAqBA,kBAAAA,EAAAA,SAAS,CAAE,CAAA;AAC7CW,IAAAA,QAAA,EAAAC,KAAK,CAACC,IAAI,CAAC;AAAEC,MAAAA,MAAM,EAAEf;KAAY,EAAE,CAACgB,CAAC,EAAEC,KAAK,KAC3CN,GAAA,CAAA,KAAA,EAAA;AAEEV,MAAAA,SAAS,EAAE,CAAA,2CAAA,EACTgB,KAAK,GAAGlB,WAAW,GACfM,KAAK,KAAK,MAAM,GACdK,MAAM,CAACjB,UAAU,GACjBiB,MAAM,CAAClB,MAAM,GACfa,KAAK,KAAK,MAAM,GACdK,MAAM,CAACf,YAAY,GACnBe,MAAM,CAAChB,QACf,CAAA;KAAE,EATGuB,KAAK,CAWb;AACG,GAAA,CAAA;AAEV;;;;"}

package/dist/react/components/select/index.cjs.js

@@ -9,6 +9,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
 var RadixSelect = require('@radix-ui/react-select');
+var useColorScheme = require('../../hooks/useColorScheme.cjs.js');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -146,9 +147,12 @@ const ChevronDownIcon = ({
  * />
  */
 const Select = _a => {
+  var _b;
   var {
       className = '',
       colorScheme,
+      colorSchemeLight,
+      colorSchemeDark,
       size,
       error = false,
       success = false,
@@ -162,12 +166,13 @@ const Select = _a => {
       placeholder = 'Select an option...',
       name
     } = _a;
-    tslib.__rest(_a, ["className", "colorScheme", "size", "error", "success", "border", "disabled", "options", "showArrow", "value", "defaultValue", "onChange", "placeholder", "name"]);
+    tslib.__rest(_a, ["className", "colorScheme", "colorSchemeLight", "colorSchemeDark", "size", "error", "success", "border", "disabled", "options", "showArrow", "value", "defaultValue", "onChange", "placeholder", "name"]);
   const {
     theme
   } = ThemeContext.useTheme();
+  const effectiveColorScheme = (_b = useColorScheme.useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark)) !== null && _b !== void 0 ? _b : 'default';
   // Determine color scheme based on state
-  let finalColorScheme = colorScheme;
+  let finalColorScheme = effectiveColorScheme;
   if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
   const triggerClasses = selectTrigger({
     theme,

package/dist/react/components/select/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/select/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport * as RadixSelect from '@radix-ui/react-select'\n\nconst selectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] focus:ring-2 inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] bg-white',\n        dark: 'text-white bg-gray-800'\n      },\n      colorScheme: {\n        default: 'focus:ring-blue-500/20',\n        brand: 'focus:ring-dash-brand/20',\n        error: 'focus:ring-red-500/20',\n        success: 'focus:ring-green-500/20'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      }\n    },\n    compoundVariants: [\n      // Outline colors by colorScheme - only when border is true\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false\n    }\n  }\n)\n\nconst selectContent = cva(\n  'overflow-hidden z-50 rounded-md shadow-lg min-w-[var(--radix-select-trigger-width)] w-full max-h-[var(--radix-select-content-available-height)]',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-gray-200',\n        dark: 'bg-gray-800 border border-gray-700'\n      }\n    }\n  }\n)\n\nconst selectViewport = cva(\n  'overflow-y-auto max-h-[inherit]'\n)\n\nconst selectItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-900 focus:bg-gray-100',\n        dark: 'text-gray-100 focus:bg-gray-700'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\nconst selectIcon = cva(\n  'pointer-events-none flex items-center justify-center transition-transform',\n  {\n    variants: {\n      size: {\n        sm: 'w-3 h-3',\n        md: 'w-4 h-4',\n        xl: 'w-4 h-4'\n      }\n    }\n  }\n)\n\ntype SelectVariants = VariantProps<typeof selectTrigger>\n\nexport interface SelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface SelectProps extends Omit<SelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  options?: SelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n}\n\n  // Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n\n/**\n * A versatile select component built on Radix UI that adapts to light/dark theme,\n * supports various color schemes, sizes, variants, states, and HTML content in options.\n *\n * @example\n * <Select\n *   options={[\n *     {value: 'id1', label: 'Option 1'}, \n *     {value: 'id2', label: 'Option 2', content: <div><strong>Option 2</strong><br/>Description</div>}\n *   ]}\n *   colorScheme=\"default\"\n *   size=\"xl\"\n *   border={true}\n * />\n */\nexport const Select: React.FC<SelectProps> = ({\n  className = '',\n  colorScheme,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Select an option...',\n  name,\n  ...props\n}) => {\n  const { theme } = useTheme()\n\n  // Determine color scheme based on state\n  let finalColorScheme = colorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = selectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = selectContent({ theme })\n  const viewportClasses = selectViewport({})\n  const itemClasses = selectItem({ theme, size })\n  const iconClasses = selectIcon({ size })\n\n  return (\n    <RadixSelect.Root\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onChange}\n      disabled={disabled}\n      name={name}\n    >\n      <RadixSelect.Trigger className={triggerClasses}>\n        <div className='w-full flex-1 text-left'>\n          <RadixSelect.Value placeholder={placeholder} />\n        </div>\n        {showArrow && (\n          <RadixSelect.Icon asChild>\n            <ChevronDownIcon className={iconClasses} />\n          </RadixSelect.Icon>\n        )}\n      </RadixSelect.Trigger>\n\n      <RadixSelect.Portal>\n        <RadixSelect.Content className={contentClasses} position='popper' sideOffset={5}>\n          <RadixSelect.Viewport className={viewportClasses}>\n            {options.map((option) => (\n              <RadixSelect.Item\n                key={option.value}\n                value={option.value}\n                className={itemClasses}\n                disabled={option.disabled}\n              >\n                <div className='w-full flex-1 text-left'>\n                  <RadixSelect.ItemText className='w-full'>\n                    {option.content || option.label}\n                  </RadixSelect.ItemText>\n                </div>\n              </RadixSelect.Item>\n              ))}\n          </RadixSelect.Viewport>\n        </RadixSelect.Content>\n      </RadixSelect.Portal>\n    </RadixSelect.Root>\n  )\n}\n\nexport default Select\n"],"names":["selectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","size","sm","md","xl","border","true","false","disabled","compoundVariants","class","defaultVariants","selectContent","selectViewport","selectItem","selectIcon","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","Select","_a","options","showArrow","value","defaultValue","onChange","placeholder","name","props","__rest","useTheme","finalColorScheme","triggerClasses","contentClasses","viewportClasses","itemClasses","iconClasses","_jsxs","RadixSelect","Root","onValueChange","children","Trigger","Value","Icon","asChild","Portal","Content","position","sideOffset","Viewport","map","option","Item","ItemText","content","label"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/select/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport * as RadixSelect from '@radix-ui/react-select'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\nconst selectTrigger = cva(\n  'w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] focus:ring-2 inline-flex items-center justify-between',\n  {\n    variants: {\n      theme: {\n        light: 'text-[#0C1C33] bg-white',\n        dark: 'text-white bg-gray-800'\n      },\n      colorScheme: {\n        default: 'focus:ring-blue-500/20',\n        brand: 'focus:ring-dash-brand/20',\n        error: 'focus:ring-red-500/20',\n        success: 'focus:ring-green-500/20'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      },\n      border: {\n        true: 'outline outline-1 outline-offset-[-1px]',\n        false: ''\n      },\n      disabled: {\n        false: '',\n        true: 'opacity-60 cursor-not-allowed'\n      }\n    },\n    compoundVariants: [\n      // Outline colors by colorScheme - only when border is true\n      {\n        colorScheme: 'default',\n        border: true,\n        class: 'outline-[rgba(12,28,51,0.35)] focus:outline-[rgba(12,28,51,0.6)]'\n      },\n      {\n        colorScheme: 'brand',\n        border: true,\n        class: 'outline-dash-brand/30 focus:outline-dash-brand'\n      },\n      {\n        colorScheme: 'error',\n        border: true,\n        class: 'outline-red-500 focus:outline-red-500'\n      },\n      {\n        colorScheme: 'success',\n        border: true,\n        class: 'outline-green-500 focus:outline-green-500'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      colorScheme: 'default',\n      size: 'xl',\n      border: true,\n      disabled: false\n    }\n  }\n)\n\nconst selectContent = cva(\n  'overflow-hidden z-50 rounded-md shadow-lg min-w-[var(--radix-select-trigger-width)] w-full max-h-[var(--radix-select-content-available-height)]',\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-gray-200',\n        dark: 'bg-gray-800 border border-gray-700'\n      }\n    }\n  }\n)\n\nconst selectViewport = cva(\n  'overflow-y-auto max-h-[inherit]'\n)\n\nconst selectItem = cva(\n  'relative flex cursor-pointer select-none items-center outline-none focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-900 focus:bg-gray-100',\n        dark: 'text-gray-100 focus:bg-gray-700'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl'\n      }\n    }\n  }\n)\n\nconst selectIcon = cva(\n  'pointer-events-none flex items-center justify-center transition-transform',\n  {\n    variants: {\n      size: {\n        sm: 'w-3 h-3',\n        md: 'w-4 h-4',\n        xl: 'w-4 h-4'\n      }\n    }\n  }\n)\n\ntype SelectVariants = VariantProps<typeof selectTrigger>\n\nexport interface SelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n  content?: React.ReactNode\n}\n\nexport interface SelectProps extends Omit<SelectVariants, 'theme' | 'disabled'> {\n  className?: string\n  error?: boolean\n  success?: boolean\n  border?: boolean\n  options?: SelectOption[]\n  showArrow?: boolean\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  placeholder?: string\n  disabled?: boolean\n  name?: string\n  /** Color scheme override for light theme */\n  colorSchemeLight?: 'default' | 'brand' | 'error' | 'success'\n  /** Color scheme override for dark theme */\n  colorSchemeDark?: 'default' | 'brand' | 'error' | 'success'\n}\n\n  // Arrow icon\nconst ChevronDownIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"m4.93179 5.43179c0.20081-0.20081 0.52632-0.20081 0.72713 0l2.34108 2.34108 2.34108-2.34108c0.20081-0.20081 0.52632-0.20081 0.72713 0s0.20081 0.52632 0 0.72713l-2.70455 2.70455c-0.20081 0.20081-0.52632 0.20081-0.72713 0l-2.70455-2.70455c-0.20081-0.20081-0.20081-0.52632 0-0.72713z\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n\n/**\n * A versatile select component built on Radix UI that adapts to light/dark theme,\n * supports various color schemes, sizes, variants, states, and HTML content in options.\n *\n * @example\n * <Select\n *   options={[\n *     {value: 'id1', label: 'Option 1'}, \n *     {value: 'id2', label: 'Option 2', content: <div><strong>Option 2</strong><br/>Description</div>}\n *   ]}\n *   colorScheme=\"default\"\n *   size=\"xl\"\n *   border={true}\n * />\n */\nexport const Select: React.FC<SelectProps> = ({\n  className = '',\n  colorScheme,\n  colorSchemeLight,\n  colorSchemeDark,\n  size,\n  error = false,\n  success = false,\n  border = true,\n  disabled = false,\n  options = [],\n  showArrow = true,\n  value,\n  defaultValue,\n  onChange,\n  placeholder = 'Select an option...',\n  name,\n  ...props\n}) => {\n  const { theme } = useTheme()\n\n  const effectiveColorScheme = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark) ?? 'default'\n\n  // Determine color scheme based on state\n  let finalColorScheme: typeof effectiveColorScheme = effectiveColorScheme\n  if (error) finalColorScheme = 'error'\n  else if (success) finalColorScheme = 'success'\n\n  const triggerClasses = selectTrigger({\n    theme,\n    colorScheme: finalColorScheme,\n    size,\n    border,\n    disabled\n  }) + ' ' + className\n\n  const contentClasses = selectContent({ theme })\n  const viewportClasses = selectViewport({})\n  const itemClasses = selectItem({ theme, size })\n  const iconClasses = selectIcon({ size })\n\n  return (\n    <RadixSelect.Root\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={onChange}\n      disabled={disabled}\n      name={name}\n    >\n      <RadixSelect.Trigger className={triggerClasses}>\n        <div className='w-full flex-1 text-left'>\n          <RadixSelect.Value placeholder={placeholder} />\n        </div>\n        {showArrow && (\n          <RadixSelect.Icon asChild>\n            <ChevronDownIcon className={iconClasses} />\n          </RadixSelect.Icon>\n        )}\n      </RadixSelect.Trigger>\n\n      <RadixSelect.Portal>\n        <RadixSelect.Content className={contentClasses} position='popper' sideOffset={5}>\n          <RadixSelect.Viewport className={viewportClasses}>\n            {options.map((option) => (\n              <RadixSelect.Item\n                key={option.value}\n                value={option.value}\n                className={itemClasses}\n                disabled={option.disabled}\n              >\n                <div className='w-full flex-1 text-left'>\n                  <RadixSelect.ItemText className='w-full'>\n                    {option.content || option.label}\n                  </RadixSelect.ItemText>\n                </div>\n              </RadixSelect.Item>\n              ))}\n          </RadixSelect.Viewport>\n        </RadixSelect.Content>\n      </RadixSelect.Portal>\n    </RadixSelect.Root>\n  )\n}\n\nexport default Select\n"],"names":["selectTrigger","cva","variants","theme","light","dark","colorScheme","default","brand","error","success","size","sm","md","xl","border","true","false","disabled","compoundVariants","class","defaultVariants","selectContent","selectViewport","selectItem","selectIcon","ChevronDownIcon","className","_jsx","width","height","viewBox","fill","xmlns","d","fillRule","clipRule","Select","_a","colorSchemeLight","colorSchemeDark","options","showArrow","value","defaultValue","onChange","placeholder","name","props","__rest","useTheme","effectiveColorScheme","_b","useColorScheme","finalColorScheme","triggerClasses","contentClasses","viewportClasses","itemClasses","iconClasses","_jsxs","RadixSelect","Root","onValueChange","children","Trigger","Value","Icon","asChild","Portal","Content","position","sideOffset","Viewport","map","option","Item","ItemText","content","label"],"mappings":"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"}

package/dist/react/components/select/index.d.ts

@@ -27,6 +27,10 @@ export interface SelectProps extends Omit<SelectVariants, 'theme' | 'disabled'>
     placeholder?: string;
     disabled?: boolean;
     name?: string;
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'default' | 'brand' | 'error' | 'success';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'default' | 'brand' | 'error' | 'success';
 }
 /**
  * A versatile select component built on Radix UI that adapts to light/dark theme,

package/dist/react/components/select/index.esm.js

@@ -5,6 +5,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import { useTheme } from '../../contexts/ThemeContext.esm.js';
 import * as RadixSelect from '@radix-ui/react-select';
+import { useColorScheme } from '../../hooks/useColorScheme.esm.js';
 
 const selectTrigger = cva('w-full transition-all font-inter appearance-none cursor-pointer relative text-[0.875rem] leading-[1.0625rem] focus:ring-2 inline-flex items-center justify-between', {
   variants: {
@@ -123,9 +124,12 @@ const ChevronDownIcon = ({
  * />
  */
 const Select = _a => {
+  var _b;
   var {
       className = '',
       colorScheme,
+      colorSchemeLight,
+      colorSchemeDark,
       size,
       error = false,
       success = false,
@@ -139,12 +143,13 @@ const Select = _a => {
       placeholder = 'Select an option...',
       name
     } = _a;
-    __rest(_a, ["className", "colorScheme", "size", "error", "success", "border", "disabled", "options", "showArrow", "value", "defaultValue", "onChange", "placeholder", "name"]);
+    __rest(_a, ["className", "colorScheme", "colorSchemeLight", "colorSchemeDark", "size", "error", "success", "border", "disabled", "options", "showArrow", "value", "defaultValue", "onChange", "placeholder", "name"]);
   const {
     theme
   } = useTheme();
+  const effectiveColorScheme = (_b = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark)) !== null && _b !== void 0 ? _b : 'default';
   // Determine color scheme based on state
-  let finalColorScheme = colorScheme;
+  let finalColorScheme = effectiveColorScheme;
   if (error) finalColorScheme = 'error';else if (success) finalColorScheme = 'success';
   const triggerClasses = selectTrigger({
     theme,