@magiclabs/ui-components 1.23.0 → 1.23.2

package/dist/cjs/components/inputs/phone-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input.js","sources":["../../../../src/components/inputs/phone-input.tsx"],"sourcesContent":["import { IcoCaretDown, IcoCheckmarkCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\nimport { FlagImage, defaultCountries, usePhoneInput, type CountryIso2 } from 'react-international-phone';\n\nexport interface PhoneInputProps {\n  onChange: (phone: string) => void;\n  autoFocus?: boolean;\n  errorMessage?: string;\n}\n\nconst FlagContainer = ({ iso2 }: { iso2: CountryIso2 }) => {\n  return (\n    <Flex\n      width=\"1.125rem\"\n      height=\"1.125rem\"\n      borderRadius=\"full\"\n      borderWidth=\"thin\"\n      borderColor=\"neutral.primary\"\n      overflow=\"hidden\"\n      align=\"center\"\n    >\n      <FlagImage\n        src={`https://flagcdn.com/${iso2}.svg`}\n        iso2={iso2}\n        size={16}\n        className={css({ objectFit: 'cover' })}\n      />\n    </Flex>\n  );\n};\n\nconst PhoneInput = (props: PhoneInputProps) => {\n  const { onChange, autoFocus = true, errorMessage } = props;\n  const [value, setValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [focusedIndex, setFocusedIndex] = useState(0);\n  const [searchString, setSearchString] = useState('');\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const typeAheadTimeout = useRef<number | undefined>(undefined);\n\n  const { country, setCountry, inputRef, handlePhoneValueChange, inputValue } = usePhoneInput({\n    defaultCountry: 'us',\n    value,\n    onChange: data => {\n      setValue(data.phone);\n      onChange(data.phone);\n    },\n  });\n\n  const sortedCountries = useMemo(() => {\n    const otherCountries = defaultCountries.filter(([, iso2]) => iso2 !== country.iso2);\n    const selectedCountry = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n    return selectedCountry ? [selectedCountry, ...otherCountries] : [...defaultCountries];\n  }, [country.iso2]);\n\n  const filteredCountries = useMemo(() => {\n    return sortedCountries.filter(([, iso2]) => iso2 !== country.iso2);\n  }, [country.iso2]);\n\n  const handleSelect = useCallback(\n    (iso2: CountryIso2) => {\n      setCountry(iso2);\n      setShowDropdown(false);\n      inputRef.current?.focus();\n    },\n    [setCountry],\n  );\n\n  const toggleDropdown = useCallback(() => {\n    setShowDropdown(!showDropdown);\n    if (!showDropdown) {\n      setFocusedIndex(0);\n      setTimeout(() => dropdownRef.current?.focus());\n    }\n  }, [showDropdown]);\n\n  const { buttonProps } = useButton(\n    {\n      onPress: toggleDropdown,\n    },\n    buttonRef,\n  );\n\n  const { focusProps, isFocusVisible: isButtonFocused } = useFocusRing();\n\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: e => {\n      if (!showDropdown) return;\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          setFocusedIndex(prev => (prev + 1) % sortedCountries.length);\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          setFocusedIndex(prev => (prev - 1 + sortedCountries.length) % sortedCountries.length);\n          break;\n        case 'Enter':\n          e.preventDefault();\n          if (focusedIndex >= 0) {\n            const [, iso2] = sortedCountries[focusedIndex];\n            handleSelect(iso2);\n          }\n          break;\n        case 'Escape':\n          setShowDropdown(false);\n          inputRef.current?.focus();\n          break;\n        default:\n          if (e.key === ' ' || e.key.match(/[\\w]/i)) {\n            e.preventDefault();\n            clearTimeout(typeAheadTimeout.current);\n            setSearchString(s => s + e.key);\n            typeAheadTimeout.current = window.setTimeout(() => {\n              setSearchString('');\n            }, 1000);\n          }\n          break;\n      }\n    },\n  });\n\n  useEffect(() => {\n    // Focus the input when the component mounts if autoFocus is true\n    if (autoFocus) {\n      inputRef.current?.focus();\n    }\n\n    // Closes the dropdown when clicking outside of it\n    const handleClick = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setShowDropdown(false);\n        setIsFocused(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Implements type-ahead search functionality\n    if (searchString !== '') {\n      const matchIndex = filteredCountries.findIndex(([name]) =>\n        name.toLowerCase().startsWith(searchString.toLowerCase()),\n      );\n      if (matchIndex !== -1) {\n        const actualIndex = sortedCountries.findIndex(([name]) => name === filteredCountries[matchIndex][0]);\n        setFocusedIndex(actualIndex);\n        itemRefs.current[actualIndex]?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n        });\n      }\n    }\n  }, [searchString, sortedCountries, country.iso2]);\n\n  useEffect(() => {\n    // Scrolls the focused item into view\n    if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {\n      itemRefs.current[focusedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [focusedIndex]);\n\n  const handleFocus = () => {\n    setIsFocused(true);\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n  };\n\n  return (\n    <VStack gap={2}>\n      <Flex\n        {...mergeProps(keyboardProps, focusProps)}\n        ref={containerRef}\n        height=\"fit-content\"\n        width=\"full\"\n        alignItems=\"center\"\n        justify=\"center\"\n        borderWidth=\"thin\"\n        borderColor=\"neutral.secondary\"\n        borderRadius=\"input\"\n        transition=\"all linear 120ms\"\n        outlineColor=\"brand.base\"\n        outlineStyle={isFocused && !isButtonFocused ? 'solid' : 'none'}\n        outlineWidth=\"thick\"\n        outlineOffset={0.5}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        position=\"relative\"\n        _hover={{ borderColor: 'neutral.primary' }}\n      >\n        <button\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderStartRadius: 'input',\n            h: 12,\n            w: 20,\n            px: 3,\n            outlineColor: 'brand.base',\n            outlineStyle: isButtonFocused ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 0.5,\n            cursor: 'pointer',\n            transition: 'all linear 120ms',\n            _hover: {\n              bg: 'surface.tertiary',\n            },\n          })}\n        >\n          <HStack gap={2}>\n            <FlagContainer iso2={country.iso2} />\n            <IcoCaretDown width={14} height={14} transform={showDropdown ? 'rotate(180)' : ''} />\n          </HStack>\n        </button>\n\n        {showDropdown && (\n          <Box\n            ref={dropdownRef}\n            tabIndex={-1}\n            bg=\"surface.primary\"\n            position=\"absolute\"\n            w=\"full\"\n            rounded=\"input\"\n            top={55}\n            boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n            maxHeight=\"17.5rem\"\n            overflowY=\"auto\"\n            outline=\"none\"\n          >\n            {sortedCountries.map(([name, iso2, countryCode], index) => {\n              const isSelectedCountry = country.iso2 === iso2;\n              const isFocusedCountry = focusedIndex === index;\n\n              return (\n                <HStack\n                  cursor=\"pointer\"\n                  bg={isSelectedCountry ? 'brand.base' : isFocusedCountry ? 'brand.lightest' : ''}\n                  _hover={!isSelectedCountry ? { bg: 'brand.lightest' } : {}}\n                  key={iso2}\n                  ref={el => (itemRefs.current[index] = el)}\n                  gap={2}\n                  p={4}\n                  onClick={() => handleSelect(iso2)}\n                  justify=\"space-between\"\n                >\n                  <HStack gap={4}>\n                    {isSelectedCountry ? (\n                      <IcoCheckmarkCircleFill width={18} height={18} color={token('colors.surface.primary')} />\n                    ) : (\n                      <FlagContainer iso2={iso2} />\n                    )}\n                    <Text styles={{ color: isSelectedCountry ? token('colors.surface.primary') : '' }}>{name}</Text>\n                  </HStack>\n                  <Text\n                    styles={{\n                      color: isSelectedCountry ? token('colors.surface.primary') : token('colors.text.tertiary'),\n                    }}\n                  >\n                    +{countryCode}\n                  </Text>\n                </HStack>\n              );\n            })}\n          </Box>\n        )}\n        <input\n          type=\"tel\"\n          inputMode=\"tel\"\n          onChange={handlePhoneValueChange}\n          value={inputValue}\n          ref={inputRef}\n          className={css({\n            transition: 'all linear 120ms',\n            width: 'full',\n            boxSizing: 'border-box',\n            borderLeftWidth: 'thin',\n            borderColor: 'neutral.secondary',\n            rounded: 0,\n            margin: 0,\n            minWidth: 10,\n            fontWeight: 'medium',\n            backgroundColor: 'transparent',\n            color: 'text.primary',\n            height: 12,\n            fontSize: 'md',\n            py: 3,\n            px: 4,\n            textAlign: 'left',\n            outline: 'none',\n            _placeholder: {\n              color: 'text.tertiary',\n            },\n          })}\n        />\n      </Flex>\n      {errorMessage && (\n        <Text variant=\"error\" size=\"sm\" styles={{ fontWeight: '400' }}>\n          {errorMessage}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n\nPhoneInput.displayName = 'PhoneInput';\nexport default PhoneInput;\n"],"names":["FlagContainer","iso2","_jsx","Flex","FlagImage","css","PhoneInput","props","onChange","autoFocus","errorMessage","value","setValue","useState","isFocused","setIsFocused","showDropdown","setShowDropdown","focusedIndex","setFocusedIndex","searchString","setSearchString","buttonRef","useRef","containerRef","dropdownRef","itemRefs","typeAheadTimeout","country","setCountry","inputRef","handlePhoneValueChange","inputValue","usePhoneInput","data","sortedCountries","useMemo","otherCountries","defaultCountries","selectedCountry","filteredCountries","handleSelect","useCallback","_a","toggleDropdown","buttonProps","useButton","focusProps","isButtonFocused","useFocusRing","keyboardProps","useKeyboard","prev","s","useEffect","handleClick","event","matchIndex","name","actualIndex","handleFocus","handleBlur","_jsxs","VStack","mergeProps","HStack","IcoCaretDown","Box","countryCode","index","isSelectedCountry","el","IcoCheckmarkCircleFill","token","Text"],"mappings":"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"}
+{"version":3,"file":"phone-input.js","sources":["../../../../src/components/inputs/phone-input.tsx"],"sourcesContent":["import { IcoCaretDown, IcoCheckmarkCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\nimport { FlagImage, defaultCountries, usePhoneInput, type CountryIso2 } from 'react-international-phone';\n\nexport interface PhoneInputProps {\n  onChange: (phone: string) => void;\n  autoFocus?: boolean;\n  errorMessage?: string;\n}\n\nconst FlagContainer = ({ iso2 }: { iso2: CountryIso2 }) => {\n  return (\n    <Flex\n      width=\"1.125rem\"\n      height=\"1.125rem\"\n      borderRadius=\"full\"\n      borderWidth=\"thin\"\n      borderColor=\"neutral.primary\"\n      overflow=\"hidden\"\n      align=\"center\"\n    >\n      <FlagImage\n        src={`https://flagcdn.com/${iso2}.svg`}\n        iso2={iso2}\n        size={16}\n        className={css({ objectFit: 'cover' })}\n      />\n    </Flex>\n  );\n};\n\nconst PhoneInput = (props: PhoneInputProps) => {\n  const { onChange, autoFocus = true, errorMessage } = props;\n  const [value, setValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [showDropdown, setShowDropdown] = useState(false);\n  const [focusedIndex, setFocusedIndex] = useState(0);\n  const [searchString, setSearchString] = useState('');\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const typeAheadTimeout = useRef<number | undefined>(undefined);\n\n  const { country, setCountry, inputRef, handlePhoneValueChange, inputValue } = usePhoneInput({\n    defaultCountry: 'us',\n    value,\n    onChange: data => {\n      setValue(data.phone);\n      onChange(data.phone);\n    },\n  });\n\n  const sortedCountries = useMemo(() => {\n    const otherCountries = defaultCountries.filter(([, iso2]) => iso2 !== country.iso2);\n    const selectedCountry = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n    return selectedCountry ? [selectedCountry, ...otherCountries] : [...defaultCountries];\n  }, [country.iso2]);\n\n  const filteredCountries = useMemo(() => {\n    return sortedCountries.filter(([, iso2]) => iso2 !== country.iso2);\n  }, [country.iso2]);\n\n  const handleSelect = useCallback(\n    (iso2: CountryIso2) => {\n      setCountry(iso2);\n      setShowDropdown(false);\n      inputRef.current?.focus();\n    },\n    [setCountry],\n  );\n\n  const toggleDropdown = useCallback(() => {\n    setShowDropdown(!showDropdown);\n    if (!showDropdown) {\n      setFocusedIndex(0);\n      setTimeout(() => dropdownRef.current?.focus());\n    }\n  }, [showDropdown]);\n\n  const { buttonProps } = useButton(\n    {\n      onPress: toggleDropdown,\n    },\n    buttonRef,\n  );\n\n  const { focusProps, isFocusVisible: isButtonFocused } = useFocusRing();\n\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: e => {\n      if (!showDropdown) return;\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          setFocusedIndex(prev => (prev + 1) % sortedCountries.length);\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          setFocusedIndex(prev => (prev - 1 + sortedCountries.length) % sortedCountries.length);\n          break;\n        case 'Enter':\n          e.preventDefault();\n          if (focusedIndex >= 0) {\n            const [, iso2] = sortedCountries[focusedIndex];\n            handleSelect(iso2);\n          }\n          break;\n        case 'Escape':\n          setShowDropdown(false);\n          inputRef.current?.focus();\n          break;\n        default:\n          if (e.key === ' ' || e.key.match(/[\\w]/i)) {\n            e.preventDefault();\n            clearTimeout(typeAheadTimeout.current);\n            setSearchString(s => s + e.key);\n            typeAheadTimeout.current = window.setTimeout(() => {\n              setSearchString('');\n            }, 1000);\n          }\n          break;\n      }\n    },\n  });\n\n  useEffect(() => {\n    // Focus the input when the component mounts if autoFocus is true\n    if (autoFocus) {\n      inputRef.current?.focus();\n    }\n\n    // Closes the dropdown when clicking outside of it\n    const handleClick = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setShowDropdown(false);\n        setIsFocused(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, []);\n\n  useEffect(() => {\n    // Implements type-ahead search functionality\n    if (searchString !== '') {\n      const matchIndex = filteredCountries.findIndex(([name]) =>\n        name.toLowerCase().startsWith(searchString.toLowerCase()),\n      );\n      if (matchIndex !== -1) {\n        const actualIndex = sortedCountries.findIndex(([name]) => name === filteredCountries[matchIndex][0]);\n        setFocusedIndex(actualIndex);\n        itemRefs.current[actualIndex]?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n        });\n      }\n    }\n  }, [searchString, sortedCountries, country.iso2]);\n\n  useEffect(() => {\n    // Scrolls the focused item into view\n    if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {\n      itemRefs.current[focusedIndex]?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n    }\n  }, [focusedIndex]);\n\n  const handleFocus = () => {\n    setIsFocused(true);\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n  };\n\n  return (\n    <VStack gap={2}>\n      <Flex\n        {...mergeProps(keyboardProps, focusProps)}\n        ref={containerRef}\n        height=\"fit-content\"\n        width=\"full\"\n        alignItems=\"center\"\n        justify=\"center\"\n        borderWidth=\"thin\"\n        borderColor=\"neutral.secondary\"\n        borderRadius=\"input\"\n        transition=\"all linear 120ms\"\n        outlineColor=\"brand.base\"\n        outlineStyle={isFocused && !isButtonFocused ? 'solid' : 'none'}\n        outlineWidth=\"thick\"\n        outlineOffset={0.5}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        position=\"relative\"\n        _hover={{ borderColor: 'neutral.primary' }}\n      >\n        <button\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderStartRadius: 'input',\n            h: 12,\n            w: 20,\n            px: 3,\n            outlineColor: 'brand.base',\n            outlineStyle: isButtonFocused ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 0.5,\n            cursor: 'pointer',\n            transition: 'all linear 120ms',\n            _hover: {\n              bg: 'surface.tertiary',\n            },\n          })}\n        >\n          <HStack gap={2}>\n            <FlagContainer iso2={country.iso2} />\n            <IcoCaretDown width={14} height={14} transform={showDropdown ? 'rotate(180)' : ''} />\n          </HStack>\n        </button>\n\n        {showDropdown && (\n          <Box\n            ref={dropdownRef}\n            tabIndex={-1}\n            bg=\"surface.primary\"\n            position=\"absolute\"\n            w=\"full\"\n            rounded=\"input\"\n            top={55}\n            boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n            maxHeight=\"17.5rem\"\n            overflowY=\"auto\"\n            outline=\"none\"\n          >\n            {sortedCountries.map(([name, iso2, countryCode], index) => {\n              const isSelectedCountry = country.iso2 === iso2;\n              const isFocusedCountry = focusedIndex === index;\n\n              return (\n                <HStack\n                  cursor=\"pointer\"\n                  bg={isSelectedCountry ? 'brand.base' : isFocusedCountry ? 'brand.lightest' : ''}\n                  _hover={!isSelectedCountry ? { bg: 'brand.lightest' } : {}}\n                  key={iso2}\n                  ref={el => (itemRefs.current[index] = el)}\n                  gap={2}\n                  p={4}\n                  onClick={() => handleSelect(iso2)}\n                  justify=\"space-between\"\n                >\n                  <HStack gap={4}>\n                    {isSelectedCountry ? (\n                      <IcoCheckmarkCircleFill width={18} height={18} color={token('colors.surface.primary')} />\n                    ) : (\n                      <FlagContainer iso2={iso2} />\n                    )}\n                    <Text color={isSelectedCountry ? 'text.quaternary' : 'text.primary'}>{name}</Text>\n                  </HStack>\n                  <Text color={isSelectedCountry ? 'text.quaternary' : 'text.tertiary'}>+{countryCode}</Text>\n                </HStack>\n              );\n            })}\n          </Box>\n        )}\n        <input\n          type=\"tel\"\n          inputMode=\"tel\"\n          onChange={handlePhoneValueChange}\n          value={inputValue}\n          ref={inputRef}\n          className={css({\n            transition: 'all linear 120ms',\n            width: 'full',\n            boxSizing: 'border-box',\n            borderLeftWidth: 'thin',\n            borderColor: 'neutral.secondary',\n            rounded: 0,\n            margin: 0,\n            minWidth: 10,\n            fontWeight: 'medium',\n            backgroundColor: 'transparent',\n            color: 'text.primary',\n            height: 12,\n            fontSize: 'md',\n            py: 3,\n            px: 4,\n            textAlign: 'left',\n            outline: 'none',\n            _placeholder: {\n              color: 'text.tertiary',\n            },\n          })}\n        />\n      </Flex>\n      {errorMessage && (\n        <Text variant=\"error\" size=\"sm\" fontWeight=\"normal\">\n          {errorMessage}\n        </Text>\n      )}\n    </VStack>\n  );\n};\n\nPhoneInput.displayName = 'PhoneInput';\nexport default PhoneInput;\n"],"names":["FlagContainer","iso2","_jsx","Flex","FlagImage","css","PhoneInput","props","onChange","autoFocus","errorMessage","value","setValue","useState","isFocused","setIsFocused","showDropdown","setShowDropdown","focusedIndex","setFocusedIndex","searchString","setSearchString","buttonRef","useRef","containerRef","dropdownRef","itemRefs","typeAheadTimeout","country","setCountry","inputRef","handlePhoneValueChange","inputValue","usePhoneInput","data","sortedCountries","useMemo","otherCountries","defaultCountries","selectedCountry","filteredCountries","handleSelect","useCallback","_a","toggleDropdown","buttonProps","useButton","focusProps","isButtonFocused","useFocusRing","keyboardProps","useKeyboard","prev","s","useEffect","handleClick","event","matchIndex","name","actualIndex","handleFocus","handleBlur","_jsxs","VStack","mergeProps","HStack","IcoCaretDown","Box","countryCode","index","isSelectedCountry","el","IcoCheckmarkCircleFill","token","Text"],"mappings":"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"}

package/dist/cjs/components/inputs/text-input.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),n=require("react-aria"),R=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var x=require("../primitives/text.js"),z=require("../../recipes/text-input.js"),N=require("@styled/css"),m=require("@styled/jsx"),f=require("@styled/tokens"),o=require("create-slots");const E=o.createSlot(({children:s,...l})=>e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",children:a.Children.map(s,r=>{var t;return a.cloneElement(r,{...l,color:(t=r.props.color)!==null&&t!==void 0?t:f.token("colors.neutral.primary")})})})),w=o.createSlot(({children:s,...l})=>e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",children:a.Children.map(s,r=>{var t;return a.isValidElement(r)?a.cloneElement(r,{...l,color:(t=r.props.color)!==null&&t!==void 0?t:f.token("colors.brand.base")}):null})})),D=o.createSlot(R.default),H=o.createSlot(x.default),A=o.createSlot(x.default),V=a.forwardRef((s,l)=>{const{label:r,disabled:t,size:c="md",alignText:g="left",attr:j,description:u,autoFocus:q,className:b="",errorMessage:h,required:d}=s,v=c==="sm"?16:20,M=a.useRef(null),y=l||M,{labelProps:O,inputProps:W,descriptionProps:G,errorMessageProps:J,isInvalid:F,validationErrors:C}=n.useTextField({...s,isDisabled:t??!1,isInvalid:!!h},y),{focusProps:K}=n.useFocusRing({autoFocus:q??!1}),{hoverProps:L}=n.useHover({isDisabled:t??!1});return o.createHost(s.children,p=>{const I=p.get(E),P=p.get(w),T=p.getProps(D),S=p.getProps(H),k=p.getProps(A),i=z.textInput({size:c,alignText:g,disabled:t,isError:F});return e.jsxs(m.VStack,{className:N.cx(i.container,b),children:[r&&e.jsxs("label",{className:i.label,...O,children:[r," ",d&&e.jsx("span",{className:N.css({color:"negative.darker"}),children:"*"})]}),e.jsxs(m.HStack,{className:i.inputContainer,children:[I&&{...I,props:{...I.props,className:i.typeIcon,width:v,height:v}},S&&e.jsx(x.default,{...S,styles:{color:f.token("colors.text.tertiary")}}),e.jsx("input",{ref:y,className:i.input,...n.mergeProps(W,K,L),...j}),k&&e.jsx(x.default,{...k,styles:{color:f.token("colors.text.tertiary")}}),P&&{...P,props:{...P.props,className:i.actionIcon,width:v,height:v}},T&&e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:e.jsx(R.default,{...T,variant:"text",size:c})})]}),u&&e.jsx("div",{className:i.description,...G,children:u}),F&&e.jsx(x.default,{variant:"error",...J,size:"sm",styles:{fontWeight:"400"},children:C.length>0?C.join(" "):h})]})})}),B=a.forwardRef((s,l)=>{const{disabled:r,autoFocus:t,className:c="",attr:g}=s,j=a.useRef(null),u=l||j,{inputProps:q}=n.useTextField({...s,isDisabled:r??!1},u),{focusProps:b}=n.useFocusRing({autoFocus:t??!1}),{hoverProps:h}=n.useHover({isDisabled:r??!1}),d=z.textInput({char:!0,disabled:r});return e.jsx("div",{className:N.cx(d.container,d.inputContainer,c),children:e.jsx("input",{ref:u,className:d.input,...n.mergeProps(q,b,h),size:1,...g})})}),Q=Object.assign(V,{TypeIcon:E,ActionIcon:w,ActionButton:D,Char:B,Prefix:H,Suffix:A});V.displayName="TextInput",B.displayName="TextInputChar",exports.TextInput=Q;
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),n=require("react-aria"),R=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var x=require("../primitives/text.js"),k=require("../../recipes/text-input.js"),P=require("@styled/css"),m=require("@styled/jsx"),z=require("@styled/tokens"),l=require("create-slots");const E=l.createSlot(({children:s,...o})=>e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",children:a.Children.map(s,r=>{var t;return a.cloneElement(r,{...o,color:(t=r.props.color)!==null&&t!==void 0?t:z.token("colors.neutral.primary")})})})),w=l.createSlot(({children:s,...o})=>e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",children:a.Children.map(s,r=>{var t;return a.isValidElement(r)?a.cloneElement(r,{...o,color:(t=r.props.color)!==null&&t!==void 0?t:z.token("colors.brand.base")}):null})})),D=l.createSlot(R.default),H=l.createSlot(x.default),A=l.createSlot(x.default),V=a.forwardRef((s,o)=>{const{label:r,disabled:t,size:c="md",alignText:f="left",attr:g,description:u,autoFocus:j,className:q="",errorMessage:h,required:d}=s,v=c==="sm"?16:20,M=a.useRef(null),N=o||M,{labelProps:O,inputProps:W,descriptionProps:G,errorMessageProps:J,isInvalid:F,validationErrors:y}=n.useTextField({...s,isDisabled:t??!1,isInvalid:!!h},N),{focusProps:K}=n.useFocusRing({autoFocus:j??!1}),{hoverProps:L}=n.useHover({isDisabled:t??!1});return l.createHost(s.children,p=>{const b=p.get(E),I=p.get(w),C=p.getProps(D),T=p.getProps(H),S=p.getProps(A),i=k.textInput({size:c,alignText:f,disabled:t,isError:F});return e.jsxs(m.VStack,{className:P.cx(i.container,q),children:[r&&e.jsxs("label",{className:i.label,...O,children:[r," ",d&&e.jsx("span",{className:P.css({color:"negative.darker"}),children:"*"})]}),e.jsxs(m.HStack,{className:i.inputContainer,children:[b&&{...b,props:{...b.props,className:i.typeIcon,width:v,height:v}},T&&e.jsx(x.default,{...T,color:"text.tertiary"}),e.jsx("input",{ref:N,className:i.input,...n.mergeProps(W,K,L),...g}),S&&e.jsx(x.default,{...S,color:"text.tertiary"}),I&&{...I,props:{...I.props,className:i.actionIcon,width:v,height:v}},C&&e.jsx(m.Flex,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:e.jsx(R.default,{...C,variant:"text",size:c})})]}),u&&e.jsx("div",{className:i.description,...G,children:u}),F&&e.jsx(x.default,{variant:"error",...J,size:"sm",fontWeight:"normal",children:y.length>0?y.join(" "):h})]})})}),B=a.forwardRef((s,o)=>{const{disabled:r,autoFocus:t,className:c="",attr:f}=s,g=a.useRef(null),u=o||g,{inputProps:j}=n.useTextField({...s,isDisabled:r??!1},u),{focusProps:q}=n.useFocusRing({autoFocus:t??!1}),{hoverProps:h}=n.useHover({isDisabled:r??!1}),d=k.textInput({char:!0,disabled:r});return e.jsx("div",{className:P.cx(d.container,d.inputContainer,c),children:e.jsx("input",{ref:u,className:d.input,...n.mergeProps(j,q,h),size:1,...f})})}),Q=Object.assign(V,{TypeIcon:E,ActionIcon:w,ActionButton:D,Char:B,Prefix:H,Suffix:A});V.displayName="TextInput",B.displayName="TextInputChar",exports.TextInput=Q;
 //# sourceMappingURL=text-input.js.map

