@audius/harmony 0.4.2 → 0.4.3

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    renderSelectedOptionLabel: renderSelectedOptionlabel,\n    ...other\n  } = props\n\n  const { label, hideLabel } = 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 && !hideLabel}\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: (hideLabel ? spacing.unit3 : 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;IAGxB,IAAO,SAAS,GASd,KAAK,CAAA,KATS,EAChB,OAAO,GAQL,KAAK,CARA,OAAA,EACP,SAAS,GAOP,KAAK,UAPE,EACT,QAAQ,GAMN,KAAK,CAAA,QANC,EACR,OAAO,GAKL,KAAK,QALA,EACP,SAAS,GAIP,KAAK,CAAA,SAJE,EACT,QAAQ,GAGN,KAAK,CAHC,QAAA,EACmB,yBAAyB,GAElD,KAAK,0BAF6C,EACjD,KAAK,UACN,KAAK,EAVH,CAUL,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,2BAAA,CAAA,CADS,CACD;IAED,IAAA,KAAK,GAAgB,KAAK,CAAA,KAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV,CAAU;IAE5B,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;IACvE,IAAM,aAAa,GAAG,cAAc;WAC/B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,yBAAyB,KAAzB,IAAA,IAAA,yBAAyB,uBAAzB,yBAAyB,CAAG,cAAc,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAC5C,cAAc,CAAC,KAAK,mCACpB,cAAc,CAAC,KAAK;UACpB,EAAE,CAAA;AACN,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,IAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,SAAS,EAAA,EAAA,EAAA,QAAA,EAAA,CAClBD,GAAC,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,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,EAAA,eAAA,EACN,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,IAAI,CAAC,SAAS,EAC5C,eAAe,EAAE,CAAC,CAAC,cAAc,EAAA,EAC7B,KAAK,CAAA,CACT,EAED,cAAc,IAAI,CAAC,UAAU,IAC5BA,GAAC,CAAA,QAAQ,EACP,QAAA,CAAA,EAAA,OAAO,EAAC,QAAQ,EACZ,EAAA,cAAc,IAClB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,YAAO,GAAC,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,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;wBACpD,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,GAAC,CAAA,IAAI,aACH,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,YAAM,EAAA,OAAA,SAAS,CAAC,KAAK,CAAC,CAAhB,EAAgB,IAC3B,gBAAgB,EAAA,EACpB,UAAU,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,UAAU,EAEjC,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,WAAW,EACV,QAAA,CAAA,EAAA,SAAS,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAE,KAAK,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,aAAa,EAAA,YAAA,EAC3B,MAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,aAAa,GAAI,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,KAAK,CAAC,YAAY,CAAC,EAClC,uBAAA,EAAA,cAAc,KAAd,IAAA,IAAA,cAAc,uBAAd,cAAc,CAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EAE3C,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, hideLabel } = 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 && !hideLabel}\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: (hideLabel ? spacing.unit3 : 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/send-icon/SendIcon.js

@@ -52,6 +52,7 @@ import '../button/FollowButton/FollowButton.js';
 import '../button/UnstyledButton.js';
 import '../button/FilterButton/FilterButton.js';
 import '../button/FilterButton/FilterButtonOption.js';
+import '../button/BaseButton/BaseButton.js';
 
 var SendIcon = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick;

package/dist/components/send-icon/SendIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendIcon.js","sources":["../../../src/components/send-icon/SendIcon.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { IconButton } from '~harmony/components/button'\nimport { IconPaperAirplane } from '~harmony/icons'\n\nimport { SendIconProps } from './types'\n\nexport const SendIcon = ({ disabled = false, onClick }: SendIconProps) => {\n  const { color, motion } = useTheme()\n\n  return (\n    <IconButton\n      aria-label='Send'\n      icon={IconPaperAirplane}\n      size='2xl'\n      onClick={onClick}\n      css={{\n        padding: 0,\n        pointerEvents: disabled ? 'none' : 'all',\n        opacity: disabled ? 0.5 : 1,\n        path: {\n          fill: color.primary.primary,\n          transition: motion.quick\n        },\n        ':hover path': {\n          fill: color.primary.p100\n        },\n        ':active path': {\n          fill: color.primary.p500\n        }\n      }}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IAC5C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,QACEA,GAAC,CAAA,UAAU,kBACE,MAAM,EACjB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;YACxC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,aAAA;AACD,YAAA,aAAa,EAAE;AACb,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACF,SAAA,EAAA,CACD,EACH;AACH;;;;"}
+{"version":3,"file":"SendIcon.js","sources":["../../../src/components/send-icon/SendIcon.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { IconButton } from '~harmony/components/button'\nimport { IconPaperAirplane } from '~harmony/icons'\n\nimport { SendIconProps } from './types'\n\nexport const SendIcon = ({ disabled = false, onClick }: SendIconProps) => {\n  const { color, motion } = useTheme()\n\n  return (\n    <IconButton\n      aria-label='Send'\n      icon={IconPaperAirplane}\n      size='2xl'\n      onClick={onClick}\n      css={{\n        padding: 0,\n        pointerEvents: disabled ? 'none' : 'all',\n        opacity: disabled ? 0.5 : 1,\n        path: {\n          fill: color.primary.primary,\n          transition: motion.quick\n        },\n        ':hover path': {\n          fill: color.primary.p100\n        },\n        ':active path': {\n          fill: color.primary.p500\n        }\n      }}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IAC5C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,QACEA,GAAC,CAAA,UAAU,kBACE,MAAM,EACjB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;YACxC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,aAAA;AACD,YAAA,aAAa,EAAE;AACb,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACF,SAAA,EAAA,CACD,EACH;AACH;;;;"}

package/dist/components/text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwC,MAAM,OAAO,CAAA;AAyBzE,eAAO,MAAM,IAAI,4WAkGhB,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAKZ,MAAM,OAAO,CAAA;AA6Dd,eAAO,MAAM,IAAI,4WAgHhB,CAAA"}

package/dist/components/text/Text.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
+import { forwardRef, useContext, isValidElement, cloneElement } from 'react';
 import { useTheme } from '@emotion/react';
 import { Slot } from '@radix-ui/react-slot';
 import { bodyLineHeightMap, variantTagMap, variantStylesMap } from './constants.js';
@@ -22,9 +22,41 @@ var getColorCss = function (color, theme) {
     }
     return { color: theme.color.text[color] };
 };
+// Check if text contains Unicode subscript characters
+var containsSubscripts = function (children) {
+    if (!children)
+        return false;
+    var text = typeof children === 'string' ? children : String(children);
+    // Unicode subscript range: \u2080-\u2089 (₀-₉) and other subscript chars
+    return /[\u2080-\u209F]/.test(text);
+};
+// Process children to replace Unicode subscripts with <sub> tags
+var processSubscripts = function (children) {
+    if (!children)
+        return children;
+    if (typeof children === 'string') {
+        // Replace Unicode subscript characters with <sub> tags
+        var parts = children.split(/([\u2080-\u209F]+)/);
+        if (parts.length === 1)
+            return children; // No subscripts found
+        return parts.map(function (part, index) {
+            if (/[\u2080-\u209F]/.test(part)) {
+                return jsx("sub", { children: part }, index);
+            }
+            return part;
+        });
+    }
+    if (Array.isArray(children)) {
+        return children.map(processSubscripts);
+    }
+    if (isValidElement(children)) {
+        return cloneElement(children, {}, processSubscripts(children.props.children));
+    }
+    return children;
+};
 var Text = forwardRef(function (props, ref) {
     var _a, _b, _c;
-    var children = props.children, variantProp = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, maxLines = props.maxLines, lineHeight = props.lineHeight, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses", "maxLines", "lineHeight"]);
+    var children = props.children, variantProp = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, maxLines = props.maxLines, lineHeight = props.lineHeight, userSelect = props.userSelect, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses", "maxLines", "lineHeight", "userSelect"]);
     var theme = useTheme();
     var contextVariant = useContext(TextContext).variant;
     var variant = (_a = variantProp !== null && variantProp !== void 0 ? variantProp : contextVariant) !== null && _a !== void 0 ? _a : 'body';
@@ -32,7 +64,8 @@ var Text = forwardRef(function (props, ref) {
     var strength = strengthProp !== null && strengthProp !== void 0 ? strengthProp : (parentVariant ? undefined : 'default');
     var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : (parentVariant ? undefined : 'm');
     var variantConfig = variant && variantStylesMap[variant];
-    var css = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: theme.typography.font, position: 'relative', boxSizing: 'border-box' }, getColorCss(color, theme)), (variantConfig && __assign(__assign({ 
+    var hasSubscripts = containsSubscripts(children);
+    var css = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: theme.typography.font, position: 'relative', boxSizing: 'border-box' }, getColorCss(color, theme)), (variantConfig && __assign(__assign({ 
         // @ts-ignore
         fontSize: theme.typography.size[variantConfig.fontSize[size]], lineHeight: 
         // @ts-ignore
@@ -57,11 +90,19 @@ var Text = forwardRef(function (props, ref) {
         lineClamp: "".concat(maxLines),
         WebkitLineClamp: "".concat(maxLines),
         WebkitBoxOrient: 'vertical'
-    })), { unicodeBidi: 'isolate' });
+    })), (userSelect && { userSelect: "".concat(userSelect, " !important") })), { unicodeBidi: 'isolate' });
     // @ts-ignore
     var variantTag = variant && ((_b = variantTagMap[variant]) === null || _b === void 0 ? void 0 : _b[size]);
     var Tag = asChild ? Slot : ((_c = tag !== null && tag !== void 0 ? tag : variantTag) !== null && _c !== void 0 ? _c : 'span');
-    var textElement = (jsx(Tag, __assign({ ref: ref, css: css }, other, { children: children })));
+    // Only convert Unicode subscripts to <sub> tags for body variants with default strength.
+    // Other variants/strengths render Unicode subscripts correctly without this conversion.
+    var shouldProcessSubscripts = hasSubscripts &&
+        variant === 'body' &&
+        (!strength || strength === 'default');
+    var processedChildren = shouldProcessSubscripts
+        ? processSubscripts(children)
+        : children;
+    var textElement = (jsx(Tag, __assign({ ref: ref, css: css }, other, { children: processedChildren })));
     if (parentVariant) {
         return textElement;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import { ElementType, ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { Theme, useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { bodyLineHeightMap, variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nconst getColorCss = (color: TextProps['color'], theme: Theme) => {\n  if (!color) return {}\n  if (color === 'heading') {\n    return {\n      color: theme.color.secondary.secondary,\n      WebkitTextFillColor: 'transparent',\n      backgroundClip: 'text',\n      backgroundImage: theme.color.text.heading\n    }\n  }\n  if (color === 'inherit') {\n    return { color: 'inherit' }\n  }\n  return { color: theme.color.text[color] }\n}\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: variantProp,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      maxLines,\n      lineHeight,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = variantProp ?? contextVariant ?? 'body'\n    const parentVariant = contextVariant && !variantProp\n    const strength = strengthProp ?? (parentVariant ? undefined : 'default')\n    const size = sizeProp ?? (parentVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n\n    const css = {\n      fontFamily: theme.typography.font,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...getColorCss(color, theme),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: theme.typography.size[variantConfig.fontSize[size]],\n\n        lineHeight:\n          // @ts-ignore\n          theme.typography.lineHeight[\n            lineHeight && variant === 'body' && size\n              ? // @ts-ignore\n                bodyLineHeightMap[size][lineHeight]\n              : // @ts-ignore\n                variantConfig.lineHeight[size]\n          ],\n        // @ts-ignore\n        fontWeight: theme.typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css),\n        ...(lineHeight === 'multi' && {\n          wordBreak: 'break-word',\n          hyphens: 'auto'\n        })\n      }),\n      ...(shadow && {\n        textShadow: theme.typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      }),\n      ...(maxLines && {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        lineClamp: `${maxLines}`,\n        WebkitLineClamp: `${maxLines}`,\n        WebkitBoxOrient: 'vertical'\n      }),\n      unicodeBidi: 'isolate'\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : (tag ?? variantTag ?? 'span')\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {children}\n      </Tag>\n    )\n\n    if (parentVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ElementType,\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  useContext\n} from 'react'\n\nimport { Theme, useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { bodyLineHeightMap, variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nconst getColorCss = (color: TextProps['color'], theme: Theme) => {\n  if (!color) return {}\n  if (color === 'heading') {\n    return {\n      color: theme.color.secondary.secondary,\n      WebkitTextFillColor: 'transparent',\n      backgroundClip: 'text',\n      backgroundImage: theme.color.text.heading\n    }\n  }\n  if (color === 'inherit') {\n    return { color: 'inherit' }\n  }\n  return { color: theme.color.text[color] }\n}\n\n// Check if text contains Unicode subscript characters\nconst containsSubscripts = (children: any): boolean => {\n  if (!children) return false\n  const text = typeof children === 'string' ? children : String(children)\n  // Unicode subscript range: \\u2080-\\u2089 (₀-₉) and other subscript chars\n  return /[\\u2080-\\u209F]/.test(text)\n}\n\n// Process children to replace Unicode subscripts with <sub> tags\nconst processSubscripts = (children: any): any => {\n  if (!children) return children\n  if (typeof children === 'string') {\n    // Replace Unicode subscript characters with <sub> tags\n    const parts = children.split(/([\\u2080-\\u209F]+)/)\n    if (parts.length === 1) return children // No subscripts found\n\n    return parts.map((part, index) => {\n      if (/[\\u2080-\\u209F]/.test(part)) {\n        return <sub key={index}>{part}</sub>\n      }\n      return part\n    })\n  }\n  if (Array.isArray(children)) {\n    return children.map(processSubscripts)\n  }\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      {},\n      processSubscripts((children.props as any).children)\n    )\n  }\n  return children\n}\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: variantProp,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      maxLines,\n      lineHeight,\n      userSelect,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = variantProp ?? contextVariant ?? 'body'\n    const parentVariant = contextVariant && !variantProp\n    const strength = strengthProp ?? (parentVariant ? undefined : 'default')\n    const size = sizeProp ?? (parentVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n    const hasSubscripts = containsSubscripts(children)\n\n    const css = {\n      fontFamily: theme.typography.font,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...getColorCss(color, theme),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: theme.typography.size[variantConfig.fontSize[size]],\n\n        lineHeight:\n          // @ts-ignore\n          theme.typography.lineHeight[\n            lineHeight && variant === 'body' && size\n              ? // @ts-ignore\n                bodyLineHeightMap[size][lineHeight]\n              : // @ts-ignore\n                variantConfig.lineHeight[size]\n          ],\n        // @ts-ignore\n        fontWeight: theme.typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css),\n        ...(lineHeight === 'multi' && {\n          wordBreak: 'break-word',\n          hyphens: 'auto'\n        })\n      }),\n      ...(shadow && {\n        textShadow: theme.typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      }),\n      ...(maxLines && {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        lineClamp: `${maxLines}`,\n        WebkitLineClamp: `${maxLines}`,\n        WebkitBoxOrient: 'vertical'\n      }),\n      ...(userSelect && { userSelect: `${userSelect} !important` }),\n      unicodeBidi: 'isolate'\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : (tag ?? variantTag ?? 'span')\n\n    // Only convert Unicode subscripts to <sub> tags for body variants with default strength.\n    // Other variants/strengths render Unicode subscripts correctly without this conversion.\n    const shouldProcessSubscripts =\n      hasSubscripts &&\n      variant === 'body' &&\n      (!strength || strength === 'default')\n\n    const processedChildren = shouldProcessSubscripts\n      ? processSubscripts(children)\n      : children\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {processedChildren}\n      </Tag>\n    )\n\n    if (parentVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/text/types.d.ts

@@ -15,6 +15,7 @@ export type BaseTextProps<TextComponentType extends ElementType = 'p'> = {
     maxLines?: number;
     textTransform?: CSSProperties['textTransform'];
     lineHeight?: 'single' | 'multi';
+    userSelect?: CSSProperties['userSelect'];
 };
 export type TextProps<TextComponentType extends ElementType = 'p'> = BaseTextProps<TextComponentType> & Omit<ComponentProps<TextComponentType>, keyof BaseTextProps | 'ref'>;
 export type TextStrength = 'weak' | 'default' | 'strong';

package/dist/components/text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,aAAa,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAAI;IACvE,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,iBAAiB,SAAS,WAAW,GAAG,GAAG,IAC/D,aAAa,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,aAAa,GAAG,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAExD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAC5E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA"}

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

@@ -15,6 +15,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -31,6 +32,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -45,6 +47,7 @@ export declare const colorTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -113,6 +116,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -139,6 +146,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -155,6 +163,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -169,6 +178,7 @@ export declare const colorTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -237,6 +247,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -263,6 +277,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -279,6 +294,7 @@ export declare const colorTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -293,6 +309,7 @@ export declare const colorTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -361,6 +378,10 @@ export declare const colorTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;

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

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}

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

@@ -51,6 +51,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -113,6 +117,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;
@@ -175,6 +183,10 @@ export declare const primitiveTheme: {
             gradientStop1: string;
             gradientStop2: string;
             gradient: string;
+            coinGradient: string;
+            coinGradientColor1: string;
+            coinGradientColor2: string;
+            coinGradientColor3: string;
             green: string;
             lightGreen: string;
             orange: string;

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

@@ -1 +1 @@
-{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2L1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0M1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAA"}

package/dist/foundations/color/primitive.js

@@ -51,6 +51,10 @@ var primitiveTheme = {
             gradientStop1: '#5B23E1FF',
             gradientStop2: '#A22FEBFF',
             gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #CC0FE0FF -4.82%, #7E1BCCFF 49.8%, #1BA1F1FF 104.43%)',
+            coinGradientColor1: '#CC0FE0FF',
+            coinGradientColor2: '#7E1BCCFF',
+            coinGradientColor3: '#1BA1F1FF',
             green: '#0F9E48FF',
             lightGreen: '#13C65AFF',
             orange: '#FF9400FF',
@@ -113,6 +117,10 @@ var primitiveTheme = {
             gradientStop1: '#9469EEFF',
             gradientStop2: '#C781FCFF',
             gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #D767E1FF -4.82%, #C67CFFFF 49.8%, #58B9F4FF 104.43%)',
+            coinGradientColor1: '#D767E1FF',
+            coinGradientColor2: '#C67CFFFF',
+            coinGradientColor3: '#58B9F4FF',
             green: '#6CDF44FF',
             lightGreen: '#15D864FF',
             orange: '#EFA947FF',
@@ -175,6 +183,10 @@ var primitiveTheme = {
             gradientStop1: '#6CDF44FF',
             gradientStop2: '#13C65AFF',
             gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',
+            coinGradient: 'linear-gradient(85deg, #0BD90BFF -4.82%, #00E252FF 49.8%, #20E290FF 104.43%)',
+            coinGradientColor1: '#0BD90BFF',
+            coinGradientColor2: '#00E252FF',
+            coinGradientColor3: '#20E290FF',
             green: '#2EB954FF',
             lightGreen: '#0BF90BFF',
             orange: '#FFA524FF',

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

@@ -1 +1 @@
-{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      primary: '#CC0FE0FF',\n      secondary: '#7E1BCCFF',\n      white: '#FFFFFFFF',\n      staticWhite: '#FFFFFFFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#D63FE6FF',\n      p200: '#D127E3FF',\n      p300: '#CC0FE0FF',\n      p400: '#B80ECAFF',\n      p500: '#A30CB3FF',\n      default: '#CC0FE0FF',\n      primary: '#CC0FE0FF'\n    },\n    secondary: {\n      s100: '#9849D6FF',\n      s200: '#8B32D1FF',\n      s300: '#7E1BCCFF',\n      s400: '#7118B8FF',\n      s500: '#6516A3FF',\n      default: '#7E1BCCFF',\n      secondary: '#7E1BCCFF'\n    },\n    neutral: {\n      n25: '#FAFAFAFF',\n      n50: '#F7F7F8FF',\n      n100: '#EFEFF1FF',\n      n150: '#E7E7EAFF',\n      n200: '#D6D5DBFF',\n      n300: '#C3C1CBFF',\n      n400: '#A2A0AFFF',\n      n500: '#938FA3FF',\n      n600: '#817D95FF',\n      n700: '#736E88FF',\n      n800: '#6C6780FF',\n      n900: '#615D73FF',\n      n950: '#524F62FF',\n      default: '#6C6780FF',\n      neutral: '#6C6780FF'\n    },\n    special: {\n      aiGreen: '#1FD187FF',\n      background: '#F6F5F7FF',\n      blue: '#1BA1F1FF',\n      darkRed: '#BB0218FF',\n      glassOverlay: '#FFFFFFD9',\n      gradientStop1: '#5B23E1FF',\n      gradientStop2: '#A22FEBFF',\n      gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',\n      green: '#0F9E48FF',\n      lightGreen: '#13C65AFF',\n      orange: '#FF9400FF',\n      red: '#D0021BFF',\n      trendingBlue: '#216FDCFF',\n      white: '#FFFFFFFF',\n      default: '#1BA1F1FF',\n      special: '#1BA1F1FF'\n    }\n  },\n  dark: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#2F3348FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#924699FF',\n      p200: '#B356BBFF',\n      p300: '#D767E1FF',\n      p400: '#F479FFFF',\n      p500: '#F7A4FFFF',\n      default: '#D767E1FF',\n      primary: '#D767E1FF'\n    },\n    secondary: {\n      s100: '#9A66CAFF',\n      s200: '#B071E4FF',\n      s300: '#C67CFFFF',\n      s400: '#CF90FFFF',\n      s500: '#D7A3FFFF',\n      default: '#C67CFFFF',\n      secondary: '#C67CFFFF'\n    },\n    neutral: {\n      n25: '#30354AFF',\n      n50: '#353A51FF',\n      n100: '#3C425DFF',\n      n150: '#444B69FF',\n      n200: '#4F577AFF',\n      n300: '#656F9BFF',\n      n400: '#7B83A7FF',\n      n500: '#969BB6FF',\n      n600: '#A6AAC0FF',\n      n700: '#B6B9CBFF',\n      n800: '#C6C8D6FF',\n      n900: '#D6D7E1FF',\n      n950: '#E6E7EDFF',\n      default: '#C6C8D6FF',\n      neutral: '#C6C8D6FF'\n    },\n    special: {\n      aiGreen: '#1ECF7AFF',\n      background: '#202131FF',\n      blue: '#58B9F4FF',\n      darkRed: '#C43047FF',\n      glassOverlay: '#2F334899',\n      gradientStop1: '#9469EEFF',\n      gradientStop2: '#C781FCFF',\n      gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',\n      green: '#6CDF44FF',\n      lightGreen: '#15D864FF',\n      orange: '#EFA947FF',\n      red: '#F9344CFF',\n      trendingBlue: '#2A85E8FF',\n      white: '#2F3348FF',\n      default: '#58B9F4FF',\n      special: '#58B9F4FF'\n    }\n  },\n  matrix: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#020804FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#08A008FF',\n      p200: '#09B509FF',\n      p300: '#0BD90BFF',\n      p400: '#0BE40BFF',\n      p500: '#3DF23DFF',\n      default: '#0BD90BFF',\n      primary: '#0BD90BFF'\n    },\n    secondary: {\n      s100: '#00A73CFF',\n      s200: '#00BD44FF',\n      s300: '#00E252FF',\n      s400: '#00ED56FF',\n      s500: '#3CFB6BFF',\n      default: '#00E252FF',\n      secondary: '#00E252FF'\n    },\n    neutral: {\n      n25: '#010B06FF',\n      n50: '#041308FF',\n      n100: '#0A1F0DFF',\n      n150: '#0F2F15FF',\n      n200: '#123F1BFF',\n      n300: '#166527FF',\n      n400: '#1C8736FF',\n      n500: '#1F9E3FFF',\n      n600: '#2EB954FF',\n      n700: '#34D561FF',\n      n800: '#3EF56BFF',\n      n900: '#54FF80FF',\n      n950: '#9BFFA7FF',\n      default: '#3EF56BFF',\n      neutral: '#3EF56BFF'\n    },\n    special: {\n      aiGreen: '#1EEB57FF',\n      background: '#000000FF',\n      blue: '#20E290FF',\n      darkRed: '#D63C5AFF',\n      glassOverlay: '#01010199',\n      gradientStop1: '#6CDF44FF',\n      gradientStop2: '#13C65AFF',\n      gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',\n      green: '#2EB954FF',\n      lightGreen: '#0BF90BFF',\n      orange: '#FFA524FF',\n      red: '#F9344CFF',\n      trendingBlue: '#1EEB6FFF',\n      white: '#020804FF',\n      default: '#20E290FF',\n      special: '#20E290FF'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\nexport type StaticColors = keyof PrimitiveColors['static']\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      primary: '#CC0FE0FF',\n      secondary: '#7E1BCCFF',\n      white: '#FFFFFFFF',\n      staticWhite: '#FFFFFFFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#D63FE6FF',\n      p200: '#D127E3FF',\n      p300: '#CC0FE0FF',\n      p400: '#B80ECAFF',\n      p500: '#A30CB3FF',\n      default: '#CC0FE0FF',\n      primary: '#CC0FE0FF'\n    },\n    secondary: {\n      s100: '#9849D6FF',\n      s200: '#8B32D1FF',\n      s300: '#7E1BCCFF',\n      s400: '#7118B8FF',\n      s500: '#6516A3FF',\n      default: '#7E1BCCFF',\n      secondary: '#7E1BCCFF'\n    },\n    neutral: {\n      n25: '#FAFAFAFF',\n      n50: '#F7F7F8FF',\n      n100: '#EFEFF1FF',\n      n150: '#E7E7EAFF',\n      n200: '#D6D5DBFF',\n      n300: '#C3C1CBFF',\n      n400: '#A2A0AFFF',\n      n500: '#938FA3FF',\n      n600: '#817D95FF',\n      n700: '#736E88FF',\n      n800: '#6C6780FF',\n      n900: '#615D73FF',\n      n950: '#524F62FF',\n      default: '#6C6780FF',\n      neutral: '#6C6780FF'\n    },\n    special: {\n      aiGreen: '#1FD187FF',\n      background: '#F6F5F7FF',\n      blue: '#1BA1F1FF',\n      darkRed: '#BB0218FF',\n      glassOverlay: '#FFFFFFD9',\n      gradientStop1: '#5B23E1FF',\n      gradientStop2: '#A22FEBFF',\n      gradient: 'linear-gradient(315deg, #5B23E1FF 0%, #A22FEBFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #CC0FE0FF -4.82%, #7E1BCCFF 49.8%, #1BA1F1FF 104.43%)',\n      coinGradientColor1: '#CC0FE0FF',\n      coinGradientColor2: '#7E1BCCFF',\n      coinGradientColor3: '#1BA1F1FF',\n      green: '#0F9E48FF',\n      lightGreen: '#13C65AFF',\n      orange: '#FF9400FF',\n      red: '#D0021BFF',\n      trendingBlue: '#216FDCFF',\n      white: '#FFFFFFFF',\n      default: '#1BA1F1FF',\n      special: '#1BA1F1FF'\n    }\n  },\n  dark: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#2F3348FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#924699FF',\n      p200: '#B356BBFF',\n      p300: '#D767E1FF',\n      p400: '#F479FFFF',\n      p500: '#F7A4FFFF',\n      default: '#D767E1FF',\n      primary: '#D767E1FF'\n    },\n    secondary: {\n      s100: '#9A66CAFF',\n      s200: '#B071E4FF',\n      s300: '#C67CFFFF',\n      s400: '#CF90FFFF',\n      s500: '#D7A3FFFF',\n      default: '#C67CFFFF',\n      secondary: '#C67CFFFF'\n    },\n    neutral: {\n      n25: '#30354AFF',\n      n50: '#353A51FF',\n      n100: '#3C425DFF',\n      n150: '#444B69FF',\n      n200: '#4F577AFF',\n      n300: '#656F9BFF',\n      n400: '#7B83A7FF',\n      n500: '#969BB6FF',\n      n600: '#A6AAC0FF',\n      n700: '#B6B9CBFF',\n      n800: '#C6C8D6FF',\n      n900: '#D6D7E1FF',\n      n950: '#E6E7EDFF',\n      default: '#C6C8D6FF',\n      neutral: '#C6C8D6FF'\n    },\n    special: {\n      aiGreen: '#1ECF7AFF',\n      background: '#202131FF',\n      blue: '#58B9F4FF',\n      darkRed: '#C43047FF',\n      glassOverlay: '#2F334899',\n      gradientStop1: '#9469EEFF',\n      gradientStop2: '#C781FCFF',\n      gradient: 'linear-gradient(315deg, #9469EEFF 0%, #C781FCFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #D767E1FF -4.82%, #C67CFFFF 49.8%, #58B9F4FF 104.43%)',\n      coinGradientColor1: '#D767E1FF',\n      coinGradientColor2: '#C67CFFFF',\n      coinGradientColor3: '#58B9F4FF',\n      green: '#6CDF44FF',\n      lightGreen: '#15D864FF',\n      orange: '#EFA947FF',\n      red: '#F9344CFF',\n      trendingBlue: '#2A85E8FF',\n      white: '#2F3348FF',\n      default: '#58B9F4FF',\n      special: '#58B9F4FF'\n    }\n  },\n  matrix: {\n    static: {\n      primary: '#B94CC2FF',\n      secondary: '#7E1BCCFF',\n      white: '#020804FF',\n      staticWhite: '#F6F8FCFF',\n      black: '#000000'\n    },\n    primary: {\n      p100: '#08A008FF',\n      p200: '#09B509FF',\n      p300: '#0BD90BFF',\n      p400: '#0BE40BFF',\n      p500: '#3DF23DFF',\n      default: '#0BD90BFF',\n      primary: '#0BD90BFF'\n    },\n    secondary: {\n      s100: '#00A73CFF',\n      s200: '#00BD44FF',\n      s300: '#00E252FF',\n      s400: '#00ED56FF',\n      s500: '#3CFB6BFF',\n      default: '#00E252FF',\n      secondary: '#00E252FF'\n    },\n    neutral: {\n      n25: '#010B06FF',\n      n50: '#041308FF',\n      n100: '#0A1F0DFF',\n      n150: '#0F2F15FF',\n      n200: '#123F1BFF',\n      n300: '#166527FF',\n      n400: '#1C8736FF',\n      n500: '#1F9E3FFF',\n      n600: '#2EB954FF',\n      n700: '#34D561FF',\n      n800: '#3EF56BFF',\n      n900: '#54FF80FF',\n      n950: '#9BFFA7FF',\n      default: '#3EF56BFF',\n      neutral: '#3EF56BFF'\n    },\n    special: {\n      aiGreen: '#1EEB57FF',\n      background: '#000000FF',\n      blue: '#20E290FF',\n      darkRed: '#D63C5AFF',\n      glassOverlay: '#01010199',\n      gradientStop1: '#6CDF44FF',\n      gradientStop2: '#13C65AFF',\n      gradient: 'linear-gradient(315deg, #6CDF44FF 0%, #13C65AFF 100%)',\n      coinGradient:\n        'linear-gradient(85deg, #0BD90BFF -4.82%, #00E252FF 49.8%, #20E290FF 104.43%)',\n      coinGradientColor1: '#0BD90BFF',\n      coinGradientColor2: '#00E252FF',\n      coinGradientColor3: '#20E290FF',\n      green: '#2EB954FF',\n      lightGreen: '#0BF90BFF',\n      orange: '#FFA524FF',\n      red: '#F9344CFF',\n      trendingBlue: '#1EEB6FFF',\n      white: '#020804FF',\n      default: '#20E290FF',\n      special: '#20E290FF'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\nexport type StaticColors = keyof PrimitiveColors['static']\n"],"names":[],"mappings":"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"}

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

@@ -15,6 +15,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -31,6 +32,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -45,6 +47,7 @@ export declare const semanticTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -79,6 +82,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -95,6 +99,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -109,6 +114,7 @@ export declare const semanticTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {
@@ -143,6 +149,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         icon: {
             default: string;
@@ -159,6 +166,7 @@ export declare const semanticTheme: {
             danger: string;
             premium: string;
             special: string;
+            artistCoin: string;
         };
         link: {
             default: string;
@@ -173,6 +181,7 @@ export declare const semanticTheme: {
             white: string;
             primary: string;
             gradient: string;
+            artistCoin: string;
             accent: string;
         };
         border: {

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":"AA0EA,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":"AA6EA,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

@@ -16,7 +16,8 @@ var createSemanticTheme = function (primitives) { return ({
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
-        special: primitives.special.blue
+        special: primitives.special.blue,
+        artistCoin: primitives.special.coinGradient
     },
     icon: {
         default: primitives.neutral.n800,
@@ -33,7 +34,8 @@ var createSemanticTheme = function (primitives) { return ({
         warning: primitives.special.orange,
         danger: primitives.special.red,
         premium: primitives.special.lightGreen,
-        special: primitives.special.blue
+        special: primitives.special.blue,
+        artistCoin: primitives.special.coinGradient
     },
     link: {
         default: primitives.neutral.n800,
@@ -48,6 +50,7 @@ var createSemanticTheme = function (primitives) { return ({
         white: primitives.special.white,
         primary: primitives.primary.p300,
         gradient: primitives.special.gradient,
+        artistCoin: primitives.special.coinGradient,
         // Legacy compatibility
         accent: primitives.secondary.s300
     },

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

@@ -1 +1 @@
-{"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    gradient: primitives.special.gradient,\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":";;AAGA,IAAM,mBAAmB,GAAG,UAAC,UAA2B,EAAA,EAAK,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;;AAGhC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC7B,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;;AAGtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW;AAC1C,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AAClC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;;AAGrC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAC/B,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACnC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC7B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC/B,KAAA;CACF,EAAC,EAAA,CAAA;AAEW,IAAA,aAAa,GAAG;AAC3B,IAAA,GAAG,EAAE,mBAAmB,CAAC,cAAc,CAAC,GAAG,CAAC;AAC5C,IAAA,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC;AAC9C,IAAA,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,MAAM,CAAC;;;;;"}
+{"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    artistCoin: primitives.special.coinGradient\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    artistCoin: primitives.special.coinGradient\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    gradient: primitives.special.gradient,\n    artistCoin: primitives.special.coinGradient,\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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"}