@audius/harmony 0.3.3 → 0.3.5

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  Ref,\n  useEffect,\n  MouseEvent\n} from 'react'\n\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { TextInput } from '~harmony/components/input'\n\nimport { useControlled } from '../../../hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt } from '../../../icons'\nimport { Menu, MenuContent, MenuProps } from '../../internal/Menu'\nimport { MenuItem } from '../../internal/MenuItem'\nimport { OptionKeyHandler } from '../../internal/OptionKeyHandler'\nimport { Flex } from '../../layout'\nimport { Text } from '../../text'\n\nimport { SelectProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nconst defaultMenuProps: Partial<MenuProps> = {\n  anchorOrigin: { horizontal: 'left', vertical: 'bottom' },\n  transformOrigin: { horizontal: 'left', vertical: 'top' }\n}\n\n/**\n * A form input used for selecting a value: when collapsed it shows the\n * currently selected option and when expanded, it shows a scrollable list\n * of predefined options for the user to choose from.\n */\nexport const Select = forwardRef(function Select<Value extends string>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLInputElement>\n) {\n  const {\n    value: valueProp,\n    options,\n    menuProps,\n    onChange,\n    onClick,\n    clearable,\n    children,\n    ...other\n  } = props\n\n  const { label } = other\n\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'selection',\n    componentName: 'Select'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedLabel = selectedOption?.label ?? selectedOption?.value\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      setInputValue('')\n      onChange?.(value)\n      setIsOpen(false)\n    },\n    [onChange, setValue]\n  )\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n    }\n  }, [isOpen])\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(({ value, label }) => {\n        return (\n          !inputValue ||\n          label?.toLowerCase().includes(inputValue.toLowerCase()) ||\n          value.toLowerCase().includes(inputValue.toLowerCase())\n        )\n      }),\n    [options, inputValue]\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLInputElement>) => {\n      setIsOpen(true)\n      onClick?.(e)\n    },\n    [onClick]\n  )\n\n  const handleClickIcon = useCallback(\n    (e: MouseEvent<SVGSVGElement>) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (value !== null && clearable) {\n        setValue(null)\n        // @ts-ignore\n        onChange?.(null)\n      } else {\n        setIsOpen((isOpen: boolean) => !isOpen)\n      }\n    },\n    [value, clearable, setValue, onChange]\n  )\n\n  const Icon = value !== null && clearable ? IconCloseAlt : IconCaretDown\n\n  const optionElements = (\n    <OptionKeyHandler\n      options={filteredOptions}\n      disabled={!isOpen}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n      onChange={handleChange}\n    >\n      {(activeValue) =>\n        filteredOptions.length === 0 ? (\n          <Flex justifyContent='center'>\n            <Text variant='body' color='subdued' size='s'>\n              {messages.noMatches}\n            </Text>\n          </Flex>\n        ) : (\n          filteredOptions?.map((option, index) => (\n            <MenuItem\n              ref={(el) => {\n                if (optionRefs && optionRefs.current && el) {\n                  optionRefs.current[index] = el\n                }\n              }}\n              key={option.value}\n              variant='option'\n              {...option}\n              onChange={handleChange}\n              isActive={option.value === activeValue}\n            />\n          ))\n        )\n      }\n    </OptionKeyHandler>\n  )\n\n  return (\n    <Flex ref={anchorRef}>\n      <TextInput\n        ref={mergeRefs([ref, inputRef])}\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onClick={handleClick}\n        aria-haspopup='listbox'\n        aria-expanded={isOpen}\n        autoComplete='off'\n        endIcon={Icon}\n        IconProps={{ onClick: handleClickIcon }}\n        elevateLabel={!!selectedOption}\n        hidePlaceholder={!!selectedOption}\n        {...other}\n      />\n      {/* Overlay selected option */}\n      {selectedOption && !inputValue ? (\n        <MenuItem\n          variant='option'\n          {...selectedOption}\n          onChange={() => {}}\n          css={({ spacing }) => ({\n            position: 'absolute',\n            // Magic values to align the selected option with the input\n            top: spacing.unit6 + 2,\n            left: spacing.unit1,\n            opacity: isOpen ? 0.5 : 1\n          })}\n          disabled\n        />\n      ) : null}\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        {...defaultMenuProps}\n        PaperProps={menuProps?.PaperProps}\n      >\n        <MenuContent\n          maxHeight={menuProps?.maxHeight}\n          width={menuProps?.width}\n          scrollRef={scrollRef}\n          MenuListProps={menuProps?.MenuListProps}\n          aria-label={selectedLabel ?? label ?? props['aria-label']}\n          aria-activedescendant={selectedLabel}\n        >\n          {children\n            ? children({ onChange: handleChange, options: optionElements })\n            : optionElements}\n        </MenuContent>\n      </Menu>\n    </Flex>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,QAAQ,GAAG;AACf,IAAA,SAAS,EAAE,YAAY;CACxB,CAAA;AAED,IAAM,gBAAgB,GAAuB;IAC3C,YAAY,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACxD,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;CACzD,CAAA;AAED;;;;AAIG;AACU,IAAA,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CAC9C,KAAyB,EACzB,GAA0B,EAAA;;AAGxB,IAAA,IAAO,SAAS,GAQd,KAAK,MARS,EAChB,OAAO,GAOL,KAAK,CAAA,OAPA,EACP,SAAS,GAMP,KAAK,CAAA,SANE,EACT,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,OAAO,GAIL,KAAK,CAJA,OAAA,EACP,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,CAAA,QAFC,EACL,KAAK,GAAA,MAAA,CACN,KAAK,EATH,CAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CASL,CADS,CACD;AAED,IAAA,IAAA,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;IAEjB,IAAA,EAAA,GAAoB,aAAa,CAAC;AACtC,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,SAAS,EAAE,WAAW;AACtB,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA,CAAC,EALK,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAKpB,CAAA;IAEI,IAAA,EAAA,GAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACrC,IAAA,EAAA,GAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAA;AAChD,IAAA,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,EAAA,EAAK,OAAA,MAAM,CAAC,KAAK,KAAK,KAAK,CAAtB,EAAsB,CAAC,CAAA;AACvE,IAAA,IAAM,aAAa,GAAG,CAAA,EAAA,GAAA,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA;AACpE,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC9C,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAM,UAAU,GAAG,MAAM,CAAsB,EAAE,CAAC,CAAA;AAClD,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9C,IAAA,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAY,EAAA;QACX,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,aAAa,CAAC,EAAE,CAAC,CAAA;AACjB,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;QACjB,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,KAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,MAAM,EAAE;;AAEV,YAAA,UAAU,CAAC,YAAA;;AACT,gBAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;aACjD,EAAE,CAAC,CAAC,CAAA;AACN,SAAA;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,eAAe,GAAG,OAAO,CAC7B,YAAA;AACE,QAAA,OAAA,OAAO,CAAC,MAAM,CAAC,UAAC,EAAgB,EAAA;gBAAd,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;YAC5B,QACE,CAAC,UAAU;AACX,iBAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,WAAW,EAAA,CAAG,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAA;AACvD,gBAAA,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,EACvD;AACH,SAAC,CAAC,CAAA;AANF,KAME,EACJ,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAA;AAED,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAA+B,EAAA;QAC9B,SAAS,CAAC,IAAI,CAAC,CAAA;AACf,QAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,CAAC,CAAC,CAAA;AACd,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;AAED,IAAA,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,CAA4B,EAAA;QAC3B,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,CAAC,CAAC,cAAc,EAAE,CAAA;AAClB,QAAA,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,CAAA;;AAEd,YAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,IAAI,CAAC,CAAA;AACjB,SAAA;AAAM,aAAA;YACL,SAAS,CAAC,UAAC,MAAe,EAAK,EAAA,OAAA,CAAC,MAAM,CAAA,EAAA,CAAC,CAAA;AACxC,SAAA;KACF,EACD,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACvC,CAAA;AAED,IAAA,IAAM,IAAI,GAAG,KAAK,KAAK,IAAI,IAAI,SAAS,GAAG,YAAY,GAAG,aAAa,CAAA;AAEvE,IAAA,IAAM,cAAc,IAClBA,GAAA,CAAC,gBAAgB,EAAA,QAAA,CAAA,EACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,MAAM,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EAErB,EAAA,EAAA,QAAA,EAAA,UAAC,WAAW,EAAA;AACX,YAAA,OAAA,eAAe,CAAC,MAAM,KAAK,CAAC,IAC1BA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,cAAc,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3BA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAA,EAAA,EAAA,QAAA,EAC1C,QAAQ,CAAC,SAAS,EAAA,CAAA,CACd,EACF,CAAA,CAAA,KAEP,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,EAAK,EAAA,QACtCA,GAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EACP,GAAG,EAAE,UAAC,EAAE,EAAA;AACN,oBAAA,IAAI,UAAU,IAAI,UAAU,CAAC,OAAO,IAAI,EAAE,EAAE;AAC1C,wBAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;AAC/B,qBAAA;iBACF,EAED,OAAO,EAAC,QAAQ,EAAA,EACZ,MAAM,EAAA,EACV,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,WAAW,EAAA,CAAA,EAJjC,MAAM,CAAC,KAAK,CAKjB,EACH,EAAA,CAAC,CACH,CAAA;SAAA,EAAA,CAAA,CAEc,CACpB,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,SAAS,EAClB,EAAA,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAC/B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,EAAK,EAAA,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAA7B,EAA6B,EAC9C,OAAO,EAAE,WAAW,mBACN,SAAS,EAAA,eAAA,EACR,MAAM,EACrB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,EACvC,YAAY,EAAE,CAAC,CAAC,cAAc,EAC9B,eAAe,EAAE,CAAC,CAAC,cAAc,EAAA,EAC7B,KAAK,CAAA,CACT,EAED,cAAc,IAAI,CAAC,UAAU,IAC5BA,GAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EACP,OAAO,EAAC,QAAQ,EACZ,EAAA,cAAc,EAClB,EAAA,QAAQ,EAAE,YAAA,GAAQ,EAClB,GAAG,EAAE,UAAC,EAAW,EAAA;AAAT,oBAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;AAAO,oBAAA,QAAC;AACrB,wBAAA,QAAQ,EAAE,UAAU;;AAEpB,wBAAA,GAAG,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;wBACtB,IAAI,EAAE,OAAO,CAAC,KAAK;wBACnB,OAAO,EAAE,MAAM,GAAG,GAAG,GAAG,CAAC;qBAC1B,EAAC;iBAAA,EACF,QAAQ,EACR,IAAA,EAAA,CAAA,CAAA,IACA,IAAI,EACRA,GAAA,CAAC,IAAI,EACH,QAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,YAAA,EAAM,OAAA,SAAS,CAAC,KAAK,CAAC,CAAA,EAAA,EAC3B,EAAA,gBAAgB,IACpB,UAAU,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,UAAU,EAEjC,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EACV,SAAS,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,KAAK,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,aAAa,gBAC3B,CAAA,EAAA,GAAA,aAAa,aAAb,aAAa,KAAA,KAAA,CAAA,GAAb,aAAa,GAAI,KAAK,mCAAI,KAAK,CAAC,YAAY,CAAC,EAAA,uBAAA,EAClC,aAAa,EAAA,EAAA,EAAA,QAAA,EAEnC,QAAQ;AACP,0BAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC/D,0BAAE,cAAc,EAAA,CAAA,CACN,EACT,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH,CAAC;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  Ref,\n  useEffect,\n  MouseEvent\n} from 'react'\n\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { TextInput } from '~harmony/components/input'\n\nimport { useControlled } from '../../../hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt } from '../../../icons'\nimport { Menu, MenuContent, MenuProps } from '../../internal/Menu'\nimport { MenuItem } from '../../internal/MenuItem'\nimport { OptionKeyHandler } from '../../internal/OptionKeyHandler'\nimport { Flex } from '../../layout'\nimport { Text } from '../../text'\n\nimport { SelectProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nconst defaultMenuProps: Partial<MenuProps> = {\n  anchorOrigin: { horizontal: 'left', vertical: 'bottom' },\n  transformOrigin: { horizontal: 'left', vertical: 'top' }\n}\n\n/**\n * A form input used for selecting a value: when collapsed it shows the\n * currently selected option and when expanded, it shows a scrollable list\n * of predefined options for the user to choose from.\n */\nexport const Select = forwardRef(function Select<Value extends string>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLInputElement>\n) {\n  const {\n    value: valueProp,\n    options,\n    menuProps,\n    onChange,\n    onClick,\n    clearable,\n    children,\n    renderSelectedOptionLabel: renderSelectedOptionlabel,\n    ...other\n  } = props\n\n  const { label } = other\n\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'selection',\n    componentName: 'Select'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedLabel = selectedOption\n    ? (renderSelectedOptionlabel?.(selectedOption) ??\n      selectedOption.label ??\n      selectedOption.value)\n    : ''\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      setInputValue('')\n      onChange?.(value)\n      setIsOpen(false)\n    },\n    [onChange, setValue]\n  )\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n    }\n  }, [isOpen])\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(({ value, label }) => {\n        return (\n          !inputValue ||\n          label?.toLowerCase().includes(inputValue.toLowerCase()) ||\n          value.toLowerCase().includes(inputValue.toLowerCase())\n        )\n      }),\n    [options, inputValue]\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLInputElement>) => {\n      setIsOpen(true)\n      onClick?.(e)\n    },\n    [onClick]\n  )\n\n  const handleClickIcon = useCallback(\n    (e: MouseEvent<SVGSVGElement>) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (value !== null && clearable) {\n        setValue(null)\n        // @ts-ignore\n        onChange?.(null)\n      } else {\n        setIsOpen((isOpen: boolean) => !isOpen)\n      }\n    },\n    [value, clearable, setValue, onChange]\n  )\n\n  const Icon = value !== null && clearable ? IconCloseAlt : IconCaretDown\n\n  const optionElements = (\n    <OptionKeyHandler\n      options={filteredOptions}\n      disabled={!isOpen}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n      onChange={handleChange}\n    >\n      {(activeValue) =>\n        filteredOptions.length === 0 ? (\n          <Flex justifyContent='center'>\n            <Text variant='body' color='subdued' size='s'>\n              {messages.noMatches}\n            </Text>\n          </Flex>\n        ) : (\n          filteredOptions?.map((option, index) => (\n            <MenuItem\n              ref={(el) => {\n                if (optionRefs && optionRefs.current && el) {\n                  optionRefs.current[index] = el\n                }\n              }}\n              key={option.value}\n              variant='option'\n              {...option}\n              onChange={handleChange}\n              isActive={option.value === activeValue}\n            />\n          ))\n        )\n      }\n    </OptionKeyHandler>\n  )\n\n  return (\n    <Flex ref={anchorRef}>\n      <TextInput\n        ref={mergeRefs([ref, inputRef])}\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onClick={handleClick}\n        aria-haspopup='listbox'\n        aria-expanded={isOpen}\n        autoComplete='off'\n        endIcon={Icon}\n        IconProps={{ onClick: handleClickIcon }}\n        elevateLabel={!!selectedOption}\n        hidePlaceholder={!!selectedOption}\n        {...other}\n      />\n      {/* Overlay selected option */}\n      {selectedOption && !inputValue ? (\n        <MenuItem\n          variant='option'\n          {...selectedOption}\n          label={selectedLabel}\n          onChange={() => {}}\n          css={({ spacing }) => ({\n            position: 'absolute',\n            // Magic values to align the selected option with the input\n            top: spacing.unit6 + 2,\n            left: spacing.unit1,\n            opacity: isOpen ? 0.5 : 1\n          })}\n          disabled\n        />\n      ) : null}\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        {...defaultMenuProps}\n        PaperProps={menuProps?.PaperProps}\n      >\n        <MenuContent\n          maxHeight={menuProps?.maxHeight}\n          width={menuProps?.width}\n          scrollRef={scrollRef}\n          MenuListProps={menuProps?.MenuListProps}\n          aria-label={selectedLabel ?? label ?? props['aria-label']}\n          aria-activedescendant={selectedOption?.label}\n        >\n          {children\n            ? children({ onChange: handleChange, options: optionElements })\n            : optionElements}\n        </MenuContent>\n      </Menu>\n    </Flex>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/select/Select/types.d.ts

@@ -33,6 +33,12 @@ export type SelectProps<Value extends string = string> = {
      * e.g. { label: 'Option A', icon: IconRadar }
      */
     options: SelectOption<Value>[];
+    /**
+     * Optional function to customize the selected option's displayed label
+     * @param option The currently selected option
+     * @returns The string to display as the label
+     */
+    renderSelectedOptionLabel?: (option: SelectOption<Value>) => string;
     children?: (props: ChildrenProps<Value>) => ReactNode;
     /**
      * Label to display above options

package/dist/components/select/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,mBAAgC;AACxD,OAAO,EAAE,cAAc,EAAE,oBAAiC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,4BAAyC;AAE/E,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,KAAK,aAAa,CAAC,KAAK,IAAI;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACvD,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEjC;;;OAGG;IACH,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAA;IAE9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,mBAAgC;AACxD,OAAO,EAAE,cAAc,EAAE,oBAAiC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,4BAAyC;AAE/E,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC7B,CAAA;AAED,KAAK,aAAa,CAAC,KAAK,IAAI;IAC1B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACvD,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEjC;;;OAGG;IACH,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAA;IAE9B;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,CAAA;IAEnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA"}

package/dist/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,UAAW,QAAQ,qDAiElC,CAAA"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,UAAW,QAAQ,qDA4DlC,CAAA"}

package/dist/components/tag/Tag.js

@@ -40,7 +40,7 @@ var Tag = function (props) {
         : null;
     var Root = multiselect && variant === 'composed' ? 'button' : 'span';
     var isDefaultMultiselect = multiselect && variant === 'default';
-    return (jsxs(Root, __assign({ css: rootCss, onClick: isDefaultMultiselect ? undefined : onClick }, other, { children: [jsx(Text, __assign({ variant: 'label', size: 'xs', color: 'staticWhite', css: { lineHeight: '8px' } }, { children: children })), Icon ? (jsx(IconButton, { asChild: true, icon: Icon, color: 'staticWhite', onClick: isDefaultMultiselect ? onClick : undefined, "aria-label": variant === 'composed' ? messages.add : messages.remove, height: spacing.unit2, width: spacing.unit2, css: { paddingRight: 0 } })) : null] })));
+    return (jsxs(Root, __assign({ css: rootCss, onClick: isDefaultMultiselect ? undefined : onClick }, other, { children: [jsx(Text, __assign({ variant: 'label', size: 'xs', color: 'white', css: { lineHeight: '8px' } }, { children: children })), Icon ? (jsx(IconButton, { asChild: true, icon: Icon, color: 'white', onClick: isDefaultMultiselect ? onClick : undefined, "aria-label": variant === 'composed' ? messages.add : messages.remove, height: spacing.unit2, width: spacing.unit2, css: { paddingRight: 0 } })) : null] })));
 };
 
 export { Tag };

package/dist/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import { MouseEvent } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport IconCloseAlt from '../../assets/icons/CloseAlt.svg'\nimport IconPlus from '../../assets/icons/Plus.svg'\nimport { IconButton } from '../button/IconButton/IconButton'\nimport { Text } from '../text'\n\nconst messages = {\n  add: 'Add Tag',\n  remove: 'Remove Tag'\n}\n\nexport type TagProps = {\n  children: string\n  className?: string\n  onClick?: (e: MouseEvent<HTMLElement>) => void\n  variant?: 'default' | 'composed'\n  multiselect?: boolean\n}\n\nexport const Tag = (props: TagProps) => {\n  const { children, variant, multiselect, onClick, ...other } = props\n  const { color, motion, cornerRadius, spacing } = useTheme()\n\n  const rootCss: CSSObject = {\n    all: 'unset',\n    cursor: multiselect && variant === 'composed' ? 'pointer' : undefined,\n    display: 'inline-flex',\n    alignItems: 'center',\n    height: 23,\n    boxSizing: 'border-box',\n    padding: '5.5px 8px',\n    // gap: spacing.xs,\n    borderRadius: cornerRadius.xs,\n    backgroundColor:\n      variant === 'composed' ? color.secondary.s300 : color.neutral.n400,\n    transition: `transform ${motion.hover}, background-color ${motion.hover}, color ${motion.hover}`,\n\n    ':hover': {\n      backgroundColor:\n        variant === 'composed' ? color.secondary.s100 : color.secondary.s300,\n      transform: 'scale(1.04)'\n    },\n    ':active': {\n      transform: 'scale(0.98)'\n    }\n  }\n\n  const Icon = multiselect\n    ? variant === 'composed'\n      ? IconPlus\n      : IconCloseAlt\n    : null\n\n  const Root = multiselect && variant === 'composed' ? 'button' : 'span'\n  const isDefaultMultiselect = multiselect && variant === 'default'\n\n  return (\n    <Root\n      css={rootCss}\n      onClick={isDefaultMultiselect ? undefined : onClick}\n      {...other}\n    >\n      <Text\n        variant='label'\n        size='xs'\n        color='staticWhite'\n        css={{ lineHeight: '8px' }}\n      >\n        {children}\n      </Text>\n      {Icon ? (\n        <IconButton\n          asChild\n          icon={Icon}\n          color='staticWhite'\n          onClick={isDefaultMultiselect ? onClick : undefined}\n          aria-label={variant === 'composed' ? messages.add : messages.remove}\n          height={spacing.unit2}\n          width={spacing.unit2}\n          css={{ paddingRight: 0 }}\n        />\n      ) : null}\n    </Root>\n  )\n}\n"],"names":["IconPlus","IconCloseAlt","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import { MouseEvent } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport IconCloseAlt from '../../assets/icons/CloseAlt.svg'\nimport IconPlus from '../../assets/icons/Plus.svg'\nimport { IconButton } from '../button/IconButton/IconButton'\nimport { Text } from '../text'\n\nconst messages = {\n  add: 'Add Tag',\n  remove: 'Remove Tag'\n}\n\nexport type TagProps = {\n  children: string\n  className?: string\n  onClick?: (e: MouseEvent<HTMLElement>) => void\n  variant?: 'default' | 'composed'\n  multiselect?: boolean\n}\n\nexport const Tag = (props: TagProps) => {\n  const { children, variant, multiselect, onClick, ...other } = props\n  const { color, motion, cornerRadius, spacing } = useTheme()\n\n  const rootCss: CSSObject = {\n    all: 'unset',\n    cursor: multiselect && variant === 'composed' ? 'pointer' : undefined,\n    display: 'inline-flex',\n    alignItems: 'center',\n    height: 23,\n    boxSizing: 'border-box',\n    padding: '5.5px 8px',\n    // gap: spacing.xs,\n    borderRadius: cornerRadius.xs,\n    backgroundColor:\n      variant === 'composed' ? color.secondary.s300 : color.neutral.n400,\n    transition: `transform ${motion.hover}, background-color ${motion.hover}, color ${motion.hover}`,\n\n    ':hover': {\n      backgroundColor:\n        variant === 'composed' ? color.secondary.s100 : color.secondary.s300,\n      transform: 'scale(1.04)'\n    },\n    ':active': {\n      transform: 'scale(0.98)'\n    }\n  }\n\n  const Icon = multiselect\n    ? variant === 'composed'\n      ? IconPlus\n      : IconCloseAlt\n    : null\n\n  const Root = multiselect && variant === 'composed' ? 'button' : 'span'\n  const isDefaultMultiselect = multiselect && variant === 'default'\n\n  return (\n    <Root\n      css={rootCss}\n      onClick={isDefaultMultiselect ? undefined : onClick}\n      {...other}\n    >\n      <Text variant='label' size='xs' color='white' css={{ lineHeight: '8px' }}>\n        {children}\n      </Text>\n      {Icon ? (\n        <IconButton\n          asChild\n          icon={Icon}\n          color='white'\n          onClick={isDefaultMultiselect ? onClick : undefined}\n          aria-label={variant === 'composed' ? messages.add : messages.remove}\n          height={spacing.unit2}\n          width={spacing.unit2}\n          css={{ paddingRight: 0 }}\n        />\n      ) : null}\n    </Root>\n  )\n}\n"],"names":["IconPlus","IconCloseAlt","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/text/constants.js

@@ -43,7 +43,7 @@ var variantStylesMap = {
     },
     label: {
         fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },
-        lineHeight: { xs: 'xs', s: 'xs', m: 's', l: 'm', xl: 'l' },
+        lineHeight: { xs: 'xs', s: 'xs', m: 's', l: 's', xl: 'l' },
         fontWeight: { default: 'bold', strong: 'heavy' },
         css: { textTransform: 'uppercase', letterSpacing: 0.5 }
     },

package/dist/components/text/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n  display: {\n    xl: 'h1',\n    l: 'h1',\n    m: 'h1',\n    s: 'h1'\n  },\n  heading: {\n    xl: 'h1',\n    l: 'h2',\n    m: 'h3',\n    s: 'h4'\n  },\n  title: {\n    xl: 'h5',\n    l: 'h5',\n    m: 'h5',\n    s: 'h5'\n  },\n  label: {\n    xl: 'p',\n    l: 'p',\n    m: 'p',\n    s: 'p',\n    xs: 'p'\n  }\n}\n\nexport const variantStylesMap = {\n  display: {\n    fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n    lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  heading: {\n    fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n    lineHeight: { s: 'l', m: 'xl', l: 'hl', xl: '2xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  title: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'l', l: 'l' },\n    fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n  },\n  label: {\n    fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n    lineHeight: { xs: 'xs', s: 'xs', m: 's', l: 'm', xl: 'l' },\n    fontWeight: { default: 'bold', strong: 'heavy' },\n    css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n  },\n  body: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'l', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n\nexport const bodyLineHeightMap = {\n  xs: { single: 'xs', multi: 's' },\n  s: { single: 's', multi: 'l' },\n  m: { single: 's', multi: 'l' },\n  l: { single: 'm', multi: 'bl' }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n  display: {\n    xl: 'h1',\n    l: 'h1',\n    m: 'h1',\n    s: 'h1'\n  },\n  heading: {\n    xl: 'h1',\n    l: 'h2',\n    m: 'h3',\n    s: 'h4'\n  },\n  title: {\n    xl: 'h5',\n    l: 'h5',\n    m: 'h5',\n    s: 'h5'\n  },\n  label: {\n    xl: 'p',\n    l: 'p',\n    m: 'p',\n    s: 'p',\n    xs: 'p'\n  }\n}\n\nexport const variantStylesMap = {\n  display: {\n    fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n    lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  heading: {\n    fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n    lineHeight: { s: 'l', m: 'xl', l: 'hl', xl: '2xl' },\n    fontWeight: { default: 'bold', strong: 'heavy' }\n  },\n  title: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'l', l: 'l' },\n    fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n  },\n  label: {\n    fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n    lineHeight: { xs: 'xs', s: 'xs', m: 's', l: 's', xl: 'l' },\n    fontWeight: { default: 'bold', strong: 'heavy' },\n    css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n  },\n  body: {\n    fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n    lineHeight: { xs: 's', s: 'm', m: 'l', l: 'l' },\n    fontWeight: { default: 'medium', strong: 'demiBold' }\n  }\n}\n\nexport const bodyLineHeightMap = {\n  xs: { single: 'xs', multi: 's' },\n  s: { single: 's', multi: 'l' },\n  m: { single: 's', multi: 'l' },\n  l: { single: 'm', multi: 'bl' }\n}\n"],"names":[],"mappings":"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"}

package/dist/foundations/color/color.d.ts

@@ -9,8 +9,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -25,8 +25,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -132,8 +132,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -148,8 +148,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -255,8 +255,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -271,8 +271,8 @@ export declare const colorTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;

package/dist/foundations/color/semantic.d.ts

@@ -9,8 +9,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -25,8 +25,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -72,8 +72,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -88,8 +88,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -135,8 +135,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;
@@ -151,8 +151,8 @@ export declare const semanticTheme: {
             inverse: string;
             heading: string;
             active: string;
+            white: string;
             staticWhite: string;
-            staticStaticWhite: string;
             warning: string;
             danger: string;
             premium: string;

package/dist/foundations/color/semantic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AA4EA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}

package/dist/foundations/color/semantic.js

@@ -1,6 +1,6 @@
 import { primitiveTheme } from './primitive.js';
 
-var createSemanticTheme = function (theme, primitives) { return ({
+var createSemanticTheme = function (primitives) { return ({
     text: {
         default: primitives.neutral.n800,
         subdued: primitives.neutral.n400,
@@ -11,8 +11,8 @@ var createSemanticTheme = function (theme, primitives) { return ({
         // Legacy compatibility
         heading: primitives.special.gradient,
         active: primitives.primary.p300,
-        staticWhite: primitives.special.white,
-        staticStaticWhite: primitives.static.staticWhite,
+        white: primitives.special.white,
+        staticWhite: primitives.static.staticWhite,
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
@@ -24,12 +24,12 @@ var createSemanticTheme = function (theme, primitives) { return ({
         disabled: primitives.neutral.n150,
         link: primitives.primary.p500,
         accent: primitives.secondary.s300,
-        inverse: theme === 'day' ? primitives.neutral.n950 : primitives.special.white,
+        inverse: primitives.static.staticWhite,
         // Legacy compatibility
         heading: primitives.special.gradient,
         active: primitives.primary.p300,
-        staticWhite: primitives.special.white,
-        staticStaticWhite: primitives.static.staticWhite,
+        white: primitives.special.white,
+        staticWhite: primitives.static.staticWhite,
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
@@ -67,9 +67,9 @@ var createSemanticTheme = function (theme, primitives) { return ({
     }
 }); };
 var semanticTheme = {
-    day: createSemanticTheme('day', primitiveTheme.day),
-    dark: createSemanticTheme('dark', primitiveTheme.dark),
-    matrix: createSemanticTheme('matrix', primitiveTheme.matrix)
+    day: createSemanticTheme(primitiveTheme.day),
+    dark: createSemanticTheme(primitiveTheme.dark),
+    matrix: createSemanticTheme(primitiveTheme.matrix)
 };
 
 export { semanticTheme };

package/dist/foundations/color/semantic.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import { Theme } from '../theme/types'\n\nimport type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (theme: Theme, primitives: PrimitiveColors) => ({\n  text: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    link: primitives.primary.p500,\n    accent: primitives.secondary.s300,\n    inverse: primitives.neutral.n950,\n\n    // Legacy compatibility\n    heading: primitives.special.gradient,\n    active: primitives.primary.p300,\n    staticWhite: primitives.special.white,\n    staticStaticWhite: primitives.static.staticWhite,\n    warning: primitives.special.orange,\n    danger: primitives.special.red,\n    premium: primitives.special.lightGreen,\n    special: primitives.special.blue\n  },\n  icon: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    link: primitives.primary.p500,\n    accent: primitives.secondary.s300,\n    inverse:\n      theme === 'day' ? primitives.neutral.n950 : primitives.special.white,\n\n    // Legacy compatibility\n    heading: primitives.special.gradient,\n    active: primitives.primary.p300,\n    staticWhite: primitives.special.white,\n    staticStaticWhite: primitives.static.staticWhite,\n    warning: primitives.special.orange,\n    danger: primitives.special.red,\n    premium: primitives.special.lightGreen,\n    special: primitives.special.blue\n  },\n  link: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    visible: primitives.primary.p500,\n    inverted: primitives.static.white\n  },\n  background: {\n    default: primitives.special.background,\n    surface1: primitives.neutral.n25,\n    surface2: primitives.neutral.n50,\n    white: primitives.special.white,\n    primary: primitives.primary.p300,\n\n    // Legacy compatibility\n    accent: primitives.secondary.s300\n  },\n  border: {\n    default: primitives.neutral.n100,\n    strong: primitives.neutral.n150,\n    negative: primitives.special.white,\n    accent: primitives.secondary.s300\n  },\n  focus: {\n    default: primitives.secondary.s300\n  },\n  status: {\n    error: primitives.special.red,\n    warning: primitives.special.orange,\n    success: primitives.special.green,\n    danger: primitives.special.red\n  }\n})\n\nexport const semanticTheme = {\n  day: createSemanticTheme('day', primitiveTheme.day),\n  dark: createSemanticTheme('dark', primitiveTheme.dark),\n  matrix: createSemanticTheme('matrix', primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n  text: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    link: primitives.primary.p500,\n    accent: primitives.secondary.s300,\n    inverse: primitives.neutral.n950,\n\n    // Legacy compatibility\n    heading: primitives.special.gradient,\n    active: primitives.primary.p300,\n    white: primitives.special.white,\n    staticWhite: primitives.static.staticWhite,\n    warning: primitives.special.orange,\n    danger: primitives.special.red,\n    premium: primitives.special.lightGreen,\n    special: primitives.special.blue\n  },\n  icon: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    link: primitives.primary.p500,\n    accent: primitives.secondary.s300,\n    inverse: primitives.static.staticWhite,\n\n    // Legacy compatibility\n    heading: primitives.special.gradient,\n    active: primitives.primary.p300,\n    white: primitives.special.white,\n    staticWhite: primitives.static.staticWhite,\n    warning: primitives.special.orange,\n    danger: primitives.special.red,\n    premium: primitives.special.lightGreen,\n    special: primitives.special.blue\n  },\n  link: {\n    default: primitives.neutral.n800,\n    subdued: primitives.neutral.n400,\n    visible: primitives.primary.p500,\n    inverted: primitives.static.white\n  },\n  background: {\n    default: primitives.special.background,\n    surface1: primitives.neutral.n25,\n    surface2: primitives.neutral.n50,\n    white: primitives.special.white,\n    primary: primitives.primary.p300,\n\n    // Legacy compatibility\n    accent: primitives.secondary.s300\n  },\n  border: {\n    default: primitives.neutral.n100,\n    strong: primitives.neutral.n150,\n    negative: primitives.special.white,\n    accent: primitives.secondary.s300\n  },\n  focus: {\n    default: primitives.secondary.s300\n  },\n  status: {\n    error: primitives.special.red,\n    warning: primitives.special.orange,\n    success: primitives.special.green,\n    danger: primitives.special.red\n  }\n})\n\nexport const semanticTheme = {\n  day: createSemanticTheme(primitiveTheme.day),\n  dark: createSemanticTheme(primitiveTheme.dark),\n  matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":"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"}

package/dist/foundations/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,qDActD,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,qDAetD,CAAA"}

package/dist/foundations/theme/ThemeProvider.js

@@ -1,7 +1,8 @@
 import { __assign } from '../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { useEffect } from 'react';
 import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
+import { GradientDefs } from '../../icons/GradientDefs.js';
 import { themes } from './theme.js';
 
 var ThemeProvider = function (props) {
@@ -11,7 +12,7 @@ var ThemeProvider = function (props) {
             document.documentElement.setAttribute('data-theme', theme);
         }
     }, [theme]);
-    return (jsx(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: children })));
+    return (jsxs(ThemeProvider$1, __assign({ theme: themes[theme] }, { children: [jsx(GradientDefs, {}), children] })));
 };
 
 export { ThemeProvider };

package/dist/foundations/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\n\nimport { themes } from './theme'\nimport type { Theme } from './types'\n\ntype ThemeProviderProps = {\n  theme: Theme\n  children: ReactNode\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  const { children, theme } = props\n\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [theme])\n\n  return (\n    <EmotionThemeProvider theme={themes[theme]}>\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n"],"names":["_jsx","EmotionThemeProvider"],"mappings":";;;;;;AAYO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AAEjC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAC3D,SAAA;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AAEX,IAAA,QACEA,GAAA,CAACC,eAAoB,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAA,EAAA,QAAA,EACvC,QAAQ,EAAA,CAAA,CACY,EACxB;AACH;;;;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/foundations/theme/ThemeProvider.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react'\n\nimport { ThemeProvider as EmotionThemeProvider } from '@emotion/react'\n\nimport { GradientDefs } from '../../icons/GradientDefs'\n\nimport { themes } from './theme'\nimport type { Theme } from './types'\n\ntype ThemeProviderProps = {\n  theme: Theme\n  children: ReactNode\n}\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  const { children, theme } = props\n\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-theme', theme)\n    }\n  }, [theme])\n\n  return (\n    <EmotionThemeProvider theme={themes[theme]}>\n      <GradientDefs />\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n"],"names":["_jsxs","EmotionThemeProvider","_jsx"],"mappings":";;;;;;;AAcO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AAEjC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;AAC3D,SAAA;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AAEX,IAAA,QACEA,IAAC,CAAAC,eAAoB,aAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CACxCC,IAAC,YAAY,EAAA,EAAA,CAAG,EACf,QAAQ,CAAA,EAAA,CAAA,CACY,EACxB;AACH;;;;"}