package/dist/cjs/components/inputs/text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.js","sources":["../../../../src/components/inputs/text-input.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport { mergeProps, useFocusRing, useHover, useTextField } from 'react-aria';\n\nimport { Button, Text } from '@components/primitives';\nimport { textInput } from '@recipes/text-input';\nimport { css, cx } from '@styled/css';\nimport { Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nimport { createHost, createSlot } from 'create-slots';\n\nexport type TextInputProps = AriaTextFieldProps & {\n  className?: string;\n  disabled?: boolean;\n  attr?: InputHTMLAttributes<HTMLInputElement>;\n  errorMessage?: string;\n  children?: ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  alignText?: 'left' | 'center' | 'right';\n  required?: boolean;\n};\n\nexport type CharProps = AriaTextFieldProps & {\n  className?: string;\n  disabled?: boolean;\n  attr?: InputHTMLAttributes<HTMLInputElement>;\n};\n\nexport type ActionIconProps = HTMLAttributes<HTMLElement> & {\n  onClick: () => void;\n};\n\nconst TypeIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, { ...props, color: child.props.color ?? token('colors.neutral.primary') });\n      })}\n    </Flex>\n  );\n});\n\nconst ActionIcon = createSlot(({ children, ...props }: ActionIconProps) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        if (isValidElement<ActionIconProps>(child)) {\n          return cloneElement(child, { ...props, color: child.props.color ?? token('colors.brand.base') });\n        }\n        return null;\n      })}\n    </Flex>\n  );\n});\n\nconst ActionButton = createSlot(Button);\nconst Prefix = createSlot(Text);\nconst Suffix = createSlot(Text);\n\nconst Component = forwardRef<HTMLInputElement, TextInputProps>((props, forwardedRef) => {\n  const {\n    label,\n    disabled,\n    size = 'md',\n    alignText = 'left',\n    attr,\n    description,\n    autoFocus,\n    className = '',\n    errorMessage,\n    required,\n  } = props;\n  const iconSize = size === 'sm' ? 16 : 20;\n\n  const internalRef = useRef(null);\n  // forwardedRef is null until after first render\n  const ref = forwardedRef || internalRef;\n\n  const { labelProps, inputProps, descriptionProps, errorMessageProps, isInvalid, validationErrors } = useTextField(\n    { ...props, isDisabled: disabled ?? false, isInvalid: !!errorMessage },\n    ref as RefObject<HTMLInputElement>,\n  );\n\n  const { focusProps } = useFocusRing({\n    autoFocus: autoFocus ?? false,\n  });\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n  return createHost(props.children, slots => {\n    const typeIcon = slots.get(TypeIcon);\n    const actionIcon = slots.get(ActionIcon);\n    const actionButtonProps = slots.getProps(ActionButton);\n    const prefixProps = slots.getProps(Prefix);\n    const suffixProps = slots.getProps(Suffix);\n\n    const classes = textInput({\n      size,\n      alignText,\n      disabled,\n      isError: isInvalid,\n    });\n\n    return (\n      <VStack className={cx(classes.container, className)}>\n        {label && (\n          <label className={classes.label} {...labelProps}>\n            {label} {required && <span className={css({ color: 'negative.darker' })}>*</span>}\n          </label>\n        )}\n        <HStack className={classes.inputContainer}>\n          {typeIcon && {\n            ...typeIcon,\n            props: { ...typeIcon.props, className: classes.typeIcon, width: iconSize, height: iconSize },\n          }}\n          {prefixProps && <Text {...prefixProps} styles={{ color: token('colors.text.tertiary') }} />}\n          <input ref={ref} className={classes.input} {...mergeProps(inputProps, focusProps, hoverProps)} {...attr} />\n          {suffixProps && <Text {...suffixProps} styles={{ color: token('colors.text.tertiary') }} />}\n          {actionIcon && {\n            ...actionIcon,\n            props: { ...actionIcon.props, className: classes.actionIcon, width: iconSize, height: iconSize },\n          }}\n          {actionButtonProps && (\n            <Flex alignItems=\"center\" justifyContent=\"center\" className={classes.actionButton}>\n              <Button {...actionButtonProps} variant=\"text\" size={size} />\n            </Flex>\n          )}\n        </HStack>\n        {description && (\n          <div className={classes.description} {...descriptionProps}>\n            {description}\n          </div>\n        )}\n        {isInvalid && (\n          <Text variant=\"error\" {...errorMessageProps} size={'sm'} styles={{ fontWeight: '400' }}>\n            {validationErrors.length > 0 ? validationErrors.join(' ') : errorMessage}\n          </Text>\n        )}\n      </VStack>\n    );\n  });\n});\n\nconst Char = forwardRef<HTMLInputElement, CharProps>((props, forwardedRef) => {\n  const { disabled, autoFocus, className = '', attr } = props;\n\n  const internalRef = useRef(null);\n  // forwardedRef is null until after first render\n  const ref = forwardedRef || internalRef;\n\n  const { inputProps } = useTextField({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLInputElement>);\n\n  const { focusProps } = useFocusRing({ autoFocus: autoFocus ?? false });\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n  const classes = textInput({ char: true, disabled });\n\n  return (\n    <div className={cx(classes.container, classes.inputContainer, className)}>\n      <input\n        ref={ref}\n        className={classes.input}\n        {...mergeProps(inputProps, focusProps, hoverProps)}\n        size={1}\n        {...attr}\n      />\n    </div>\n  );\n});\n\nexport const TextInput = Object.assign(Component, {\n  TypeIcon,\n  ActionIcon,\n  ActionButton,\n  Char,\n  Prefix,\n  Suffix,\n});\n\nComponent.displayName = 'TextInput';\nChar.displayName = 'TextInputChar';\n"],"names":["TypeIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","_a","token","ActionIcon","isValidElement","ActionButton","Button","Prefix","Text","Suffix","Component","forwardRef","forwardedRef","label","disabled","size","alignText","attr","description","autoFocus","className","errorMessage","required","iconSize","internalRef","useRef","ref","labelProps","inputProps","descriptionProps","errorMessageProps","isInvalid","validationErrors","useTextField","focusProps","useFocusRing","hoverProps","useHover","createHost","slots","typeIcon","actionIcon","actionButtonProps","prefixProps","suffixProps","classes","textInput","_jsxs","VStack","cx","css","HStack","mergeProps","Char","TextInput"],"mappings":"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"}
+{"version":3,"file":"text-input.js","sources":["../../../../src/components/inputs/text-input.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport type { AriaTextFieldProps } from 'react-aria';\nimport { mergeProps, useFocusRing, useHover, useTextField } from 'react-aria';\n\nimport { Button, Text } from '@components/primitives';\nimport { textInput } from '@recipes/text-input';\nimport { css, cx } from '@styled/css';\nimport { Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nimport { createHost, createSlot } from 'create-slots';\n\nexport type TextInputProps = AriaTextFieldProps & {\n  className?: string;\n  disabled?: boolean;\n  attr?: InputHTMLAttributes<HTMLInputElement>;\n  errorMessage?: string;\n  children?: ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  alignText?: 'left' | 'center' | 'right';\n  required?: boolean;\n};\n\nexport type CharProps = AriaTextFieldProps & {\n  className?: string;\n  disabled?: boolean;\n  attr?: InputHTMLAttributes<HTMLInputElement>;\n};\n\nexport type ActionIconProps = HTMLAttributes<HTMLElement> & {\n  onClick: () => void;\n};\n\nconst TypeIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, { ...props, color: child.props.color ?? token('colors.neutral.primary') });\n      })}\n    </Flex>\n  );\n});\n\nconst ActionIcon = createSlot(({ children, ...props }: ActionIconProps) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        if (isValidElement<ActionIconProps>(child)) {\n          return cloneElement(child, { ...props, color: child.props.color ?? token('colors.brand.base') });\n        }\n        return null;\n      })}\n    </Flex>\n  );\n});\n\nconst ActionButton = createSlot(Button);\nconst Prefix = createSlot(Text);\nconst Suffix = createSlot(Text);\n\nconst Component = forwardRef<HTMLInputElement, TextInputProps>((props, forwardedRef) => {\n  const {\n    label,\n    disabled,\n    size = 'md',\n    alignText = 'left',\n    attr,\n    description,\n    autoFocus,\n    className = '',\n    errorMessage,\n    required,\n  } = props;\n  const iconSize = size === 'sm' ? 16 : 20;\n\n  const internalRef = useRef(null);\n  // forwardedRef is null until after first render\n  const ref = forwardedRef || internalRef;\n\n  const { labelProps, inputProps, descriptionProps, errorMessageProps, isInvalid, validationErrors } = useTextField(\n    { ...props, isDisabled: disabled ?? false, isInvalid: !!errorMessage },\n    ref as RefObject<HTMLInputElement>,\n  );\n\n  const { focusProps } = useFocusRing({\n    autoFocus: autoFocus ?? false,\n  });\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n  return createHost(props.children, slots => {\n    const typeIcon = slots.get(TypeIcon);\n    const actionIcon = slots.get(ActionIcon);\n    const actionButtonProps = slots.getProps(ActionButton);\n    const prefixProps = slots.getProps(Prefix);\n    const suffixProps = slots.getProps(Suffix);\n\n    const classes = textInput({\n      size,\n      alignText,\n      disabled,\n      isError: isInvalid,\n    });\n\n    return (\n      <VStack className={cx(classes.container, className)}>\n        {label && (\n          <label className={classes.label} {...labelProps}>\n            {label} {required && <span className={css({ color: 'negative.darker' })}>*</span>}\n          </label>\n        )}\n        <HStack className={classes.inputContainer}>\n          {typeIcon && {\n            ...typeIcon,\n            props: { ...typeIcon.props, className: classes.typeIcon, width: iconSize, height: iconSize },\n          }}\n          {prefixProps && <Text {...prefixProps} color=\"text.tertiary\" />}\n          <input ref={ref} className={classes.input} {...mergeProps(inputProps, focusProps, hoverProps)} {...attr} />\n          {suffixProps && <Text {...suffixProps} color=\"text.tertiary\" />}\n          {actionIcon && {\n            ...actionIcon,\n            props: { ...actionIcon.props, className: classes.actionIcon, width: iconSize, height: iconSize },\n          }}\n          {actionButtonProps && (\n            <Flex alignItems=\"center\" justifyContent=\"center\" className={classes.actionButton}>\n              <Button {...actionButtonProps} variant=\"text\" size={size} />\n            </Flex>\n          )}\n        </HStack>\n        {description && (\n          <div className={classes.description} {...descriptionProps}>\n            {description}\n          </div>\n        )}\n        {isInvalid && (\n          <Text variant=\"error\" {...errorMessageProps} size={'sm'} fontWeight=\"normal\">\n            {validationErrors.length > 0 ? validationErrors.join(' ') : errorMessage}\n          </Text>\n        )}\n      </VStack>\n    );\n  });\n});\n\nconst Char = forwardRef<HTMLInputElement, CharProps>((props, forwardedRef) => {\n  const { disabled, autoFocus, className = '', attr } = props;\n\n  const internalRef = useRef(null);\n  // forwardedRef is null until after first render\n  const ref = forwardedRef || internalRef;\n\n  const { inputProps } = useTextField({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLInputElement>);\n\n  const { focusProps } = useFocusRing({ autoFocus: autoFocus ?? false });\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n\n  const classes = textInput({ char: true, disabled });\n\n  return (\n    <div className={cx(classes.container, classes.inputContainer, className)}>\n      <input\n        ref={ref}\n        className={classes.input}\n        {...mergeProps(inputProps, focusProps, hoverProps)}\n        size={1}\n        {...attr}\n      />\n    </div>\n  );\n});\n\nexport const TextInput = Object.assign(Component, {\n  TypeIcon,\n  ActionIcon,\n  ActionButton,\n  Char,\n  Prefix,\n  Suffix,\n});\n\nComponent.displayName = 'TextInput';\nChar.displayName = 'TextInputChar';\n"],"names":["TypeIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","_a","token","ActionIcon","isValidElement","ActionButton","Button","Prefix","Text","Suffix","Component","forwardRef","forwardedRef","label","disabled","size","alignText","attr","description","autoFocus","className","errorMessage","required","iconSize","internalRef","useRef","ref","labelProps","inputProps","descriptionProps","errorMessageProps","isInvalid","validationErrors","useTextField","focusProps","useFocusRing","hoverProps","useHover","createHost","slots","typeIcon","actionIcon","actionButtonProps","prefixProps","suffixProps","classes","textInput","_jsxs","VStack","cx","css","HStack","mergeProps","Char","TextInput"],"mappings":"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"}

package/dist/cjs/components/list-items/navigation-button.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),h=require("@styled/tokens"),C=require("../icons/ico-external-link.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var b=require("../primitives/text.js"),q=require("@styled/css"),a=require("@styled/jsx"),N=require("@styled/patterns"),l=require("create-slots"),t=require("react"),c=require("react-aria");const g=l.createSlot(({children:r,...s})=>e.jsx(a.Center,{children:t.Children.map(r,i=>t.cloneElement(i,s))})),v=l.createSlot(({children:r,...s})=>e.jsx(a.Center,{children:t.Children.map(r,i=>t.cloneElement(i,s))})),f=t.forwardRef((r,s)=>{const{primaryLabel:i,secondaryLabel:u,isExternalLink:x,disabled:m}=r,j=t.useRef(null),d=s||j,{buttonProps:y}=c.useButton({...r,isDisabled:m??!1},d),{isFocusVisible:k,focusProps:w}=c.useFocusRing();return l.createHost(r.children,p=>{const n=p.get(g),o=p.get(v);return e.jsxs("button",{...c.mergeProps(y,w),ref:d,className:N.flex({justifyContent:"space-between",alignItems:"center",w:"full",p:4,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",cursor:"pointer",outlineColor:"brand.base",outlineStyle:k?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_disabled:{opacity:"0.3",pointerEvents:"none"}}),children:[e.jsxs(a.HStack,{children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:q.css({color:"brand.base"}),height:24}},e.jsx(b.default,{styles:{fontWeight:500},children:i}),x&&e.jsx(C.default,{width:14,height:14,color:h.token("colors.neutral.primary")})]}),e.jsxs(a.HStack,{children:[u&&e.jsx(b.default,{size:"sm",styles:{color:h.token("colors.text.tertiary")},children:u}),o&&{...o,props:{...o.props,className:o.props.color?void 0:q.css({color:"neutral.primary"}),width:16,height:16}}]})]})})});f.displayName="NavigationButton";const S=Object.assign(f,{LeadingIcon:g,TrailingIcon:v});exports.default=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),w=require("@styled/tokens"),C=require("../icons/ico-external-link.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var h=require("../primitives/text.js"),b=require("@styled/css"),a=require("@styled/jsx"),N=require("@styled/patterns"),l=require("create-slots"),t=require("react"),c=require("react-aria");const q=l.createSlot(({children:r,...i})=>e.jsx(a.Center,{children:t.Children.map(r,s=>t.cloneElement(s,i))})),g=l.createSlot(({children:r,...i})=>e.jsx(a.Center,{children:t.Children.map(r,s=>t.cloneElement(s,i))})),m=t.forwardRef((r,i)=>{const{primaryLabel:s,secondaryLabel:u,isExternalLink:v,disabled:f}=r,x=t.useRef(null),d=i||x,{buttonProps:j}=c.useButton({...r,isDisabled:f??!1},d),{isFocusVisible:y,focusProps:k}=c.useFocusRing();return l.createHost(r.children,p=>{const n=p.get(q),o=p.get(g);return e.jsxs("button",{...c.mergeProps(j,k),ref:d,className:N.flex({justifyContent:"space-between",alignItems:"center",w:"full",p:4,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",cursor:"pointer",outlineColor:"brand.base",outlineStyle:y?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_disabled:{opacity:"0.3",pointerEvents:"none"}}),children:[e.jsxs(a.HStack,{children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:b.css({color:"brand.base"}),height:24}},e.jsx(h.default,{fontWeight:"medium",children:s}),v&&e.jsx(C.default,{width:14,height:14,color:w.token("colors.neutral.primary")})]}),e.jsxs(a.HStack,{children:[u&&e.jsx(h.default,{size:"sm",color:"text.tertiary",children:u}),o&&{...o,props:{...o.props,className:o.props.color?void 0:b.css({color:"neutral.primary"}),width:16,height:16}}]})]})})});m.displayName="NavigationButton";const S=Object.assign(m,{LeadingIcon:q,TrailingIcon:g});exports.default=S;
 //# sourceMappingURL=navigation-button.js.map

package/dist/cjs/components/list-items/navigation-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, RefObject, cloneElement, forwardRef, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n  primaryLabel: string;\n  secondaryLabel?: string;\n  isExternalLink?: boolean;\n  disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n  const { primaryLabel, secondaryLabel, isExternalLink, disabled } = props;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLButtonElement>);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n\n    return (\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        ref={ref}\n        className={flex({\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          w: 'full',\n          p: 4,\n          bg: 'neutral.quaternary',\n          transition: 'background-color 0.2s',\n          _hover: { bg: 'neutral.secondary' },\n          rounded: 'lg',\n          cursor: 'pointer',\n          outlineColor: 'brand.base',\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          _disabled: { opacity: '0.3', pointerEvents: 'none' },\n        })}\n      >\n        <HStack>\n          {leadingIcon && {\n            ...leadingIcon,\n            props: {\n              ...leadingIcon.props,\n              className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n              height: 24,\n            },\n          }}\n          <Text styles={{ fontWeight: 500 }}>{primaryLabel}</Text>\n          {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n        </HStack>\n        <HStack>\n          {secondaryLabel && (\n            <Text size=\"sm\" styles={{ color: token('colors.text.tertiary') }}>\n              {secondaryLabel}\n            </Text>\n          )}\n          {trailingIcon && {\n            ...trailingIcon,\n            props: {\n              ...trailingIcon.props,\n              className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n              width: 16,\n              height: 16,\n            },\n          }}\n        </HStack>\n      </button>\n    );\n  });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","disabled","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","_jsxs","mergeProps","flex","HStack","css","Text","IcoExternalLink","token","NavigationButton"],"mappings":"unBAiBA,MAAMA,EAAcC,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAAAA,IAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,eAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,aAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,MAACC,EAAM,OAAA,CAAA,SACJC,EAAS,SAAA,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,EAAgB,SAAAC,CAAQ,EAAKb,EAE7Dc,EAAcC,EAAO,OAAA,IAAI,EACzBC,EAAMP,GAAgBK,EAEtB,CAAE,YAAAG,CAAa,EAAGC,YAAU,CAAE,GAAGlB,EAAO,WAAYa,GAAY,EAAO,EAAEG,CAAmC,EAC5G,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,EAAAA,aAAAA,EAEvC,OAAOC,EAAAA,WAAWtB,EAAM,SAAUuB,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAI1B,CAAW,EACnC4B,EAAeF,EAAM,IAAIjB,CAAY,EAE3C,OACEoB,EAAAA,KACM,SAAA,CAAA,GAAAC,aAAWV,EAAaG,CAAU,EACtC,IAAKJ,EACL,UAAWY,EAAAA,KAAK,CACd,eAAgB,gBAChB,WAAY,SACZ,EAAG,OACH,EAAG,EACH,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,OAAQ,UACR,aAAc,aACd,aAAcT,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,UAAW,CAAE,QAAS,MAAO,cAAe,MAAQ,CACrD,CAAA,EAED,SAAA,CAAAO,EAAAA,KAACG,EAAAA,OAAM,CAAA,SAAA,CACJL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BM,EAAAA,IAAI,CAAE,MAAO,aAAc,EACjE,OAAQ,EACT,CACF,EACD7B,EAAAA,IAAC8B,UAAK,CAAA,OAAQ,CAAE,WAAY,GAAG,EAAK,SAAArB,IACnCE,GAAkBX,EAAAA,IAAC+B,EAAAA,QAAe,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,QAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACTP,EAAAA,KAACG,EAAAA,OACE,CAAA,SAAA,CAAAlB,GACCV,EAAAA,IAAC8B,EAAAA,QAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,MAAOE,QAAM,sBAAsB,CAAG,EAAA,SAC7DtB,CAAc,CAAA,EAGlBc,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCK,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,CAAC,CACH,CAAC,EAEDvB,EAAqB,YAAc,mBAE7B2B,MAAAA,EAAmB,OAAO,OAAO3B,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
+{"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, RefObject, cloneElement, forwardRef, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n  primaryLabel: string;\n  secondaryLabel?: string;\n  isExternalLink?: boolean;\n  disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n  const { primaryLabel, secondaryLabel, isExternalLink, disabled } = props;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLButtonElement>);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n\n    return (\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        ref={ref}\n        className={flex({\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          w: 'full',\n          p: 4,\n          bg: 'neutral.quaternary',\n          transition: 'background-color 0.2s',\n          _hover: { bg: 'neutral.secondary' },\n          rounded: 'lg',\n          cursor: 'pointer',\n          outlineColor: 'brand.base',\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          _disabled: { opacity: '0.3', pointerEvents: 'none' },\n        })}\n      >\n        <HStack>\n          {leadingIcon && {\n            ...leadingIcon,\n            props: {\n              ...leadingIcon.props,\n              className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n              height: 24,\n            },\n          }}\n          <Text fontWeight=\"medium\">{primaryLabel}</Text>\n          {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n        </HStack>\n        <HStack>\n          {secondaryLabel && (\n            <Text size=\"sm\" color=\"text.tertiary\">\n              {secondaryLabel}\n            </Text>\n          )}\n          {trailingIcon && {\n            ...trailingIcon,\n            props: {\n              ...trailingIcon.props,\n              className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n              width: 16,\n              height: 16,\n            },\n          }}\n        </HStack>\n      </button>\n    );\n  });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","disabled","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","_jsxs","mergeProps","flex","HStack","css","Text","IcoExternalLink","token","NavigationButton"],"mappings":"unBAiBA,MAAMA,EAAcC,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAAAA,IAACC,SAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAAAA,IAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,EAAgB,SAAAC,CAAQ,EAAKb,EAE7Dc,EAAcC,EAAAA,OAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAAA,UAAU,CAAE,GAAGlB,EAAO,WAAYa,GAAY,EAAO,EAAEG,CAAmC,EAC5G,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,EAAAA,aAAAA,EAEvC,OAAOC,aAAWtB,EAAM,SAAUuB,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAI1B,CAAW,EACnC4B,EAAeF,EAAM,IAAIjB,CAAY,EAE3C,OACEoB,OACM,SAAA,CAAA,GAAAC,aAAWV,EAAaG,CAAU,EACtC,IAAKJ,EACL,UAAWY,OAAK,CACd,eAAgB,gBAChB,WAAY,SACZ,EAAG,OACH,EAAG,EACH,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,OAAQ,UACR,aAAc,aACd,aAAcT,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,UAAW,CAAE,QAAS,MAAO,cAAe,MAAQ,CACrD,CAAA,EAED,SAAA,CAAAO,OAACG,EAAM,OAAA,CAAA,SAAA,CACJL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BM,EAAAA,IAAI,CAAE,MAAO,aAAc,EACjE,OAAQ,EACT,GAEH7B,EAAAA,IAAC8B,EAAAA,QAAI,CAAC,WAAW,SAAU,SAAArB,CAAoB,CAAA,EAC9CE,GAAkBX,EAAC+B,IAAAA,EAAAA,QAAe,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACTP,OAACG,EAAAA,kBACElB,GACCV,EAAAA,IAAC8B,EAAAA,QAAI,CAAC,KAAK,KAAK,MAAM,gBACnB,SAAApB,CACI,CAAA,EAERc,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCK,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,CAAC,CACH,CAAC,EAEDvB,EAAqB,YAAc,mBAE7B2B,MAAAA,EAAmB,OAAO,OAAO3B,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}

package/dist/cjs/components/list-items/token-list-item.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),y=require("../logos/icon-generic-token.js"),p=require("@styled/tokens");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var c=require("../primitives/text.js"),S=require("@styled/css"),s=require("@styled/jsx"),m=require("create-slots"),l=require("react"),u=require("react-aria");const g=m.createSlot(({children:r,...t})=>e.jsx(s.Center,{children:l.Children.map(r,n=>l.cloneElement(n,t))})),f=({name:r,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:n,tokenIcon:o,logoUrl:i})=>e.jsxs(s.HStack,{w:"full",justify:"space-between",children:[e.jsxs(s.HStack,{gap:2,children:[o?{...o,props:{...o.props,width:30,height:30}}:i?e.jsx("img",{width:30,height:30,src:i,alt:`${r} logo`}):e.jsx(y.default,{width:30,height:30}),e.jsx(c.default,{styles:{fontWeight:"500",textTransform:"capitalize"},children:r})]}),e.jsxs(s.VStack,{gap:0,alignItems:"flex-end",children:[e.jsx(c.default,{size:"sm",styles:{lineHeight:"1.5rem",fontWeight:"500"},children:t}),e.jsx(c.default,{size:"sm",styles:{lineHeight:"1.5rem",color:p.token("colors.text.secondary")},children:n})]})]}),W=r=>{const{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:o,logoUrl:i,onPress:a}=r,h=l.useRef(null),b=l.useCallback(()=>{a?.()},[a]),{buttonProps:k}=u.useButton({...r,onPress:b},h),{isFocusVisible:x,focusProps:q}=u.useFocusRing();return m.createHost(r.children,j=>{const d=j.get(g);return a?e.jsx("button",{ref:h,...u.mergeProps(k,q),className:S.css({w:"full",p:4,minH:20,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",outlineColor:"brand.base",outlineStyle:x?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer"}),children:e.jsx(f,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:o,tokenIcon:d,logoUrl:i})}):e.jsx(f,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:o,tokenIcon:d,logoUrl:i})})},v=Object.assign(W,{TokenIcon:g});exports.TokenListItem=v;
+"use strict";var e=require("react/jsx-runtime"),y=require("../logos/icon-generic-token.js");require("@styled/tokens"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var c=require("../primitives/text.js"),p=require("@styled/css"),s=require("@styled/jsx"),d=require("create-slots"),l=require("react"),u=require("react-aria");const g=d.createSlot(({children:r,...t})=>e.jsx(s.Center,{children:l.Children.map(r,n=>l.cloneElement(n,t))})),f=({name:r,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:n,tokenIcon:i,logoUrl:o})=>e.jsxs(s.HStack,{w:"full",justify:"space-between",children:[e.jsxs(s.HStack,{gap:2,children:[i?{...i,props:{...i.props,width:30,height:30}}:o?e.jsx("img",{width:30,height:30,src:o,alt:`${r} logo`}):e.jsx(y.default,{width:30,height:30}),e.jsx(c.default,{fontWeight:"medium",styles:{textTransform:"capitalize"},children:r})]}),e.jsxs(s.VStack,{gap:0,alignItems:"flex-end",children:[e.jsx(c.default,{size:"sm",fontWeight:"medium",styles:{lineHeight:"1.5rem"},children:t}),e.jsx(c.default,{size:"sm",color:"text.secondary",styles:{lineHeight:"1.5rem"},children:n})]})]}),S=r=>{const{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,logoUrl:o,onPress:a}=r,h=l.useRef(null),b=l.useCallback(()=>{a?.()},[a]),{buttonProps:x}=u.useButton({...r,onPress:b},h),{isFocusVisible:k,focusProps:q}=u.useFocusRing();return d.createHost(r.children,j=>{const m=j.get(g);return a?e.jsx("button",{ref:h,...u.mergeProps(x,q),className:p.css({w:"full",p:4,minH:20,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",outlineColor:"brand.base",outlineStyle:k?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer"}),children:e.jsx(f,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,tokenIcon:m,logoUrl:o})}):e.jsx(f,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,tokenIcon:m,logoUrl:o})})},W=Object.assign(S,{TokenIcon:g});exports.TokenListItem=W;
 //# sourceMappingURL=token-list-item.js.map

package/dist/cjs/components/list-items/token-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n  name: string;\n  fiatBalanceWithSymbol: string;\n  tokenBalanceWithSymbol: string;\n  logoUrl?: string;\n  onPress?: () => void;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n  tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({ name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, tokenIcon, logoUrl }: ListContentProps) => {\n  return (\n    <HStack w=\"full\" justify=\"space-between\">\n      <HStack gap={2}>\n        {tokenIcon ? (\n          {\n            ...tokenIcon,\n            props: {\n              ...tokenIcon.props,\n              width: 30,\n              height: 30,\n            },\n          }\n        ) : logoUrl ? (\n          <img width={30} height={30} src={logoUrl} alt={`${name} logo`} />\n        ) : (\n          <IconGenericToken width={30} height={30} />\n        )}\n        <Text styles={{ fontWeight: '500', textTransform: 'capitalize' }}>{name}</Text>\n      </HStack>\n      <VStack gap={0} alignItems=\"flex-end\">\n        <Text size=\"sm\" styles={{ lineHeight: '1.5rem', fontWeight: '500' }}>\n          {fiatBalanceWithSymbol}\n        </Text>\n        <Text size=\"sm\" styles={{ lineHeight: '1.5rem', color: token('colors.text.secondary') }}>\n          {tokenBalanceWithSymbol}\n        </Text>\n      </VStack>\n    </HStack>\n  );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n  const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress } = props;\n\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const tokenIcon = slots.get(TokenIcon);\n\n    if (onPress)\n      return (\n        <button\n          ref={ref}\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            w: 'full',\n            p: 4,\n            minH: 20,\n            bg: 'neutral.quaternary',\n            transition: 'background-color 0.2s',\n            _hover: { bg: 'neutral.secondary' },\n            rounded: 'lg',\n            outlineColor: 'brand.base',\n            outlineStyle: isFocusVisible ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 1,\n            cursor: 'pointer',\n          })}\n        >\n          <ListContent\n            name={name}\n            fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n            tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n            tokenIcon={tokenIcon}\n            logoUrl={logoUrl}\n          />\n        </button>\n      );\n\n    return (\n      <ListContent\n        name={name}\n        fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n        tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n        tokenIcon={tokenIcon}\n        logoUrl={logoUrl}\n      />\n    );\n  });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","_jsxs","HStack","IconGenericToken","Text","VStack","token","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","mergeProps","css","TokenListItem"],"mappings":"miBAiBA,MAAMA,EAAYC,aAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAAAA,IAACC,SAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CAAE,KAAAC,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,UAAAC,EAAW,QAAAC,CAAO,IAE1FC,EAAAA,KAACC,EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,YACVH,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,EACCC,EACFV,EAAAA,IAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAW,CAAA,EAEjEN,MAACa,EAAiB,QAAA,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cb,MAACc,EAAI,QAAA,CAAC,OAAQ,CAAE,WAAY,MAAO,cAAe,YAAc,EAAA,SAAGR,CAAI,CAAA,CAAQ,CACxE,CAAA,EACTK,EAAAA,KAACI,SAAO,CAAA,IAAK,EAAG,WAAW,WACzB,SAAA,CAAAf,EAAAA,IAACc,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,SAAU,WAAY,KAAO,EAAA,SAChEP,CAAqB,CAAA,EAExBP,EAAAA,IAACc,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,SAAU,MAAOE,EAAAA,MAAM,uBAAuB,CAAC,EAClF,SAAAR,CACI,CAAA,CAAA,CAAA,CAAA,CACA,CACF,CAAA,EAIPS,EAAqBlB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAQ,CAAS,EAAGnB,EAE5EoB,EAAMC,SAAO,IAAI,EAEjBC,EAAcC,EAAAA,YAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,YAAU,CAAE,GAAGzB,EAAO,QAASsB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,aAEvC,EAAA,OAAOC,EAAAA,WAAW7B,EAAM,SAAU8B,GAAQ,CACxC,MAAMpB,EAAYoB,EAAM,IAAIjC,CAAS,EAErC,OAAIsB,EAEAlB,EAAAA,IACE,SAAA,CAAA,IAAKmB,KACDW,EAAAA,WAAWP,EAAaG,CAAU,EACtC,UAAWK,MAAI,CACb,EAAG,OACH,EAAG,EACH,KAAM,GACN,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,aAAc,aACd,aAAcN,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACT,EAAC,SAEFzB,MAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CAAO,CAAA,CAEX,CAAA,EAIXV,EAAAA,IAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CACT,CAAA,CAEN,CAAC,CACH,EAEasB,EAAgB,OAAO,OAAOf,EAAmB,CAAE,UAAArB,CAAS,CAAE"}
+{"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n  name: string;\n  fiatBalanceWithSymbol: string;\n  tokenBalanceWithSymbol: string;\n  logoUrl?: string;\n  onPress?: () => void;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n  tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({ name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, tokenIcon, logoUrl }: ListContentProps) => {\n  return (\n    <HStack w=\"full\" justify=\"space-between\">\n      <HStack gap={2}>\n        {tokenIcon ? (\n          {\n            ...tokenIcon,\n            props: {\n              ...tokenIcon.props,\n              width: 30,\n              height: 30,\n            },\n          }\n        ) : logoUrl ? (\n          <img width={30} height={30} src={logoUrl} alt={`${name} logo`} />\n        ) : (\n          <IconGenericToken width={30} height={30} />\n        )}\n        <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize' }}>\n          {name}\n        </Text>\n      </HStack>\n      <VStack gap={0} alignItems=\"flex-end\">\n        <Text size=\"sm\" fontWeight=\"medium\" styles={{ lineHeight: '1.5rem' }}>\n          {fiatBalanceWithSymbol}\n        </Text>\n        <Text size=\"sm\" color=\"text.secondary\" styles={{ lineHeight: '1.5rem' }}>\n          {tokenBalanceWithSymbol}\n        </Text>\n      </VStack>\n    </HStack>\n  );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n  const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress } = props;\n\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const tokenIcon = slots.get(TokenIcon);\n\n    if (onPress)\n      return (\n        <button\n          ref={ref}\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            w: 'full',\n            p: 4,\n            minH: 20,\n            bg: 'neutral.quaternary',\n            transition: 'background-color 0.2s',\n            _hover: { bg: 'neutral.secondary' },\n            rounded: 'lg',\n            outlineColor: 'brand.base',\n            outlineStyle: isFocusVisible ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 1,\n            cursor: 'pointer',\n          })}\n        >\n          <ListContent\n            name={name}\n            fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n            tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n            tokenIcon={tokenIcon}\n            logoUrl={logoUrl}\n          />\n        </button>\n      );\n\n    return (\n      <ListContent\n        name={name}\n        fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n        tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n        tokenIcon={tokenIcon}\n        logoUrl={logoUrl}\n      />\n    );\n  });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","_jsxs","HStack","IconGenericToken","Text","VStack","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","mergeProps","css","TokenListItem"],"mappings":"iiBAgBA,MAAMA,EAAYC,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,IAAAA,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CAAE,KAAAC,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,UAAAC,EAAW,QAAAC,CAAO,IAE1FC,EAAAA,KAACC,EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,YACVH,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,GAEDC,EACFV,MAAA,MAAA,CAAK,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAAAA,IAACa,EAAAA,QAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cb,EAAAA,IAACc,EAAAA,QAAI,CAAC,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAc,EAAA,SAC9DR,CACI,CAAA,CAAA,CAAA,CAAA,EAETK,EAAAA,KAACI,EAAAA,OAAM,CAAC,IAAK,EAAG,WAAW,WAAU,SAAA,CACnCf,EAACc,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,WAAW,SAAS,OAAQ,CAAE,WAAY,QAAQ,EAC/D,SAAAP,CACI,CAAA,EACPP,MAACc,EAAK,QAAA,CAAA,KAAK,KAAK,MAAM,iBAAiB,OAAQ,CAAE,WAAY,QAAQ,EAClE,SAAAN,CACI,CAAA,CAAA,CAAA,CAAA,CACA,CACF,CAAA,EAIPQ,EAAqBjB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAO,CAAS,EAAGlB,EAE5EmB,EAAMC,EAAAA,OAAO,IAAI,EAEjBC,EAAcC,EAAAA,YAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,YAAU,CAAE,GAAGxB,EAAO,QAASqB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OAAOC,EAAAA,WAAW5B,EAAM,SAAU6B,GAAQ,CACxC,MAAMnB,EAAYmB,EAAM,IAAIhC,CAAS,EAErC,OAAIqB,EAEAjB,MACE,SAAA,CAAA,IAAKkB,KACDW,aAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAAA,IAAI,CACb,EAAG,OACH,EAAG,EACH,KAAM,GACN,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,aAAc,aACd,aAAcN,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACT,EAAC,SAEFxB,EAAAA,IAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CAAO,CAAA,CAEX,CAAA,EAIXV,EAACK,IAAAA,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CACT,CAAA,CAEN,CAAC,CACH,EAEaqB,EAAgB,OAAO,OAAOf,EAAmB,CAAE,UAAApB,CAAS,CAAE"}

package/dist/cjs/components/logos/blc-binance.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var L=require("react/jsx-runtime");const i=({title:e,titleId:t,...l})=>L.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...l,children:[e?L.jsx("title",{id:t,children:e}):null,L.jsx("path",{d:"M10.951 13.9253L16.0004 8.87591L21.0521 13.9275L23.9901 10.9895L16.0004 2.99993L8.0132 10.9871L10.9511 13.9251L10.951 13.9253ZM3.00042 15.9999L5.93851 13.0614L8.87639 15.9993L5.9383 18.9373L3.00042 15.9999ZM10.951 18.0748L16.0004 23.1239L21.052 18.0724L23.9916 21.0088L23.9901 21.0104L16.0004 28.9998L8.0132 21.0127L8.00904 21.0085L10.9513 18.0745L10.951 18.0748ZM23.1243 16.0011L26.0624 13.063L29.0003 16.0009L26.0623 18.939L23.1243 16.0011Z",fill:"#F3BA2F"}),L.jsx("path",{d:"M18.9819 15.9986H18.9832L16.0022 13.0173L13.7987 15.2201L13.5456 15.4734L13.0235 15.9955L13.0194 15.9996L13.0235 16.0039L16.0022 18.9829L18.9834 16.0017L18.9849 16L18.9821 15.9986",fill:"#F3BA2F"})]});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var L=require("react/jsx-runtime");const i=({title:e,titleId:l,...t})=>L.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":l,...t,children:[e?L.jsx("title",{id:l,children:e}):null,L.jsx("g",{clipPath:"url(#clip0_8934_356)",children:L.jsx("path",{d:"M8.53249 6.31646L15.9995 1.99999L23.4665 6.31646L20.6665 7.83293L15.9995 5.14942L11.216 7.83293L8.53249 6.31646ZM23.3489 11.6835L20.6654 10.167L15.9995 12.8505L11.216 10.167L8.53249 11.6835V14.834L13.1995 17.5175V23.001L15.883 24.634L18.5665 23.001V17.634L23.2336 14.9505V11.6835H23.3489ZM23.3489 20.3164V17.167L20.6665 18.7999V21.8329L23.3489 20.3164ZM25.3324 21.367L20.6654 24.0505V27.1999L28.1324 22.8834V14.2505L25.3324 15.9999V21.367ZM22.65 8.99997L25.3335 10.6329V13.7835L28.017 12.1505V8.99997L25.3335 7.36701L22.65 8.99997ZM13.1995 25.2164V28.3658L15.883 29.9988L18.5665 28.3658V25.2164L15.883 26.8493L13.1995 25.2164ZM8.53249 20.3164L11.216 21.8329V18.6834L8.53249 17.0505V20.3164ZM13.1995 8.99997L15.883 10.6329L18.683 8.99997L15.9995 7.36701L13.1995 8.99997ZM6.54897 10.6329L9.34896 8.99997L6.54897 7.36701L3.86658 8.99997V12.1494L6.55009 13.7823V10.6329H6.54897ZM6.54897 15.9999L3.86546 14.367V22.9999L11.3325 27.3164V24.1669L6.66545 21.4834V15.9999H6.54897Z",fill:"#F3BA2F"})}),L.jsx("defs",{children:L.jsx("clipPath",{id:"clip0_8934_356",children:L.jsx("rect",{width:28,height:28,fill:"white",transform:"translate(1.99999 1.99999)"})})})]});exports.default=i;
 //# sourceMappingURL=blc-binance.js.map

package/dist/cjs/components/logos/blc-binance.js.map

@@ -1 +1 @@
-{"version":3,"file":"blc-binance.js","sources":["../../../../src/components/logos/blc-binance.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcBinance = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      d=\"M10.951 13.9253L16.0004 8.87591L21.0521 13.9275L23.9901 10.9895L16.0004 2.99993L8.0132 10.9871L10.9511 13.9251L10.951 13.9253ZM3.00042 15.9999L5.93851 13.0614L8.87639 15.9993L5.9383 18.9373L3.00042 15.9999ZM10.951 18.0748L16.0004 23.1239L21.052 18.0724L23.9916 21.0088L23.9901 21.0104L16.0004 28.9998L8.0132 21.0127L8.00904 21.0085L10.9513 18.0745L10.951 18.0748ZM23.1243 16.0011L26.0624 13.063L29.0003 16.0009L26.0623 18.939L23.1243 16.0011Z\"\n      fill=\"#F3BA2F\"\n    />\n    <path\n      d=\"M18.9819 15.9986H18.9832L16.0022 13.0173L13.7987 15.2201L13.5456 15.4734L13.0235 15.9955L13.0194 15.9996L13.0235 16.0039L16.0022 18.9829L18.9834 16.0017L18.9849 16L18.9821 15.9986\"\n      fill=\"#F3BA2F\"\n    />\n  </svg>\n);\nexport default BlcBinance;\n"],"names":["BlcBinance","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,EAAAA,YACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAAK,SAAA,CAERF,EAAQI,MAAA,QAAA,CAAO,GAAIH,EAAU,SAAAD,IAAiB,KAC/CI,EACE,IAAA,OAAA,CAAA,EAAE,6bACF,KAAK,SAAS,CAAA,EAEhBA,EACE,IAAA,OAAA,CAAA,EAAE,sLACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"blc-binance.js","sources":["../../../../src/components/logos/blc-binance.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcBinance = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <g clipPath=\"url(#clip0_8934_356)\">\n      <path\n        d=\"M8.53249 6.31646L15.9995 1.99999L23.4665 6.31646L20.6665 7.83293L15.9995 5.14942L11.216 7.83293L8.53249 6.31646ZM23.3489 11.6835L20.6654 10.167L15.9995 12.8505L11.216 10.167L8.53249 11.6835V14.834L13.1995 17.5175V23.001L15.883 24.634L18.5665 23.001V17.634L23.2336 14.9505V11.6835H23.3489ZM23.3489 20.3164V17.167L20.6665 18.7999V21.8329L23.3489 20.3164ZM25.3324 21.367L20.6654 24.0505V27.1999L28.1324 22.8834V14.2505L25.3324 15.9999V21.367ZM22.65 8.99997L25.3335 10.6329V13.7835L28.017 12.1505V8.99997L25.3335 7.36701L22.65 8.99997ZM13.1995 25.2164V28.3658L15.883 29.9988L18.5665 28.3658V25.2164L15.883 26.8493L13.1995 25.2164ZM8.53249 20.3164L11.216 21.8329V18.6834L8.53249 17.0505V20.3164ZM13.1995 8.99997L15.883 10.6329L18.683 8.99997L15.9995 7.36701L13.1995 8.99997ZM6.54897 10.6329L9.34896 8.99997L6.54897 7.36701L3.86658 8.99997V12.1494L6.55009 13.7823V10.6329H6.54897ZM6.54897 15.9999L3.86546 14.367V22.9999L11.3325 27.3164V24.1669L6.66545 21.4834V15.9999H6.54897Z\"\n        fill=\"#F3BA2F\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_8934_356\">\n        <rect width={28} height={28} fill=\"white\" transform=\"translate(1.99999 1.99999)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default BlcBinance;\n"],"names":["BlcBinance","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMMA,MAAAA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,OAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BAA4B,kBACjBF,EACb,GAAAC,YAEHF,EAAQI,EAAAA,IAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CI,EAAAA,IAAG,IAAA,CAAA,SAAS,uBACV,SAAAA,EAAAA,IAAA,OAAA,CACE,EAAE,68BACF,KAAK,SACL,CAAA,CAAA,CAAA,EAEJA,EAAAA,IAAA,OAAA,CAAA,SACEA,MAAU,WAAA,CAAA,GAAG,iBAAgB,SAC3BA,EAAAA,YAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,QAAQ,UAAU,8BAC3C,CAAA,CAAA,CAAA,CACN,CACH,CAAA"}

package/dist/cjs/components/logos/blc-celo.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime");const C=({title:e,titleId:t,...i})=>l.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[e?l.jsx("title",{id:t,children:e}):null,l.jsxs("g",{clipPath:"url(#clip0_8934_369)",children:[l.jsx("path",{d:"M13.2636 26.2629C17.4209 26.2629 20.7899 22.8938 20.7899 18.7366C20.7899 14.5794 17.4209 11.2103 13.2636 11.2103C9.10638 11.2103 5.73734 14.5794 5.73734 18.7366C5.73734 22.8938 9.10638 26.2629 13.2636 26.2629ZM13.2636 28.9997C7.59565 28.9997 3.00051 24.4046 3.00051 18.7366C3.00051 13.0686 7.59565 8.47348 13.2636 8.47348C18.9316 8.47348 23.5267 13.0686 23.5267 18.7366C23.5267 24.4046 18.9316 28.9997 13.2636 28.9997Z",fill:"#FBCC5C"}),l.jsx("path",{d:"M18.7371 20.7893C22.8944 20.7893 26.2634 17.4203 26.2634 13.263C26.2634 9.1058 22.8944 5.73676 18.7371 5.73676C14.5799 5.73676 11.2109 9.1058 11.2109 13.263C11.2109 17.4203 14.5799 20.7893 18.7371 20.7893ZM18.7371 23.5262C13.0692 23.5262 8.47403 18.931 8.47403 13.263C8.47403 7.59507 13.0692 2.99993 18.7371 2.99993C24.4051 2.99993 29.0003 7.59507 29.0003 13.263C29.0003 18.931 24.4051 23.5262 18.7371 23.5262Z",fill:"#35D07F"}),l.jsx("path",{d:"M19.0765 23.5261C19.7881 22.6639 20.2971 21.6541 20.5681 20.5675C21.6519 20.2966 22.6618 19.7875 23.5266 19.076C23.4883 20.3322 23.2173 21.5692 22.7274 22.7296C21.5698 23.2168 20.3327 23.4877 19.0765 23.5261ZM11.4325 11.432C10.3488 11.7029 9.33887 12.212 8.47403 12.9236C8.51234 11.6674 8.78329 10.4303 9.27318 9.27263C10.4309 8.78548 11.6706 8.51453 12.9241 8.47348C12.2125 9.33558 11.7035 10.3455 11.4325 11.432Z",fill:"#5EA33B"})]}),l.jsx("defs",{children:l.jsx("clipPath",{id:"clip0_8934_369",children:l.jsx("rect",{width:26,height:26,fill:"white",transform:"translate(3.00051 2.99993)"})})})]});exports.default=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const d=({title:l,titleId:t,...i})=>e.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("rect",{x:.999599,y:.999996,width:29.9999,height:29.9999,rx:15,fill:"#FDFE71"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.9995 7.99997H7.99957V23.9999H23.9992V18.4148H21.3439C20.4286 20.4523 18.3684 21.8714 16.0107 21.8714C12.7604 21.8714 10.1281 19.2164 10.1281 15.9887C10.1281 12.7611 12.7604 10.1288 16.0107 10.1288C18.4141 10.1288 20.4743 11.5939 21.39 13.6767H23.9995V7.99997Z",fill:"black"})]});exports.default=d;
 //# sourceMappingURL=blc-celo.js.map

package/dist/cjs/components/logos/blc-celo.js.map

@@ -1 +1 @@
-{"version":3,"file":"blc-celo.js","sources":["../../../../src/components/logos/blc-celo.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcCelo = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <g clipPath=\"url(#clip0_8934_369)\">\n      <path\n        d=\"M13.2636 26.2629C17.4209 26.2629 20.7899 22.8938 20.7899 18.7366C20.7899 14.5794 17.4209 11.2103 13.2636 11.2103C9.10638 11.2103 5.73734 14.5794 5.73734 18.7366C5.73734 22.8938 9.10638 26.2629 13.2636 26.2629ZM13.2636 28.9997C7.59565 28.9997 3.00051 24.4046 3.00051 18.7366C3.00051 13.0686 7.59565 8.47348 13.2636 8.47348C18.9316 8.47348 23.5267 13.0686 23.5267 18.7366C23.5267 24.4046 18.9316 28.9997 13.2636 28.9997Z\"\n        fill=\"#FBCC5C\"\n      />\n      <path\n        d=\"M18.7371 20.7893C22.8944 20.7893 26.2634 17.4203 26.2634 13.263C26.2634 9.1058 22.8944 5.73676 18.7371 5.73676C14.5799 5.73676 11.2109 9.1058 11.2109 13.263C11.2109 17.4203 14.5799 20.7893 18.7371 20.7893ZM18.7371 23.5262C13.0692 23.5262 8.47403 18.931 8.47403 13.263C8.47403 7.59507 13.0692 2.99993 18.7371 2.99993C24.4051 2.99993 29.0003 7.59507 29.0003 13.263C29.0003 18.931 24.4051 23.5262 18.7371 23.5262Z\"\n        fill=\"#35D07F\"\n      />\n      <path\n        d=\"M19.0765 23.5261C19.7881 22.6639 20.2971 21.6541 20.5681 20.5675C21.6519 20.2966 22.6618 19.7875 23.5266 19.076C23.4883 20.3322 23.2173 21.5692 22.7274 22.7296C21.5698 23.2168 20.3327 23.4877 19.0765 23.5261ZM11.4325 11.432C10.3488 11.7029 9.33887 12.212 8.47403 12.9236C8.51234 11.6674 8.78329 10.4303 9.27318 9.27263C10.4309 8.78548 11.6706 8.51453 12.9241 8.47348C12.2125 9.33558 11.7035 10.3455 11.4325 11.432Z\"\n        fill=\"#5EA33B\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_8934_369\">\n        <rect width={26} height={26} fill=\"white\" transform=\"translate(3.00051 2.99993)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\nexport default BlcCelo;\n"],"names":["BlcCelo","title","titleId","props","_jsxs","_jsx"],"mappings":"6GAMMA,EAAU,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IACzCC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAAA,IAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CG,EAAA,KAAA,IAAA,CAAG,SAAS,uBACV,SAAA,CAAAC,EAAAA,IAAA,OAAA,CACE,EAAE,qaACF,KAAK,SAAS,CAAA,EAEhBA,EAAAA,IAAA,OAAA,CACE,EAAE,6ZACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,IAAA,OAAA,CACE,EAAE,iaACF,KAAK,SAAS,CAAA,CACd,IAEJA,EAAA,IAAA,OAAA,CAAA,SACEA,MAAU,WAAA,CAAA,GAAG,iBACX,SAAAA,MAAA,OAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,QAAQ,UAAU,4BAA4B,CAAA,CACvE,CAAA,CAAA,CAAA,CACN,CACH,CAAA"}
+{"version":3,"file":"blc-celo.js","sources":["../../../../src/components/logos/blc-celo.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcCelo = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <rect x={0.999599} y={0.999996} width={29.9999} height={29.9999} rx={15} fill=\"#FDFE71\" />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M23.9995 7.99997H7.99957V23.9999H23.9992V18.4148H21.3439C20.4286 20.4523 18.3684 21.8714 16.0107 21.8714C12.7604 21.8714 10.1281 19.2164 10.1281 15.9887C10.1281 12.7611 12.7604 10.1288 16.0107 10.1288C18.4141 10.1288 20.4743 11.5939 21.39 13.6767H23.9995V7.99997Z\"\n      fill=\"black\"\n    />\n  </svg>\n);\nexport default BlcCelo;\n"],"names":["BlcCelo","title","titleId","props","_jsxs","_jsx"],"mappings":"6GAMMA,EAAU,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IACzCC,EACE,KAAA,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,KACbC,EAAK,SAAA,CAERF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,IAAiB,KAC/CI,cAAM,EAAG,QAAU,EAAG,QAAU,MAAO,QAAS,OAAQ,QAAS,GAAI,GAAI,KAAK,SAAY,CAAA,EAC1FA,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,0QACF,KAAK,OAAO,CAAA,CACZ,CACE,CAAA"}

package/dist/cjs/components/logos/blc-rarichain.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const i=({title:t,titleId:C,...l})=>e.jsxs("svg",{width:33,height:32,viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":C,...l,children:[t?e.jsx("title",{id:C,children:t}):null,e.jsx("path",{d:"M0 10.9331V6.46013C0 5.10144 1.36446 4 3.04761 4H8.58875C10.2719 4 11.6364 5.10143 11.6364 6.46013V10.0722C11.6364 10.695 11.9429 11.2923 12.4884 11.7327C13.6245 12.6498 15.4664 12.6498 16.6026 11.7327L25.2892 4.72055C25.8608 4.25919 26.6359 4 27.4442 4H28.9524C30.6356 4 32 5.10144 32 6.46013V7.67759C32 8.33006 31.6789 8.9558 31.1074 9.41716L22.4207 16.4293C21.2846 17.3464 21.2846 18.8332 22.4207 19.7503C22.9662 20.1907 23.7062 20.4381 24.4778 20.4381H28.9524C30.6356 20.4381 32 21.5396 32 22.8983V27.3711C32 28.7298 30.6356 29.8313 28.9524 29.8313H23.4112C21.7282 29.8313 20.3636 28.7298 20.3636 27.3711V23.7591C20.3636 23.1363 20.0571 22.539 19.5116 22.0987C18.3755 21.1816 16.5336 21.1816 15.3974 22.0987L6.71082 29.1107C6.13927 29.5721 5.3641 29.8313 4.55582 29.8313H3.04763C1.36447 29.8313 0 28.7298 0 27.3711V26.1537C0 25.5013 0.321089 24.8755 0.892629 24.4141L9.57933 17.402C10.7154 16.4849 10.7154 14.9981 9.57933 14.081C9.03378 13.6406 8.29383 13.3932 7.52229 13.3932H3.04763C1.36447 13.3932 0 12.2918 0 10.9331Z",fill:"#B16EFF"})]});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const i=({title:t,titleId:C,...l})=>e.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":C,...l,children:[t?e.jsx("title",{id:C,children:t}):null,e.jsx("path",{d:"M1.99859 11.0664V7.15259C1.99859 5.96373 3.19249 4.99998 4.66524 4.99998H9.51371C10.9865 4.99998 12.1804 5.96373 12.1804 7.15259V10.3131C12.1804 10.8581 12.4485 11.3807 12.9259 11.7661C13.92 12.5685 15.5317 12.5685 16.5258 11.7661L24.1266 5.63046C24.6267 5.22677 25.3049 4.99998 26.0122 4.99998H27.3318C28.8046 4.99998 29.9985 5.96373 29.9985 7.15259V8.21786C29.9985 8.78877 29.7175 9.33629 29.2174 9.73998L21.6166 15.8756C20.6225 16.678 20.6225 17.979 21.6166 18.7814C22.0939 19.1668 22.7415 19.3832 23.4166 19.3832H27.3318C28.8046 19.3832 29.9985 20.347 29.9985 21.5359V25.4496C29.9985 26.6385 28.8046 27.6023 27.3318 27.6023H22.4833C21.0107 27.6023 19.8167 26.6385 19.8167 25.4496V22.2891C19.8167 21.7442 19.5485 21.2215 19.0712 20.8363C18.0771 20.0338 16.4654 20.0338 15.4713 20.8363L7.87053 26.9718C7.37043 27.3755 6.69216 27.6023 5.98492 27.6023H4.66525C3.19249 27.6023 1.99859 26.6385 1.99859 25.4496V24.3844C1.99859 23.8135 2.27954 23.2659 2.77964 22.8623L10.3805 16.7267C11.3745 15.9243 11.3745 14.6233 10.3805 13.8208C9.90311 13.4355 9.25566 13.219 8.58056 13.219H4.66525C3.19249 13.219 1.99859 12.2553 1.99859 11.0664Z",fill:"#B16EFF"})]});exports.default=i;
 //# sourceMappingURL=blc-rarichain.js.map

package/dist/cjs/components/logos/blc-rarichain.js.map

@@ -1 +1 @@
-{"version":3,"file":"blc-rarichain.js","sources":["../../../../src/components/logos/blc-rarichain.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcRarichain = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={33}\n    height={32}\n    viewBox=\"0 0 33 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      d=\"M0 10.9331V6.46013C0 5.10144 1.36446 4 3.04761 4H8.58875C10.2719 4 11.6364 5.10143 11.6364 6.46013V10.0722C11.6364 10.695 11.9429 11.2923 12.4884 11.7327C13.6245 12.6498 15.4664 12.6498 16.6026 11.7327L25.2892 4.72055C25.8608 4.25919 26.6359 4 27.4442 4H28.9524C30.6356 4 32 5.10144 32 6.46013V7.67759C32 8.33006 31.6789 8.9558 31.1074 9.41716L22.4207 16.4293C21.2846 17.3464 21.2846 18.8332 22.4207 19.7503C22.9662 20.1907 23.7062 20.4381 24.4778 20.4381H28.9524C30.6356 20.4381 32 21.5396 32 22.8983V27.3711C32 28.7298 30.6356 29.8313 28.9524 29.8313H23.4112C21.7282 29.8313 20.3636 28.7298 20.3636 27.3711V23.7591C20.3636 23.1363 20.0571 22.539 19.5116 22.0987C18.3755 21.1816 16.5336 21.1816 15.3974 22.0987L6.71082 29.1107C6.13927 29.5721 5.3641 29.8313 4.55582 29.8313H3.04763C1.36447 29.8313 0 28.7298 0 27.3711V26.1537C0 25.5013 0.321089 24.8755 0.892629 24.4141L9.57933 17.402C10.7154 16.4849 10.7154 14.9981 9.57933 14.081C9.03378 13.6406 8.29383 13.3932 7.52229 13.3932H3.04763C1.36447 13.3932 0 12.2918 0 10.9331Z\"\n      fill=\"#B16EFF\"\n    />\n  </svg>\n);\nexport default BlcRarichain;\n"],"names":["BlcRarichain","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMMA,MAAAA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACvDC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,IAAA,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,IAAA,OAAA,CACE,EAAE,ogCACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"blc-rarichain.js","sources":["../../../../src/components/logos/blc-rarichain.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcRarichain = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      d=\"M1.99859 11.0664V7.15259C1.99859 5.96373 3.19249 4.99998 4.66524 4.99998H9.51371C10.9865 4.99998 12.1804 5.96373 12.1804 7.15259V10.3131C12.1804 10.8581 12.4485 11.3807 12.9259 11.7661C13.92 12.5685 15.5317 12.5685 16.5258 11.7661L24.1266 5.63046C24.6267 5.22677 25.3049 4.99998 26.0122 4.99998H27.3318C28.8046 4.99998 29.9985 5.96373 29.9985 7.15259V8.21786C29.9985 8.78877 29.7175 9.33629 29.2174 9.73998L21.6166 15.8756C20.6225 16.678 20.6225 17.979 21.6166 18.7814C22.0939 19.1668 22.7415 19.3832 23.4166 19.3832H27.3318C28.8046 19.3832 29.9985 20.347 29.9985 21.5359V25.4496C29.9985 26.6385 28.8046 27.6023 27.3318 27.6023H22.4833C21.0107 27.6023 19.8167 26.6385 19.8167 25.4496V22.2891C19.8167 21.7442 19.5485 21.2215 19.0712 20.8363C18.0771 20.0338 16.4654 20.0338 15.4713 20.8363L7.87053 26.9718C7.37043 27.3755 6.69216 27.6023 5.98492 27.6023H4.66525C3.19249 27.6023 1.99859 26.6385 1.99859 25.4496V24.3844C1.99859 23.8135 2.27954 23.2659 2.77964 22.8623L10.3805 16.7267C11.3745 15.9243 11.3745 14.6233 10.3805 13.8208C9.90311 13.4355 9.25566 13.219 8.58056 13.219H4.66525C3.19249 13.219 1.99859 12.2553 1.99859 11.0664Z\"\n      fill=\"#B16EFF\"\n    />\n  </svg>\n);\nexport default BlcRarichain;\n"],"names":["BlcRarichain","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMMA,MAAAA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACvDC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,IAAA,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAA,IAAA,OAAA,CACE,EAAE,4mCACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/logos/blc-stability.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime");const s=({title:e,titleId:t,...i})=>l.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[e?l.jsx("title",{id:t,children:e}):null,l.jsx("path",{d:"M4.99998 23.7737L16.1282 17.5263L27.2563 23.7899L16.1282 29.9999L4.99998 23.7737Z",fill:"#0A0A0A"}),l.jsx("path",{d:"M4.99998 8.2471L16.1282 14.4581V26.8295L4.99998 20.7359V8.2471Z",fill:"#3E7CB1"}),l.jsx("path",{d:"M27.2565 8.26364L16.1283 14.4737V26.8461L27.2565 20.7525V8.26364Z",fill:"#30C5FF"}),l.jsx("path",{d:"M4.99998 8.24743L16.1282 1.99999L27.2563 8.26362L16.1282 14.4736L4.99998 8.24743Z",fill:"#41EEF9"})]});exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime");const s=({title:e,titleId:t,...i})=>l.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[e?l.jsx("title",{id:t,children:e}):null,l.jsx("path",{d:"M3.99998 24.329L15.923 17.6353L27.8461 24.3463L15.923 30.9999L3.99998 24.329Z",fill:"#0A0A0A"}),l.jsx("path",{d:"M3.99998 7.69327L15.923 14.3479V27.603L3.99998 21.0741V7.69327Z",fill:"#3E7CB1"}),l.jsx("path",{d:"M27.8463 7.71103L15.9232 14.3646V27.6208L27.8463 21.0919V7.71103Z",fill:"#30C5FF"}),l.jsx("path",{d:"M3.99998 7.69368L15.923 0.999996L27.8461 7.71103L15.923 14.3646L3.99998 7.69368Z",fill:"#41EEF9"})]});exports.default=s;
 //# sourceMappingURL=blc-stability.js.map

package/dist/cjs/components/logos/blc-stability.js.map

@@ -1 +1 @@
-{"version":3,"file":"blc-stability.js","sources":["../../../../src/components/logos/blc-stability.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcStability = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path d=\"M4.99998 23.7737L16.1282 17.5263L27.2563 23.7899L16.1282 29.9999L4.99998 23.7737Z\" fill=\"#0A0A0A\" />\n    <path d=\"M4.99998 8.2471L16.1282 14.4581V26.8295L4.99998 20.7359V8.2471Z\" fill=\"#3E7CB1\" />\n    <path d=\"M27.2565 8.26364L16.1283 14.4737V26.8461L27.2565 20.7525V8.26364Z\" fill=\"#30C5FF\" />\n    <path d=\"M4.99998 8.24743L16.1282 1.99999L27.2563 8.26362L16.1282 14.4736L4.99998 8.24743Z\" fill=\"#41EEF9\" />\n  </svg>\n);\nexport default BlcStability;\n"],"names":["BlcStability","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMA,MAAMA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACzCC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAAA,IAAA,OAAA,CAAM,EAAE,oFAAoF,KAAK,SAAY,CAAA,EAC7GA,cAAM,EAAE,kEAAkE,KAAK,SAAY,CAAA,EAC3FA,cAAM,EAAE,oEAAoE,KAAK,SAAY,CAAA,EAC7FA,cAAM,EAAE,oFAAoF,KAAK,SAAS,CAAA,CAAG,CACzG,CAAA"}
+{"version":3,"file":"blc-stability.js","sources":["../../../../src/components/logos/blc-stability.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst BlcStability = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path d=\"M3.99998 24.329L15.923 17.6353L27.8461 24.3463L15.923 30.9999L3.99998 24.329Z\" fill=\"#0A0A0A\" />\n    <path d=\"M3.99998 7.69327L15.923 14.3479V27.603L3.99998 21.0741V7.69327Z\" fill=\"#3E7CB1\" />\n    <path d=\"M27.8463 7.71103L15.9232 14.3646V27.6208L27.8463 21.0919V7.71103Z\" fill=\"#30C5FF\" />\n    <path d=\"M3.99998 7.69368L15.923 0.999996L27.8461 7.71103L15.923 14.3646L3.99998 7.69368Z\" fill=\"#41EEF9\" />\n  </svg>\n);\nexport default BlcStability;\n"],"names":["BlcStability","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMA,MAAMA,EAAe,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACzCC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAAA,IAAA,OAAA,CAAM,EAAE,gFAAgF,KAAK,SAAY,CAAA,EACzGA,cAAM,EAAE,kEAAkE,KAAK,SAAY,CAAA,EAC3FA,cAAM,EAAE,oEAAoE,KAAK,SAAY,CAAA,EAC7FA,cAAM,EAAE,mFAAmF,KAAK,SAAS,CAAA,CAAG,CACxG,CAAA"}

package/dist/cjs/components/logos/icon-delete.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime");const s=({title:e,titleId:i,...t})=>C.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...t,children:[e?C.jsx("title",{id:i,children:e}):null,C.jsx("circle",{cx:16,cy:16,r:14.6667,fill:"#D9D9D9"}),C.jsx("circle",{cx:16,cy:16,r:14.6667,fill:"url(#paint0_linear_11179_10905)"}),C.jsx("path",{d:"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z",fill:"white"}),C.jsx("path",{d:"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z",fill:"url(#paint1_linear_11179_10905)"}),C.jsxs("defs",{children:[C.jsxs("linearGradient",{id:"paint0_linear_11179_10905",x1:16,y1:1.33333,x2:16,y2:30.6667,gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"#FF9B80"}),C.jsx("stop",{offset:1,stopColor:"#FC5C30"})]}),C.jsxs("linearGradient",{id:"paint1_linear_11179_10905",x1:16.2645,y1:8.29629,x2:16.2645,y2:23.7037,gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"white"}),C.jsx("stop",{offset:1,stopColor:"#FFEAE5"})]})]})]});exports.default=s;
+//# sourceMappingURL=icon-delete.js.map

package/dist/cjs/components/logos/icon-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-delete.js","sources":["../../../../src/components/logos/icon-delete.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconDelete = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle cx={16} cy={16} r={14.6667} fill=\"#D9D9D9\" />\n    <circle cx={16} cy={16} r={14.6667} fill=\"url(#paint0_linear_11179_10905)\" />\n    <path\n      d=\"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M19.7312 9.35555V10.8H22.3312C22.561 10.8 22.7815 10.8913 22.944 11.0538C23.1065 11.2164 23.1978 11.4368 23.1978 11.6667C23.1978 11.8965 23.1065 12.117 22.944 12.2795C22.7815 12.442 22.561 12.5333 22.3312 12.5333H10.1978C9.96799 12.5333 9.74755 12.442 9.58502 12.2795C9.42249 12.117 9.33118 11.8965 9.33118 11.6667C9.33118 11.4368 9.42249 11.2164 9.58502 11.0538C9.74755 10.8913 9.96799 10.8 10.1978 10.8H12.7978V9.35555C12.7978 8.23928 13.7038 7.33333 14.8201 7.33333H17.709C18.8252 7.33333 19.7312 8.23928 19.7312 9.35555ZM12.2154 15.0467L12.9781 22.6733C12.9853 22.7446 13.0187 22.8107 13.0719 22.8588C13.125 22.9068 13.1942 22.9334 13.2658 22.9333H19.2632C19.3348 22.9334 19.404 22.9068 19.4572 22.8588C19.5103 22.8107 19.5437 22.7446 19.5509 22.6733L20.3136 15.0467C20.3422 14.8228 20.4571 14.6189 20.6337 14.4784C20.8103 14.338 21.0348 14.2719 21.2594 14.2943C21.4839 14.3167 21.6909 14.4259 21.8362 14.5985C21.9816 14.7712 22.0538 14.9937 22.0377 15.2188L21.275 22.8455C21.2256 23.3447 20.9923 23.8076 20.6205 24.1442C20.2486 24.4809 19.7648 24.6671 19.2632 24.6667H13.2658C12.7646 24.6666 12.2812 24.4804 11.9095 24.1441C11.5377 23.8078 11.3041 23.3454 11.254 22.8467L10.4914 15.22C10.4769 15.1052 10.4855 14.9888 10.5168 14.8774C10.548 14.7661 10.6012 14.6621 10.6733 14.5716C10.7453 14.4811 10.8348 14.406 10.9363 14.3506C11.0378 14.2953 11.1494 14.2608 11.2645 14.2492C11.3796 14.2377 11.4958 14.2492 11.6063 14.2833C11.7169 14.3173 11.8195 14.3732 11.9081 14.4475C11.9967 14.5218 12.0696 14.6131 12.1223 14.716C12.1751 14.8189 12.2068 14.9313 12.2154 15.0467ZM14.5312 9.35555V10.8H17.9978V9.35555C17.9978 9.27893 17.9674 9.20545 17.9132 9.15128C17.8591 9.0971 17.7856 9.06666 17.709 9.06666H14.8201C14.7434 9.06666 14.67 9.0971 14.6158 9.15128C14.5616 9.20545 14.5312 9.27893 14.5312 9.35555Z\"\n      fill=\"url(#paint1_linear_11179_10905)\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_11179_10905\"\n        x1={16}\n        y1={1.33333}\n        x2={16}\n        y2={30.6667}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#FF9B80\" />\n        <stop offset={1} stopColor=\"#FC5C30\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint1_linear_11179_10905\"\n        x1={16.2645}\n        y1={8.29629}\n        x2={16.2645}\n        y2={23.7037}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"white\" />\n        <stop offset={1} stopColor=\"#FFEAE5\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\nexport default IconDelete;\n"],"names":["IconDelete","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,KACvCC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,+CACWF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAAA,IAAA,SAAA,CAAQ,GAAI,GAAI,GAAI,GAAI,EAAG,QAAS,KAAK,SAAS,CAAA,EAClDA,EAAAA,IAAQ,SAAA,CAAA,GAAI,GAAI,GAAI,GAAI,EAAG,QAAS,KAAK,iCAAoC,CAAA,EAC7EA,cACE,EAAE,+wDACF,KAAK,OACL,CAAA,EACFA,EAAAA,YACE,EAAE,+wDACF,KAAK,iCAAiC,CAAA,EAExCD,EAAAA,KACE,OAAA,CAAA,SAAA,CAAAA,EAAA,KAAA,iBAAA,CACE,GAAG,4BACH,GAAI,GACJ,GAAI,QACJ,GAAI,GACJ,GAAI,QACJ,cAAc,2BAEdC,EAAAA,IAAM,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAAA,IAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAS,CAAA,CAAG,IAEzCD,EAAAA,KAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,EAAAA,IAAA,OAAA,CAAM,UAAU,OAAU,CAAA,EAC1BA,EAAM,IAAA,OAAA,CAAA,OAAQ,EAAG,UAAU,WAAY,CACxB,CAAA,CAAA,CAAA,CAAA,CACZ,CACH,CAAA"}

package/dist/cjs/components/logos/icon-email-globe.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const t=({title:s,titleId:r,...i})=>e.jsxs("svg",{width:33,height:32,viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":r,...i,children:[s?e.jsx("title",{id:r,children:s}):null,e.jsx("ellipse",{cx:16.0008,cy:16,rx:15.0003,ry:15,fill:"url(#paint0_radial_11179_269)"}),e.jsx("mask",{id:"mask0_11179_269",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:1,y:1,width:31,height:30,children:e.jsx("ellipse",{cx:16.0008,cy:16,rx:15.0003,ry:15,fill:"url(#paint1_radial_11179_269)"})}),e.jsxs("g",{mask:"url(#mask0_11179_269)",children:[e.jsx("path",{d:"M20.512 9.15815C20.312 7.35815 22.7442 5.11426 25.2621 4.15815C31.0636 1.95517 35.5436 23.5785 31.7622 18.6581C31.036 17.7132 30.0122 17.5581 30.0122 16.1581C30.0122 14.4081 25.2621 17.9081 24.0121 16.1581C22.762 14.4081 25.2621 13.1581 25.2621 11.6581C25.2621 10.1581 20.762 11.4081 20.512 9.15815Z",fill:"url(#paint2_linear_11179_269)"}),e.jsx("path",{d:"M8.96521 5.37783C8.499 3.62778 10.5694 1.04629 12.9165 -0.274629C18.3246 -3.31813 20.1292 4.03985 16.6683 4.5618C15.4898 4.73953 18.9207 7.76167 15.9542 8.20909C14.2237 8.47009 11.408 13.1928 9.911 11.6488C8.41396 10.1047 11.2199 8.67026 10.9962 7.18703C10.7725 5.70381 9.54797 7.56539 8.96521 5.37783Z",fill:"url(#paint3_linear_11179_269)"}),e.jsx("path",{d:"M-0.533911 19.4056C-0.9973 18.2305 0.621608 15.4809 2.90346 14.6597C5.54842 13.7079 13.4033 14.9098 12.1541 18.6597C10.9049 22.4097 8.65433 18.1597 8.01467 23.2423C7.77739 25.1276 4.33599 24.4167 3.15416 23.4702C1.97232 22.5237 0.653691 23.4702 0.653691 23.4702C0.653691 23.4702 0.0453248 20.8745 -0.533911 19.4056Z",fill:"url(#paint4_linear_11179_269)"}),e.jsx("path",{d:"M24.6658 23.2661C29.9159 25.6577 22.1596 34.588 20.4571 36.675C16.5344 41.4835 1.84268 24.9971 7.57771 27.3676C8.67909 27.8228 9.64329 27.4452 10.3433 28.6577C11.2183 30.1732 13.582 24.7671 15.5396 25.6577C17.4971 26.5482 15.957 28.8807 16.7071 30.1798C17.4571 31.4788 22.6056 22.3276 24.6658 23.2661Z",fill:"url(#paint5_linear_11179_269)"}),e.jsx("g",{filter:"url(#filter0_d_11179_269)",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.70231 17.5213C7.68906 8.70445 18.3323 6.22616 27.1142 8.75765C27.5002 8.86891 27.7229 9.272 27.6116 9.65798C27.5003 10.044 27.0972 10.2667 26.7113 10.1554C18.3278 7.73879 8.6054 10.2086 5.02778 18.1206C4.86227 18.4866 4.43139 18.6492 4.06537 18.4837C3.69935 18.3182 3.53681 17.8873 3.70231 17.5213Z",fill:"url(#paint6_linear_11179_269)"})}),e.jsx("g",{filter:"url(#filter1_d_11179_269)",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.665 3.55296C13.9119 3.86982 13.8552 4.32684 13.5383 4.57373C12.4625 5.41198 11.6359 6.79697 11.1059 8.59504C10.5778 10.3864 10.3614 12.5329 10.4632 14.8129C10.6673 19.3834 12.1433 24.364 14.7684 27.9347C15.0063 28.2583 14.9368 28.7136 14.6132 28.9515C14.2895 29.1895 13.8343 29.12 13.5964 28.7963C10.7664 24.9469 9.22405 19.6716 9.00996 14.8778C8.90268 12.4756 9.12717 10.1628 9.71054 8.18374C10.2919 6.21139 11.2472 4.5148 12.6442 3.42626C12.9611 3.17937 13.4181 3.23609 13.665 3.55296Z",fill:"url(#paint7_linear_11179_269)"})})]}),e.jsx("g",{filter:"url(#filter2_b_11179_269)",children:e.jsx("ellipse",{cx:25.3327,cy:24.3334,rx:6.66681,ry:6.66667,fill:"url(#paint8_linear_11179_269)"})}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z",fill:"#B6B4BA"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z",fill:"url(#paint9_linear_11179_269)"}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"filter0_d_11179_269",x:.728182,y:7.81868,width:29.8214,height:16.5485,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feOffset",{dy:2.90935}),e.jsx("feGaussianBlur",{stdDeviation:1.45467}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_11179_269"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_11179_269",result:"shape"})]}),e.jsxs("filter",{id:"filter1_d_11179_269",x:6.07471,y:3.27263,width:11.7444,height:31.639,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feOffset",{dy:2.90935}),e.jsx("feGaussianBlur",{stdDeviation:1.45467}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_11179_269"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_11179_269",result:"shape"})]}),e.jsxs("filter",{id:"filter2_b_11179_269",x:13.6658,y:12.6667,width:23.3337,height:23.3335,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),e.jsx("feGaussianBlur",{in:"BackgroundImageFix",stdDeviation:2.50003}),e.jsx("feComposite",{in2:"SourceAlpha",operator:"in",result:"effect1_backgroundBlur_11179_269"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_backgroundBlur_11179_269",result:"shape"})]}),e.jsxs("radialGradient",{id:"paint0_radial_11179_269",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.42917 9.03571) rotate(55.1537) scale(25.7841 25.7843)",children:[e.jsx("stop",{stopColor:"#DEDAFF"}),e.jsx("stop",{offset:1,stopColor:"#6851FF"})]}),e.jsxs("radialGradient",{id:"paint1_radial_11179_269",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(7.96489 9.03571) rotate(69.9044) scale(23.3881 6.12179)",children:[e.jsx("stop",{stopColor:"#BDB2FF"}),e.jsx("stop",{offset:1,stopColor:"#6851FF"})]}),e.jsxs("linearGradient",{id:"paint2_linear_11179_269",x1:26.8295,y1:4,x2:26.8295,y2:19.3888,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#6E58FF"}),e.jsx("stop",{offset:1,stopColor:"#7C68FF"})]}),e.jsxs("linearGradient",{id:"paint3_linear_11179_269",x1:14.4428,y1:-.66476,x2:16.7377,y2:14.552,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#6550F1"}),e.jsx("stop",{offset:1,stopColor:"#8F7EFF"})]}),e.jsxs("linearGradient",{id:"paint4_linear_11179_269",x1:2.00053,y1:19.9996,x2:12.5007,y2:16.9994,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#725DFF"}),e.jsx("stop",{offset:1,stopColor:"#816EFF"})]}),e.jsxs("linearGradient",{id:"paint5_linear_11179_269",x1:13.1655,y1:23.2661,x2:14.6655,y2:31.7662,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#5B45F1"}),e.jsx("stop",{offset:1,stopColor:"#644EFB"})]}),e.jsxs("linearGradient",{id:"paint6_linear_11179_269",x1:15.6389,y1:7.25068,x2:15.6389,y2:17.8209,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#EDEBFF"}),e.jsx("stop",{offset:1,stopColor:"#A799FF"})]}),e.jsxs("linearGradient",{id:"paint7_linear_11179_269",x1:11.8546,y1:4,x2:11.8546,y2:28.3655,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#EDEBFF"}),e.jsx("stop",{offset:1,stopColor:"#A799FF"})]}),e.jsxs("linearGradient",{id:"paint8_linear_11179_269",x1:19.9369,y1:19.254,x2:31.3655,y2:31.3175,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"white"}),e.jsx("stop",{offset:1,stopColor:"#C6BDFF",stopOpacity:.65})]}),e.jsxs("linearGradient",{id:"paint9_linear_11179_269",x1:20.6649,y1:22.2083,x2:26.1953,y2:26.6397,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#3512B2"}),e.jsx("stop",{offset:1,stopColor:"#6851FF"})]})]})]});exports.default=t;
+//# sourceMappingURL=icon-email-globe.js.map

package/dist/cjs/components/logos/icon-email-globe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-email-globe.js","sources":["../../../../src/components/logos/icon-email-globe.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconEmailGlobe = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={33}\n    height={32}\n    viewBox=\"0 0 33 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <ellipse cx={16.0008} cy={16} rx={15.0003} ry={15} fill=\"url(#paint0_radial_11179_269)\" />\n    <mask\n      id=\"mask0_11179_269\"\n      style={{\n        maskType: 'alpha',\n      }}\n      maskUnits=\"userSpaceOnUse\"\n      x={1}\n      y={1}\n      width={31}\n      height={30}\n    >\n      <ellipse cx={16.0008} cy={16} rx={15.0003} ry={15} fill=\"url(#paint1_radial_11179_269)\" />\n    </mask>\n    <g mask=\"url(#mask0_11179_269)\">\n      <path\n        d=\"M20.512 9.15815C20.312 7.35815 22.7442 5.11426 25.2621 4.15815C31.0636 1.95517 35.5436 23.5785 31.7622 18.6581C31.036 17.7132 30.0122 17.5581 30.0122 16.1581C30.0122 14.4081 25.2621 17.9081 24.0121 16.1581C22.762 14.4081 25.2621 13.1581 25.2621 11.6581C25.2621 10.1581 20.762 11.4081 20.512 9.15815Z\"\n        fill=\"url(#paint2_linear_11179_269)\"\n      />\n      <path\n        d=\"M8.96521 5.37783C8.499 3.62778 10.5694 1.04629 12.9165 -0.274629C18.3246 -3.31813 20.1292 4.03985 16.6683 4.5618C15.4898 4.73953 18.9207 7.76167 15.9542 8.20909C14.2237 8.47009 11.408 13.1928 9.911 11.6488C8.41396 10.1047 11.2199 8.67026 10.9962 7.18703C10.7725 5.70381 9.54797 7.56539 8.96521 5.37783Z\"\n        fill=\"url(#paint3_linear_11179_269)\"\n      />\n      <path\n        d=\"M-0.533911 19.4056C-0.9973 18.2305 0.621608 15.4809 2.90346 14.6597C5.54842 13.7079 13.4033 14.9098 12.1541 18.6597C10.9049 22.4097 8.65433 18.1597 8.01467 23.2423C7.77739 25.1276 4.33599 24.4167 3.15416 23.4702C1.97232 22.5237 0.653691 23.4702 0.653691 23.4702C0.653691 23.4702 0.0453248 20.8745 -0.533911 19.4056Z\"\n        fill=\"url(#paint4_linear_11179_269)\"\n      />\n      <path\n        d=\"M24.6658 23.2661C29.9159 25.6577 22.1596 34.588 20.4571 36.675C16.5344 41.4835 1.84268 24.9971 7.57771 27.3676C8.67909 27.8228 9.64329 27.4452 10.3433 28.6577C11.2183 30.1732 13.582 24.7671 15.5396 25.6577C17.4971 26.5482 15.957 28.8807 16.7071 30.1798C17.4571 31.4788 22.6056 22.3276 24.6658 23.2661Z\"\n        fill=\"url(#paint5_linear_11179_269)\"\n      />\n      <g filter=\"url(#filter0_d_11179_269)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M3.70231 17.5213C7.68906 8.70445 18.3323 6.22616 27.1142 8.75765C27.5002 8.86891 27.7229 9.272 27.6116 9.65798C27.5003 10.044 27.0972 10.2667 26.7113 10.1554C18.3278 7.73879 8.6054 10.2086 5.02778 18.1206C4.86227 18.4866 4.43139 18.6492 4.06537 18.4837C3.69935 18.3182 3.53681 17.8873 3.70231 17.5213Z\"\n          fill=\"url(#paint6_linear_11179_269)\"\n        />\n      </g>\n      <g filter=\"url(#filter1_d_11179_269)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M13.665 3.55296C13.9119 3.86982 13.8552 4.32684 13.5383 4.57373C12.4625 5.41198 11.6359 6.79697 11.1059 8.59504C10.5778 10.3864 10.3614 12.5329 10.4632 14.8129C10.6673 19.3834 12.1433 24.364 14.7684 27.9347C15.0063 28.2583 14.9368 28.7136 14.6132 28.9515C14.2895 29.1895 13.8343 29.12 13.5964 28.7963C10.7664 24.9469 9.22405 19.6716 9.00996 14.8778C8.90268 12.4756 9.12717 10.1628 9.71054 8.18374C10.2919 6.21139 11.2472 4.5148 12.6442 3.42626C12.9611 3.17937 13.4181 3.23609 13.665 3.55296Z\"\n          fill=\"url(#paint7_linear_11179_269)\"\n        />\n      </g>\n    </g>\n    <g filter=\"url(#filter2_b_11179_269)\">\n      <ellipse cx={25.3327} cy={24.3334} rx={6.66681} ry={6.66667} fill=\"url(#paint8_linear_11179_269)\" />\n    </g>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z\"\n      fill=\"#B6B4BA\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M21.8 22.3334C21.8 21.8731 22.1731 21.5 22.6334 21.5H27.9666C28.4269 21.5 28.8 21.8731 28.8 22.3334V26.3333C28.8 26.7936 28.4269 27.1667 27.9666 27.1667H22.6334C22.1731 27.1667 21.8 26.7936 21.8 26.3333V22.3334ZM22.6109 22.2959C22.4981 22.2162 22.3421 22.2431 22.2625 22.3559C22.1829 22.4687 22.2098 22.6247 22.3226 22.7043L24.7714 24.4329C25.0883 24.6566 25.5117 24.6566 25.8286 24.4329L28.2773 22.7043C28.3901 22.6247 28.417 22.4687 28.3374 22.3559C28.2578 22.2431 28.1018 22.2162 27.989 22.2959L25.5402 24.0244C25.3962 24.1261 25.2037 24.1261 25.0597 24.0244L22.6109 22.2959Z\"\n      fill=\"url(#paint9_linear_11179_269)\"\n    />\n    <defs>\n      <filter\n        id=\"filter0_d_11179_269\"\n        x={0.728182}\n        y={7.81868}\n        width={29.8214}\n        height={16.5485}\n        filterUnits=\"userSpaceOnUse\"\n        colorInterpolationFilters=\"sRGB\"\n      >\n        <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy={2.90935} />\n        <feGaussianBlur stdDeviation={1.45467} />\n        <feComposite in2=\"hardAlpha\" operator=\"out\" />\n        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0\" />\n        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_11179_269\" />\n        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_11179_269\" result=\"shape\" />\n      </filter>\n      <filter\n        id=\"filter1_d_11179_269\"\n        x={6.07471}\n        y={3.27263}\n        width={11.7444}\n        height={31.639}\n        filterUnits=\"userSpaceOnUse\"\n        colorInterpolationFilters=\"sRGB\"\n      >\n        <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy={2.90935} />\n        <feGaussianBlur stdDeviation={1.45467} />\n        <feComposite in2=\"hardAlpha\" operator=\"out\" />\n        <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.207843 0 0 0 0 0.0705882 0 0 0 0 0.698039 0 0 0 0.6 0\" />\n        <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_11179_269\" />\n        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_11179_269\" result=\"shape\" />\n      </filter>\n      <filter\n        id=\"filter2_b_11179_269\"\n        x={13.6658}\n        y={12.6667}\n        width={23.3337}\n        height={23.3335}\n        filterUnits=\"userSpaceOnUse\"\n        colorInterpolationFilters=\"sRGB\"\n      >\n        <feFlood floodOpacity={0} result=\"BackgroundImageFix\" />\n        <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation={2.50003} />\n        <feComposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_11179_269\" />\n        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_11179_269\" result=\"shape\" />\n      </filter>\n      <radialGradient\n        id=\"paint0_radial_11179_269\"\n        cx={0}\n        cy={0}\n        r={1}\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"translate(7.42917 9.03571) rotate(55.1537) scale(25.7841 25.7843)\"\n      >\n        <stop stopColor=\"#DEDAFF\" />\n        <stop offset={1} stopColor=\"#6851FF\" />\n      </radialGradient>\n      <radialGradient\n        id=\"paint1_radial_11179_269\"\n        cx={0}\n        cy={0}\n        r={1}\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"translate(7.96489 9.03571) rotate(69.9044) scale(23.3881 6.12179)\"\n      >\n        <stop stopColor=\"#BDB2FF\" />\n        <stop offset={1} stopColor=\"#6851FF\" />\n      </radialGradient>\n      <linearGradient\n        id=\"paint2_linear_11179_269\"\n        x1={26.8295}\n        y1={4}\n        x2={26.8295}\n        y2={19.3888}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#6E58FF\" />\n        <stop offset={1} stopColor=\"#7C68FF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint3_linear_11179_269\"\n        x1={14.4428}\n        y1={-0.66476}\n        x2={16.7377}\n        y2={14.552}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#6550F1\" />\n        <stop offset={1} stopColor=\"#8F7EFF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint4_linear_11179_269\"\n        x1={2.00053}\n        y1={19.9996}\n        x2={12.5007}\n        y2={16.9994}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#725DFF\" />\n        <stop offset={1} stopColor=\"#816EFF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint5_linear_11179_269\"\n        x1={13.1655}\n        y1={23.2661}\n        x2={14.6655}\n        y2={31.7662}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#5B45F1\" />\n        <stop offset={1} stopColor=\"#644EFB\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint6_linear_11179_269\"\n        x1={15.6389}\n        y1={7.25068}\n        x2={15.6389}\n        y2={17.8209}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#EDEBFF\" />\n        <stop offset={1} stopColor=\"#A799FF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint7_linear_11179_269\"\n        x1={11.8546}\n        y1={4}\n        x2={11.8546}\n        y2={28.3655}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#EDEBFF\" />\n        <stop offset={1} stopColor=\"#A799FF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint8_linear_11179_269\"\n        x1={19.9369}\n        y1={19.254}\n        x2={31.3655}\n        y2={31.3175}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"white\" />\n        <stop offset={1} stopColor=\"#C6BDFF\" stopOpacity={0.65} />\n      </linearGradient>\n      <linearGradient\n        id=\"paint9_linear_11179_269\"\n        x1={20.6649}\n        y1={22.2083}\n        x2={26.1953}\n        y2={26.6397}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#3512B2\" />\n        <stop offset={1} stopColor=\"#6851FF\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\nexport default IconEmailGlobe;\n"],"names":["IconEmailGlobe","title","titleId","props","_jsxs","_jsx"],"mappings":"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"}

package/dist/cjs/components/logos/icon-person-dark.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");const r=({title:s,titleId:e,...i})=>t.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":e,...i,children:[s?t.jsx("title",{id:e,children:s}):null,t.jsx("circle",{cx:16,cy:8.72729,r:7.27273,fill:"url(#paint0_radial_11175_21208)"}),t.jsx("path",{d:"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z",fill:"url(#paint1_linear_11175_21208)"}),t.jsx("path",{d:"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z",fill:"url(#paint2_linear_11175_21208)"}),t.jsx("line",{x1:21.2363,y1:24.6545,x2:23.8545,y2:24.6545,stroke:"url(#paint3_linear_11175_21208)",strokeWidth:3.2,strokeLinecap:"round"}),t.jsxs("defs",{children:[t.jsxs("radialGradient",{id:"paint0_radial_11175_21208",cx:0,cy:0,r:1,gradientUnits:"userSpaceOnUse",gradientTransform:"translate(10.1818 -0.727258) rotate(77.7352) scale(17.118)",children:[t.jsx("stop",{stopColor:"#EDEBFF"}),t.jsx("stop",{offset:1,stopColor:"#6851FF"})]}),t.jsxs("linearGradient",{id:"paint1_linear_11175_21208",x1:16.0001,y1:12.0867,x2:16.0001,y2:27.592,gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#BDB2FF",stopOpacity:.6}),t.jsx("stop",{offset:1,stopColor:"#6851FF",stopOpacity:.8})]}),t.jsxs("linearGradient",{id:"paint2_linear_11175_21208",x1:16.0001,y1:12.0867,x2:16.0001,y2:27.592,gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#BDB2FF"}),t.jsx("stop",{offset:1,stopColor:"#6851FF"})]}),t.jsxs("linearGradient",{id:"paint3_linear_11175_21208",x1:22.5454,y1:23.2545,x2:22.5454,y2:26.2545,gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#EDEBFF",stopOpacity:.8}),t.jsx("stop",{offset:1,stopColor:"#EDEBFF",stopOpacity:0})]})]})]});exports.default=r;
+//# sourceMappingURL=icon-person-dark.js.map

package/dist/cjs/components/logos/icon-person-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-person-dark.js","sources":["../../../../src/components/logos/icon-person-dark.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst IconPersonDark = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={32}\n    height={32}\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle cx={16} cy={8.72729} r={7.27273} fill=\"url(#paint0_radial_11175_21208)\" />\n    <path\n      d=\"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z\"\n      fill=\"url(#paint1_linear_11175_21208)\"\n    />\n    <path\n      d=\"M6.65869 30.5455H25.3416C28.2157 30.5455 30.5456 28.2155 30.5456 25.3415C30.5456 23.2135 29.2501 21.3 27.2743 20.5097L21.7296 18.2918C18.0516 16.8206 13.9487 16.8206 10.2707 18.2918L4.72597 20.5097C2.75023 21.3 1.45469 23.2135 1.45469 25.3415C1.45469 28.2155 3.7846 30.5455 6.65869 30.5455Z\"\n      fill=\"url(#paint2_linear_11175_21208)\"\n    />\n    <line\n      x1={21.2363}\n      y1={24.6545}\n      x2={23.8545}\n      y2={24.6545}\n      stroke=\"url(#paint3_linear_11175_21208)\"\n      strokeWidth={3.2}\n      strokeLinecap=\"round\"\n    />\n    <defs>\n      <radialGradient\n        id=\"paint0_radial_11175_21208\"\n        cx={0}\n        cy={0}\n        r={1}\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"translate(10.1818 -0.727258) rotate(77.7352) scale(17.118)\"\n      >\n        <stop stopColor=\"#EDEBFF\" />\n        <stop offset={1} stopColor=\"#6851FF\" />\n      </radialGradient>\n      <linearGradient\n        id=\"paint1_linear_11175_21208\"\n        x1={16.0001}\n        y1={12.0867}\n        x2={16.0001}\n        y2={27.592}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#BDB2FF\" stopOpacity={0.6} />\n        <stop offset={1} stopColor=\"#6851FF\" stopOpacity={0.8} />\n      </linearGradient>\n      <linearGradient\n        id=\"paint2_linear_11175_21208\"\n        x1={16.0001}\n        y1={12.0867}\n        x2={16.0001}\n        y2={27.592}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#BDB2FF\" />\n        <stop offset={1} stopColor=\"#6851FF\" />\n      </linearGradient>\n      <linearGradient\n        id=\"paint3_linear_11175_21208\"\n        x1={22.5454}\n        y1={23.2545}\n        x2={22.5454}\n        y2={26.2545}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#EDEBFF\" stopOpacity={0.8} />\n        <stop offset={1} stopColor=\"#EDEBFF\" stopOpacity={0} />\n      </linearGradient>\n    </defs>\n  </svg>\n);\nexport default IconPersonDark;\n"],"names":["IconPersonDark","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAMA,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAc,IACzDC,EACE,KAAA,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,EAEH,SAAA,CAAAF,EAAQI,EAAO,IAAA,QAAA,CAAA,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAQ,IAAA,SAAA,CAAA,GAAI,GAAI,GAAI,QAAS,EAAG,QAAS,KAAK,iCAAiC,CAAA,EAC/EA,EAAAA,IACE,OAAA,CAAA,EAAE,qSACF,KAAK,oCAEPA,EAAAA,IAAA,OAAA,CACE,EAAE,qSACF,KAAK,oCAEPA,EAAAA,IAAA,OAAA,CACE,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,OAAO,kCACP,YAAa,IACb,cAAc,UAEhBD,EAAA,KAAA,OAAA,CAAA,SAAA,CACEA,OACE,iBAAA,CAAA,GAAG,4BACH,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,cAAc,iBACd,kBAAkB,6DAA4D,SAAA,CAE9EC,EAAM,IAAA,OAAA,CAAA,UAAU,SAAS,CAAA,EACzBA,EAAAA,IAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,OACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACJ,cAAc,2BAEdC,EAAAA,IAAM,OAAA,CAAA,UAAU,UAAU,YAAa,EAAG,CAAA,EAC1CA,MAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,UAAU,YAAa,EAAO,CAAA,CAAA,CAAA,CAAA,EAE3DD,EAAAA,KACE,iBAAA,CAAA,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACJ,cAAc,iBAEd,SAAA,CAAAC,MAAA,OAAA,CAAM,UAAU,SAAY,CAAA,EAC5BA,EAAAA,IAAM,OAAA,CAAA,OAAQ,EAAG,UAAU,SAAY,CAAA,CAAA,CAAA,CAAA,EAEzCD,EAAAA,KAAA,iBAAA,CACE,GAAG,4BACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,cAAc,iBAEd,SAAA,CAAAC,MAAA,OAAA,CAAM,UAAU,UAAU,YAAa,EAAG,CAAA,EAC1CA,EAAAA,IAAA,OAAA,CAAM,OAAQ,EAAG,UAAU,UAAU,YAAa,CAAK,CAAA,CAAA,CAAA,CAAA,CACxC,CACZ,CAAA,CAAA,CAAA,CAAA"}