@magiclabs/ui-components 1.49.3 → 1.51.0

package/dist/es/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 fontColor={isSelectedCountry ? 'text.quaternary' : 'text.primary'}>{name}</Text>\n                  </HStack>\n                  <Text fontColor={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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"}
+{"version":3,"file":"phone-input.js","sources":["../../../../src/components/inputs/phone-input.tsx"],"sourcesContent":["import { IcoArrowRight, IcoCaretDown, IcoCheckmarkCircleFill } from '@components/icons';\nimport { Button, 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  onSubmit?: () => void;\n  autoFocus?: boolean;\n  errorMessage?: string;\n  containerStyles?: React.CSSProperties;\n  disableSubmit?: (value: string, countryIso2: CountryIso2) => boolean;\n  showPlaceholder?: boolean;\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, onSubmit, autoFocus = true, errorMessage, disableSubmit, showPlaceholder } = 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    disableDialCodeAndPrefix: showPlaceholder,\n  });\n\n  const isSubmitDisabled = disableSubmit?.(value, country.iso2);\n\n  const currentCountryCode = useMemo(() => {\n    const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n    return found ? found[2] : '1';\n  }, [country.iso2]);\n\n  const placeholder = useMemo(() => {\n    const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n    // Format can be a string like \"(..) ....-....\" or a function - replace dots with digits\n    const format = found && typeof found[3] === 'string' ? found[3] : null;\n    return format ? format.replace(/\\./g, '5') : '(555) 555-5555';\n  }, [country.iso2]);\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} style={props.containerStyles}>\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 fontColor={isSelectedCountry ? 'text.quaternary' : 'text.primary'}>{name}</Text>\n                  </HStack>\n                  <Text fontColor={isSelectedCountry ? 'text.quaternary' : 'text.tertiary'}>+{countryCode}</Text>\n                </HStack>\n              );\n            })}\n          </Box>\n        )}\n        <HStack\n          gap={0}\n          alignItems=\"center\"\n          flex={1}\n          style={{ borderLeftWidth: 'thin', borderColor: token('colors.neutral.secondary') }}\n        >\n          {showPlaceholder ? (\n            <span\n              className={css({\n                color: 'text.primary',\n                fontWeight: 'medium',\n                fontSize: 'md',\n                paddingLeft: 4,\n                paddingRight: 2,\n                userSelect: 'none',\n              })}\n            >\n              +{currentCountryCode}\n            </span>\n          ) : null}\n\n          <input\n            type=\"tel\"\n            inputMode=\"tel\"\n            onChange={handlePhoneValueChange}\n            value={inputValue}\n            ref={inputRef}\n            placeholder={showPlaceholder ? placeholder : ''}\n            onKeyDown={event => {\n              if (event.key === 'Enter' && onSubmit && !isSubmitDisabled) {\n                event.preventDefault();\n                onSubmit();\n              }\n            }}\n            className={css({\n              transition: 'all linear 120ms',\n              width: 'full',\n              boxSizing: 'border-box',\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              paddingRight: 4,\n              paddingLeft: showPlaceholder ? 0 : 4,\n              textAlign: 'left',\n              outline: 'none',\n              _placeholder: {\n                color: 'text.tertiary',\n              },\n            })}\n          />\n        </HStack>\n\n        {onSubmit && (\n          <Box style={{ paddingRight: '16px' }}>\n            <Button\n              aria-label=\"Submit phone number\"\n              variant=\"text\"\n              textStyle=\"neutral\"\n              onPress={onSubmit}\n              disabled={isSubmitDisabled}\n            >\n              <Button.LeadingIcon color={token('colors.text.tertiary')}>\n                <IcoArrowRight />\n              </Button.LeadingIcon>\n            </Button>\n          </Box>\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","onSubmit","autoFocus","errorMessage","disableSubmit","showPlaceholder","value","setValue","useState","isFocused","setIsFocused","showDropdown","setShowDropdown","focusedIndex","setFocusedIndex","searchString","setSearchString","buttonRef","useRef","containerRef","dropdownRef","itemRefs","typeAheadTimeout","country","setCountry","inputRef","handlePhoneValueChange","inputValue","usePhoneInput","data","isSubmitDisabled","currentCountryCode","useMemo","found","defaultCountries","placeholder","format","sortedCountries","otherCountries","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","Button","IcoArrowRight"],"mappings":"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"}

package/dist/es/components/inputs/pincode-input.js

@@ -1,2 +1,2 @@
-import{jsx as $}from"react/jsx-runtime";import{TextInput as L}from"./text-input.js";import{css as w}from"@styled/css";import{cx as W}from"@styled/css/cx";import{useState as B,useRef as D,useEffect as b,useCallback as h}from"react";const v=/\D/g,k=({pinLength:o,onComplete:A=c=>c,onChange:g=c=>c,id:p="pin-code-input",autoFocus:C=!0,className:T})=>{const[c,y]=B(()=>Array.from({length:o},()=>"")),u=D(Array(o).fill(null));b(()=>{y(t=>o<t.length?t.slice(0,o):o>t.length?[...t,...Array(o-t.length).fill("")]:t)},[o]),b(()=>{var t;C&&u.current[0]&&((t=u.current[0])===null||t===void 0||t.focus())},[C,o]);const d=(t,e)=>{var n;y(e),g(e);const r=e.join("");r.length===o&&((n=u.current[t])===null||n===void 0||n.blur(),A(r))},I=h((t,e)=>{const n=[...c];e.replace(v,"").split("").forEach(r=>{var a,i;t>=o||(n[t]=r,t++,(i=(a=u?.current)===null||a===void 0?void 0:a[t])===null||i===void 0||i.focus())}),d(t,n)},[c,d]),j=h(t=>{var e,n;const r=parseInt(t.currentTarget.dataset.id||"",10),a=t.target.value.replace(v,"");if(a.length>1)return I(r,a);const i=[...c];i[r]=a,a.length&&((n=(e=u?.current)===null||e===void 0?void 0:e[r+1])===null||n===void 0||n.focus()),d(r,i)},[d]),N=h(t=>{var e,n,r,a,i;const x=t.currentTarget.value.length,s=parseInt(t.currentTarget.dataset.id||"",10),f=[...c];switch(t.key){case"Backspace":{if(x&&(f[s]="",d(s,f)),s){const l=f.reduceRight((m,R,E)=>m!==-1?m:R!==""?E:m,-1);(e=u?.current[l>=0?l:0])===null||e===void 0||e.focus()}return}case"ArrowLeft":{const l=s?s-1:o-1;(n=u?.current[l])===null||n===void 0||n.focus();return}case"ArrowRight":{const l=s===o-1?0:s+1;(r=u?.current[l])===null||r===void 0||r.focus();return}default:{const l=t.key.replace(v,"");x&&l.length&&l!==t.currentTarget.value&&(f[s]=l,d(s,f),(i=(a=u?.current)===null||a===void 0?void 0:a[s+1])===null||i===void 0||i.focus())}}},[g,d]);return $("form",{id:p,className:w({margin:0,minWidth:0,display:"flex",width:"100%",justifyContent:"space-between",maxWidth:"30rem",gap:2}),children:c.map((t,e)=>$(L.Char,{id:p?`${p}-${e}`:void 0,"aria-label":`one time password input ${e+1}`,"data-id":e,name:`one time password input ${e+1}`,value:c[e]||"",className:W(w({caretColor:"transparent",rounded:"0.5rem"}),T),attr:{onChange:j,onKeyUp:N,autoComplete:e===0?"one-time-code":"off",inputMode:"numeric"},ref:n=>{u?.current&&(u.current[e]=n)}},`${p||void 0}-${e}`))})};export{k as PinCodeInput,k as default};
+import{jsx as $}from"react/jsx-runtime";import{TextInput as L}from"./text-input.js";import{css as w}from"@styled/css";import{cx as W}from"@styled/css/cx";import{useState as B,useRef as D,useEffect as b,useCallback as g}from"react";const h=/\D/g,k=({pinLength:o,onComplete:A=c=>c,onChange:v=c=>c,id:p="pin-code-input",autoFocus:C=!0,className:T})=>{const[c,y]=B(()=>Array.from({length:o},()=>"")),u=D(Array(o).fill(null));b(()=>{y(e=>o<e.length?e.slice(0,o):o>e.length?[...e,...Array(o-e.length).fill("")]:e)},[o]),b(()=>{var e;C&&u.current[0]&&((e=u.current[0])===null||e===void 0||e.focus())},[C,o]);const d=(e,r)=>{var t;y(r),v(r);const n=r.join("");n.length===o&&((t=u.current[e])===null||t===void 0||t.blur(),A(n))},I=g((e,r)=>{const t=[...c];r.replace(h,"").split("").forEach(n=>{var a,l;e>=o||(t[e]=n,e++,(l=(a=u?.current)===null||a===void 0?void 0:a[e])===null||l===void 0||l.focus())}),d(e,t)},[c,d]),R=g(e=>{var r,t;const n=parseInt(e.currentTarget.dataset.id||"",10),a=e.target.value.replace(h,"");if(a.length>1)return I(n,a);const l=[...c];l[n]=a,a.length&&((t=(r=u?.current)===null||r===void 0?void 0:r[n+1])===null||t===void 0||t.focus()),d(n,l)},[d]),j=g(e=>{var r,t,n,a,l;const x=e.currentTarget.value.length,i=parseInt(e.currentTarget.dataset.id||"",10),f=[...c];switch(e.key){case"Backspace":{if(x&&(f[i]="",d(i,f)),i){const s=f.reduceRight((m,N,E)=>m!==-1?m:N!==""?E:m,-1);(r=u?.current[s>=0?s:0])===null||r===void 0||r.focus()}return}case"ArrowLeft":{const s=i?i-1:o-1;(t=u?.current[s])===null||t===void 0||t.focus();return}case"ArrowRight":{const s=i===o-1?0:i+1;(n=u?.current[s])===null||n===void 0||n.focus();return}default:{const s=e.key.replace(h,"");x&&s.length&&s!==e.currentTarget.value&&(f[i]=s,d(i,f),(l=(a=u?.current)===null||a===void 0?void 0:a[i+1])===null||l===void 0||l.focus())}}},[v,d]);return $("form",{id:p,className:w({margin:0,minWidth:0,display:"flex",width:"100%",justifyContent:"space-between",maxWidth:"30rem",gap:2}),children:c.map((e,r)=>$(L.Char,{id:p?`${p}-${r}`:void 0,"aria-label":`one time password input ${r+1}`,"data-id":r,name:`one time password input ${r+1}`,value:c[r]||"",className:W(w({caretColor:"transparent",rounded:"0.5rem",marginRight:o===6&&r===2?4:0}),T),attr:{onChange:R,onKeyUp:j,autoComplete:r===0?"one-time-code":"off",inputMode:"numeric"},ref:t=>{u?.current&&(u.current[r]=t)}},`${p||void 0}-${r}`))})};export{k as PinCodeInput,k as default};
 //# sourceMappingURL=pincode-input.js.map

package/dist/es/components/inputs/pincode-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"pincode-input.js","sources":["../../../../src/components/inputs/pincode-input.tsx"],"sourcesContent":["import { TextInput } from '@components/inputs/text-input';\nimport { css } from '@styled/css';\nimport { cx } from '@styled/css/cx';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type PinCodeInputProps = {\n  pinLength: 3 | 6;\n  onComplete: (pins: string) => void;\n  onChange: (pins: Array<string>) => void;\n  id?: string;\n  originName?: string;\n  autoFocus?: boolean;\n  className?: string;\n};\n\nconst REGEX_NUMBER_CLEANER = /\\D/g;\n\nexport const PinCodeInput = ({\n  pinLength,\n  onComplete = pins => pins,\n  onChange = pins => pins,\n  id = 'pin-code-input',\n  autoFocus = true,\n  className,\n}: PinCodeInputProps) => {\n  const [pinNumbers, setPinNumbers] = useState(() => Array.from({ length: pinLength }, () => ''));\n  const inputRefs = useRef<(HTMLInputElement | null)[]>(Array(pinLength).fill(null));\n\n  useEffect(() => {\n    setPinNumbers(prevPinNumbers => {\n      if (pinLength < prevPinNumbers.length) {\n        return prevPinNumbers.slice(0, pinLength);\n      } else if (pinLength > prevPinNumbers.length) {\n        return [...prevPinNumbers, ...Array(pinLength - prevPinNumbers.length).fill('')];\n      }\n      return prevPinNumbers;\n    });\n  }, [pinLength]);\n\n  useEffect(() => {\n    if (autoFocus && inputRefs.current[0]) {\n      inputRefs.current[0]?.focus();\n    }\n  }, [autoFocus, pinLength]);\n\n  const updatePincode = (currentIndex: number, pins: string[]) => {\n    setPinNumbers(pins);\n    onChange(pins);\n\n    const strPin = pins.join('');\n\n    if (strPin.length === pinLength) {\n      inputRefs.current[currentIndex]?.blur();\n      onComplete(strPin);\n    }\n  };\n\n  const bulkUpdatePincode = useCallback(\n    (currentIndex: number, text: string) => {\n      const newPins = [...pinNumbers];\n      text\n        .replace(REGEX_NUMBER_CLEANER, '')\n        .split('')\n        .forEach(code => {\n          if (currentIndex >= pinLength) {\n            return;\n          }\n          newPins[currentIndex] = code;\n          currentIndex++;\n          inputRefs?.current?.[currentIndex]?.focus();\n        });\n\n      updatePincode(currentIndex, newPins);\n    },\n    [pinNumbers, updatePincode],\n  );\n\n  const onChangeProp = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset.id || '', 10);\n      const value = e.target.value.replace(REGEX_NUMBER_CLEANER, '');\n\n      // handle cases when user pastes multiple characters\n      if (value.length > 1) {\n        return bulkUpdatePincode(currentIndex, value);\n      }\n      const newPins = [...pinNumbers];\n\n      newPins[currentIndex] = value;\n\n      if (value.length) {\n        inputRefs?.current?.[currentIndex + 1]?.focus();\n      }\n\n      updatePincode(currentIndex, newPins);\n    },\n    [updatePincode],\n  );\n\n  const onKeyUp = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const inputHasValue = e.currentTarget.value.length;\n      const currentIndex = parseInt(e.currentTarget.dataset.id || '', 10);\n      const newPins = [...pinNumbers];\n\n      switch (e.key) {\n        case 'Backspace': {\n          // Always delete value of selected input\n          if (inputHasValue) {\n            newPins[currentIndex] = '';\n            updatePincode(currentIndex, newPins);\n          }\n\n          // Select the last input with a value\n          if (currentIndex) {\n            const lastIndexWithDigit = newPins.reduceRight((acc, current, index) => {\n              if (acc !== -1) return acc;\n              if (current !== '') return index;\n              return acc;\n            }, -1);\n\n            inputRefs?.current[lastIndexWithDigit >= 0 ? lastIndexWithDigit : 0]?.focus();\n          }\n          return;\n        }\n\n        case 'ArrowLeft': {\n          // Navigate left in a loop\n          const newIndex = currentIndex ? currentIndex - 1 : pinLength - 1;\n          inputRefs?.current[newIndex]?.focus();\n          return;\n        }\n\n        case 'ArrowRight': {\n          // Navigate right in a loop\n          const newIndex = currentIndex === pinLength - 1 ? 0 : currentIndex + 1;\n          inputRefs?.current[newIndex]?.focus();\n          return;\n        }\n\n        default: {\n          // Overwrite existing value if a new number value is pressed\n          const value = e.key.replace(REGEX_NUMBER_CLEANER, '');\n\n          if (inputHasValue && value.length && value !== e.currentTarget.value) {\n            newPins[currentIndex] = value;\n            updatePincode(currentIndex, newPins);\n            inputRefs?.current?.[currentIndex + 1]?.focus();\n          }\n        }\n      }\n    },\n    [onChange, updatePincode],\n  );\n\n  return (\n    <form\n      id={id}\n      className={css({\n        margin: 0,\n        minWidth: 0,\n        display: 'flex',\n        width: '100%',\n        justifyContent: 'space-between',\n        maxWidth: '30rem',\n        gap: 2,\n      })}\n    >\n      {pinNumbers.map((_, i) => (\n        <TextInput.Char\n          id={id ? `${id}-${i}` : undefined}\n          aria-label={`one time password input ${i + 1}`}\n          data-id={i}\n          key={`${id || undefined}-${i}`}\n          name={`one time password input ${i + 1}`}\n          value={pinNumbers[i] || ''}\n          className={cx(css({ caretColor: 'transparent', rounded: '0.5rem' }), className)}\n          attr={{\n            onChange: onChangeProp,\n            onKeyUp,\n            autoComplete: i === 0 ? 'one-time-code' : 'off',\n            inputMode: 'numeric',\n          }}\n          ref={el => {\n            if (inputRefs?.current) {\n              inputRefs.current[i] = el;\n            }\n          }}\n        />\n      ))}\n    </form>\n  );\n};\n\nexport default PinCodeInput;\n"],"names":["REGEX_NUMBER_CLEANER","PinCodeInput","pinLength","onComplete","pins","onChange","id","autoFocus","className","pinNumbers","setPinNumbers","useState","inputRefs","useRef","useEffect","prevPinNumbers","_a","updatePincode","currentIndex","strPin","bulkUpdatePincode","useCallback","text","newPins","code","_b","onChangeProp","e","value","onKeyUp","inputHasValue","lastIndexWithDigit","acc","current","index","newIndex","_c","_e","_d","_jsx","css","_","i","TextInput","cx","el"],"mappings":"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"}
+{"version":3,"file":"pincode-input.js","sources":["../../../../src/components/inputs/pincode-input.tsx"],"sourcesContent":["import { TextInput } from '@components/inputs/text-input';\nimport { css } from '@styled/css';\nimport { cx } from '@styled/css/cx';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type PinCodeInputProps = {\n  pinLength: 3 | 6;\n  onComplete: (pins: string) => void;\n  onChange: (pins: Array<string>) => void;\n  id?: string;\n  originName?: string;\n  autoFocus?: boolean;\n  className?: string;\n};\n\nconst REGEX_NUMBER_CLEANER = /\\D/g;\n\nexport const PinCodeInput = ({\n  pinLength,\n  onComplete = pins => pins,\n  onChange = pins => pins,\n  id = 'pin-code-input',\n  autoFocus = true,\n  className,\n}: PinCodeInputProps) => {\n  const [pinNumbers, setPinNumbers] = useState(() => Array.from({ length: pinLength }, () => ''));\n  const inputRefs = useRef<(HTMLInputElement | null)[]>(Array(pinLength).fill(null));\n\n  useEffect(() => {\n    setPinNumbers(prevPinNumbers => {\n      if (pinLength < prevPinNumbers.length) {\n        return prevPinNumbers.slice(0, pinLength);\n      } else if (pinLength > prevPinNumbers.length) {\n        return [...prevPinNumbers, ...Array(pinLength - prevPinNumbers.length).fill('')];\n      }\n      return prevPinNumbers;\n    });\n  }, [pinLength]);\n\n  useEffect(() => {\n    if (autoFocus && inputRefs.current[0]) {\n      inputRefs.current[0]?.focus();\n    }\n  }, [autoFocus, pinLength]);\n\n  const updatePincode = (currentIndex: number, pins: string[]) => {\n    setPinNumbers(pins);\n    onChange(pins);\n\n    const strPin = pins.join('');\n\n    if (strPin.length === pinLength) {\n      inputRefs.current[currentIndex]?.blur();\n      onComplete(strPin);\n    }\n  };\n\n  const bulkUpdatePincode = useCallback(\n    (currentIndex: number, text: string) => {\n      const newPins = [...pinNumbers];\n      text\n        .replace(REGEX_NUMBER_CLEANER, '')\n        .split('')\n        .forEach(code => {\n          if (currentIndex >= pinLength) {\n            return;\n          }\n          newPins[currentIndex] = code;\n          currentIndex++;\n          inputRefs?.current?.[currentIndex]?.focus();\n        });\n\n      updatePincode(currentIndex, newPins);\n    },\n    [pinNumbers, updatePincode],\n  );\n\n  const onChangeProp = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset.id || '', 10);\n      const value = e.target.value.replace(REGEX_NUMBER_CLEANER, '');\n\n      // handle cases when user pastes multiple characters\n      if (value.length > 1) {\n        return bulkUpdatePincode(currentIndex, value);\n      }\n      const newPins = [...pinNumbers];\n\n      newPins[currentIndex] = value;\n\n      if (value.length) {\n        inputRefs?.current?.[currentIndex + 1]?.focus();\n      }\n\n      updatePincode(currentIndex, newPins);\n    },\n    [updatePincode],\n  );\n\n  const onKeyUp = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const inputHasValue = e.currentTarget.value.length;\n      const currentIndex = parseInt(e.currentTarget.dataset.id || '', 10);\n      const newPins = [...pinNumbers];\n\n      switch (e.key) {\n        case 'Backspace': {\n          // Always delete value of selected input\n          if (inputHasValue) {\n            newPins[currentIndex] = '';\n            updatePincode(currentIndex, newPins);\n          }\n\n          // Select the last input with a value\n          if (currentIndex) {\n            const lastIndexWithDigit = newPins.reduceRight((acc, current, index) => {\n              if (acc !== -1) return acc;\n              if (current !== '') return index;\n              return acc;\n            }, -1);\n\n            inputRefs?.current[lastIndexWithDigit >= 0 ? lastIndexWithDigit : 0]?.focus();\n          }\n          return;\n        }\n\n        case 'ArrowLeft': {\n          // Navigate left in a loop\n          const newIndex = currentIndex ? currentIndex - 1 : pinLength - 1;\n          inputRefs?.current[newIndex]?.focus();\n          return;\n        }\n\n        case 'ArrowRight': {\n          // Navigate right in a loop\n          const newIndex = currentIndex === pinLength - 1 ? 0 : currentIndex + 1;\n          inputRefs?.current[newIndex]?.focus();\n          return;\n        }\n\n        default: {\n          // Overwrite existing value if a new number value is pressed\n          const value = e.key.replace(REGEX_NUMBER_CLEANER, '');\n\n          if (inputHasValue && value.length && value !== e.currentTarget.value) {\n            newPins[currentIndex] = value;\n            updatePincode(currentIndex, newPins);\n            inputRefs?.current?.[currentIndex + 1]?.focus();\n          }\n        }\n      }\n    },\n    [onChange, updatePincode],\n  );\n\n  return (\n    <form\n      id={id}\n      className={css({\n        margin: 0,\n        minWidth: 0,\n        display: 'flex',\n        width: '100%',\n        justifyContent: 'space-between',\n        maxWidth: '30rem',\n        gap: 2,\n      })}\n    >\n      {pinNumbers.map((_, i) => (\n        <TextInput.Char\n          id={id ? `${id}-${i}` : undefined}\n          aria-label={`one time password input ${i + 1}`}\n          data-id={i}\n          key={`${id || undefined}-${i}`}\n          name={`one time password input ${i + 1}`}\n          value={pinNumbers[i] || ''}\n          className={cx(\n            css({\n              caretColor: 'transparent',\n              rounded: '0.5rem',\n              marginRight: pinLength === 6 && i === 2 ? 4 : 0,\n            }),\n            className,\n          )}\n          attr={{\n            onChange: onChangeProp,\n            onKeyUp,\n            autoComplete: i === 0 ? 'one-time-code' : 'off',\n            inputMode: 'numeric',\n          }}\n          ref={el => {\n            if (inputRefs?.current) {\n              inputRefs.current[i] = el;\n            }\n          }}\n        />\n      ))}\n    </form>\n  );\n};\n\nexport default PinCodeInput;\n"],"names":["REGEX_NUMBER_CLEANER","PinCodeInput","pinLength","onComplete","pins","onChange","id","autoFocus","className","pinNumbers","setPinNumbers","useState","inputRefs","useRef","useEffect","prevPinNumbers","_a","updatePincode","currentIndex","strPin","bulkUpdatePincode","useCallback","text","newPins","code","_b","onChangeProp","e","value","onKeyUp","inputHasValue","lastIndexWithDigit","acc","current","index","newIndex","_c","_e","_d","_jsx","css","_","i","TextInput","cx","el"],"mappings":"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"}

package/dist/es/components/logos/logo-morph.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as C}from"react/jsx-runtime";const i=({title:h,titleId:t,...l})=>e("svg",{width:24,height:24,viewBox:"0 0 500 500",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...l,children:[C("rect",{width:"500",height:"500",rx:"50",fill:"#00BA0E"}),C("path",{d:"M237.073 149.253C239.579 150.056 242.227 150.105 244.809 150.759C263.423 155.511 275.721 171.85 276.933 190.565C277.301 196.293 275.839 206.333 277.283 211.299C279.313 218.252 289.665 220.363 294.661 215.082C312.139 198.387 327.813 177.511 345.341 161.164C352.166 154.799 360.406 150.813 369.587 149.124C373.823 149.005 377.732 148.872 381.258 149.245C399.571 149.245 418.218 166.821 418.218 186.211L418.31 332.653C416.305 355.68 381.775 355.166 379.587 333.736C377.982 318.01 380.823 299.742 379.603 283.784C378.642 271.26 366.227 264.613 356.553 273.793C335.131 294.121 316.058 319.028 294.569 339.556C272.755 358.593 238.217 350.407 227.832 323.465C222.945 310.775 227.306 299.783 225.042 287.939C223.555 280.15 214.164 276.616 207.889 281.573L152.365 339.854C109.088 373.261 56.3281 319.649 93.7235 277.41C129.206 237.332 168.94 200.647 204.523 160.601C211.09 154.658 221.449 150.056 230.338 149.236H237.073V149.253Z",fill:"#EEF9F0"})]});export{i as default};
+//# sourceMappingURL=logo-morph.js.map

package/dist/es/components/logos/logo-morph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-morph.js","sources":["../../../../src/components/logos/logo-morph.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst LogoMorph = ({ title, titleId, ...props }: Props) => (\n  <svg\n    width={24}\n    height={24}\n    viewBox=\"0 0 500 500\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby={titleId}\n    {...props}\n  >\n    <rect width=\"500\" height=\"500\" rx=\"50\" fill=\"#00BA0E\" />\n    <path\n      d=\"M237.073 149.253C239.579 150.056 242.227 150.105 244.809 150.759C263.423 155.511 275.721 171.85 276.933 190.565C277.301 196.293 275.839 206.333 277.283 211.299C279.313 218.252 289.665 220.363 294.661 215.082C312.139 198.387 327.813 177.511 345.341 161.164C352.166 154.799 360.406 150.813 369.587 149.124C373.823 149.005 377.732 148.872 381.258 149.245C399.571 149.245 418.218 166.821 418.218 186.211L418.31 332.653C416.305 355.68 381.775 355.166 379.587 333.736C377.982 318.01 380.823 299.742 379.603 283.784C378.642 271.26 366.227 264.613 356.553 273.793C335.131 294.121 316.058 319.028 294.569 339.556C272.755 358.593 238.217 350.407 227.832 323.465C222.945 310.775 227.306 299.783 225.042 287.939C223.555 280.15 214.164 276.616 207.889 281.573L152.365 339.854C109.088 373.261 56.3281 319.649 93.7235 277.41C129.206 237.332 168.94 200.647 204.523 160.601C211.09 154.658 221.449 150.056 230.338 149.236H237.073V149.253Z\"\n      fill=\"#EEF9F0\"\n    />\n  </svg>\n);\nexport default LogoMorph;\n"],"names":["LogoMorph","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMA,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAC3CC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,cACR,KAAK,OACL,MAAM,6BAA4B,kBACjBF,EAAO,GACpBC,EAAK,SAAA,CAETE,UAAM,MAAM,MAAM,OAAO,MAAM,GAAG,KAAK,KAAK,SAAY,CAAA,EACxDA,UACE,EAAE,25BACF,KAAK,SACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/index.js

@@ -1,2 +1,2 @@
-import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as s}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as M}from"./components/external/paypal-button.js";import{SocialLoginButton as h}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedDismiss as P}from"./components/feedback/animated-dismiss.js";import{AnimatedSpinner as A}from"./components/feedback/animated-spinner.js";import{Callout as T}from"./components/feedback/callout.js";import{LoadingSpinner as W}from"./components/feedback/loading-spinner.js";import{ProgressBar as G}from"./components/feedback/progress-bar.js";import{Skeleton as R}from"./components/feedback/skeleton.js";import{Toast as N,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as z}from"./components/feedback/tooltip.js";import{default as U}from"./components/icons/ico-add.js";import{default as X}from"./components/icons/ico-airdrop.js";import{default as Q}from"./components/icons/ico-alert-circle-fill.js";import{default as q}from"./components/icons/ico-alert-circle.js";import{default as Y}from"./components/icons/ico-arrow-down.js";import{default as $}from"./components/icons/ico-arrow-left.js";import{default as eo}from"./components/icons/ico-arrow-right.js";import{default as to}from"./components/icons/ico-arrow-up.js";import{default as fo}from"./components/icons/ico-asterisk-with-shield.js";import{default as mo}from"./components/icons/ico-asterisk.js";import{default as po}from"./components/icons/ico-astronaut.js";import{default as xo}from"./components/icons/ico-atom.js";import{default as co}from"./components/icons/ico-badge.js";import{default as go}from"./components/icons/ico-bank.js";import{default as Io}from"./components/icons/ico-bell-notification.js";import{default as Mo}from"./components/icons/ico-bell.js";import{default as ho}from"./components/icons/ico-block.js";import{default as Fo}from"./components/icons/ico-branding.js";import{default as Po}from"./components/icons/ico-caret-down.js";import{default as Ao}from"./components/icons/ico-caret-left.js";import{default as To}from"./components/icons/ico-caret-right.js";import{default as Wo}from"./components/icons/ico-caret-up.js";import{default as Go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Ro}from"./components/icons/ico-checkmark-circle.js";import{default as No}from"./components/icons/ico-checkmark.js";import{default as Ho}from"./components/icons/ico-clock-fill.js";import{default as Zo}from"./components/icons/ico-code-editor.js";import{default as Ko}from"./components/icons/ico-code-sandbox.js";import{default as jo}from"./components/icons/ico-code.js";import{default as Vo}from"./components/icons/ico-coins.js";import{default as Jo}from"./components/icons/ico-command-line.js";import{default as _o}from"./components/icons/ico-comment.js";import{default as oe}from"./components/icons/ico-copy.js";import{default as re}from"./components/icons/ico-credit-card.js";import{default as ae}from"./components/icons/ico-dedicated.js";import{default as le}from"./components/icons/ico-diamond.js";import{default as se}from"./components/icons/ico-dismiss-circle-fill.js";import{default as de}from"./components/icons/ico-dismiss-circle.js";import{default as xe}from"./components/icons/ico-dismiss.js";import{default as ce}from"./components/icons/ico-doc.js";import{default as ge}from"./components/icons/ico-download.js";import{default as Ie}from"./components/icons/ico-edit-email.js";import{default as Me}from"./components/icons/ico-edit.js";import{default as he}from"./components/icons/ico-email-fill.js";import{default as Fe}from"./components/icons/ico-email-open.js";import{default as Pe}from"./components/icons/ico-email.js";import{default as Ae}from"./components/icons/ico-exit.js";import{default as Te}from"./components/icons/ico-expand.js";import{default as We}from"./components/icons/ico-expiration.js";import{default as Ge}from"./components/icons/ico-external-link.js";import{default as Re}from"./components/icons/ico-eye-closed.js";import{default as Ne}from"./components/icons/ico-eye-opened.js";import{default as He}from"./components/icons/ico-fingerprint-fill.js";import{default as Ze}from"./components/icons/ico-fingerprint.js";import{default as Ke}from"./components/icons/ico-gas.js";import{default as je}from"./components/icons/ico-gift.js";import{default as Ve}from"./components/icons/ico-globe.js";import{default as Je}from"./components/icons/ico-grid-fill.js";import{default as _e}from"./components/icons/ico-grid.js";import{default as or}from"./components/icons/ico-guide.js";import{default as rr}from"./components/icons/ico-home-fill.js";import{default as ar}from"./components/icons/ico-home.js";import{default as lr}from"./components/icons/ico-hourglass.js";import{default as sr}from"./components/icons/ico-info-circle-fill.js";import{default as dr}from"./components/icons/ico-info-circle.js";import{default as xr}from"./components/icons/ico-kebab.js";import{default as cr}from"./components/icons/ico-key.js";import{default as gr}from"./components/icons/ico-lightbulb-fill.js";import{default as Ir}from"./components/icons/ico-lightbulb.js";import{default as Mr}from"./components/icons/ico-lightning-fill.js";import{default as hr}from"./components/icons/ico-lightning.js";import{default as Fr}from"./components/icons/ico-link.js";import{default as Pr}from"./components/icons/ico-loading.js";import{default as Ar}from"./components/icons/ico-lock-locked-fill.js";import{default as Tr}from"./components/icons/ico-lock-locked.js";import{default as Wr}from"./components/icons/ico-lock-password.js";import{default as Gr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Rr}from"./components/icons/ico-lock-unlocked.js";import{default as Nr}from"./components/icons/ico-login-form.js";import{default as Hr}from"./components/icons/ico-magic.js";import{default as Zr}from"./components/icons/ico-megaphone.js";import{default as Kr}from"./components/icons/ico-menu.js";import{default as jr}from"./components/icons/ico-message-fill.js";import{default as Vr}from"./components/icons/ico-message.js";import{default as Jr}from"./components/icons/ico-mfa.js";import{default as _r}from"./components/icons/ico-minimize.js";import{default as ot}from"./components/icons/ico-minus.js";import{default as rt}from"./components/icons/ico-mobile2fa.js";import{default as at}from"./components/icons/ico-mobile2fafill.js";import{default as lt}from"./components/icons/ico-newton.js";import{default as st}from"./components/icons/ico-open-book.js";import{default as dt}from"./components/icons/ico-paper-plane.js";import{default as xt}from"./components/icons/ico-passport.js";import{default as ct}from"./components/icons/ico-passwordless.js";import{default as gt}from"./components/icons/ico-pending-connection.js";import{default as It}from"./components/icons/ico-phone.js";import{default as Mt}from"./components/icons/ico-plus.js";import{default as ht}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Ft}from"./components/icons/ico-polygon-gas.js";import{default as Pt}from"./components/icons/ico-price.js";import{default as At}from"./components/icons/ico-qrcode.js";import{default as Tt}from"./components/icons/ico-question-circle-fill.js";import{default as Wt}from"./components/icons/ico-question-circle.js";import{default as Gt}from"./components/icons/ico-refresh-circle-fill.js";import{default as Rt}from"./components/icons/ico-refresh.js";import{default as Nt}from"./components/icons/ico-remove.js";import{default as Ht}from"./components/icons/ico-rocket-fill.js";import{default as Zt}from"./components/icons/ico-search.js";import{default as Kt}from"./components/icons/ico-settings-fill.js";import{default as jt}from"./components/icons/ico-settings.js";import{default as Vt}from"./components/icons/ico-shapes.js";import{default as Jt}from"./components/icons/ico-share.js";import{default as _t}from"./components/icons/ico-shield-approved.js";import{default as oa}from"./components/icons/ico-shield-rejected.js";import{default as ra}from"./components/icons/ico-shield.js";import{default as aa}from"./components/icons/ico-shuffle.js";import{default as la}from"./components/icons/ico-sidebar.js";import{default as sa}from"./components/icons/ico-social.js";import{default as da}from"./components/icons/ico-sold-out-tag.js";import{default as xa}from"./components/icons/ico-sparkles.js";import{default as ca}from"./components/icons/ico-star.js";import{default as ga}from"./components/icons/ico-swap.js";import{default as Ia}from"./components/icons/ico-swatches.js";import{default as Ma}from"./components/icons/ico-switch.js";import{default as ha}from"./components/icons/ico-team.js";import{default as Fa}from"./components/icons/ico-thumb-down.js";import{default as Pa}from"./components/icons/ico-thumb-up.js";import{default as Aa}from"./components/icons/ico-tradeup.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Wa}from"./components/icons/ico-unlink.js";import{default as Ga}from"./components/icons/ico-upload.js";import{default as Ra}from"./components/icons/ico-users.js";import{default as Na}from"./components/icons/ico-wallet-fill.js";import{default as Ha}from"./components/icons/ico-wallet.js";import{default as Za}from"./components/icons/ico-wand.js";import{default as Ka}from"./components/icons/ico-warning-fill.js";import{default as ja}from"./components/icons/ico-warning.js";import{default as Va}from"./components/info/copy-button.js";import{default as Ja}from"./components/info/email-wbr.js";import{default as _a}from"./components/info/security-otp.js";import{default as of}from"./components/info/text-box.js";import{default as rf}from"./components/info/wallet-address.js";import{default as af}from"./components/inputs/phone-input.js";import{PinCodeInput as lf}from"./components/inputs/pincode-input.js";import{TextInput as sf}from"./components/inputs/text-input.js";import{Dialogue as df}from"./components/layouts/dialogue.js";import{Error as xf}from"./components/layouts/error.js";import{Page as cf}from"./components/layouts/page.js";import{PassportPage as Lf}from"./components/layouts/passport-page.js";import{WalletPage as kf}from"./components/layouts/wallet-page/index.js";import{default as Bf}from"./components/list-items/navigation-button.js";import{NFTTile as Cf}from"./components/list-items/nft-tile.js";import{TokenListItem as wf}from"./components/list-items/token-list-item.js";import{TransactionRow as Sf}from"./components/list-items/transaction-row.js";import{ActivityListItem as bf}from"./components/list-items/activity-list-item.js";import{default as yf}from"./components/logos/blc-algorand.js";import{default as Ef}from"./components/logos/blc-aptos.js";import{default as Df}from"./components/logos/blc-arbitrum.js";import{default as Of}from"./components/logos/blc-astar.js";import{default as vf}from"./components/logos/blc-avalanche.js";import{default as zf}from"./components/logos/blc-base.js";import{default as Uf}from"./components/logos/blc-berachain.js";import{default as Xf}from"./components/logos/blc-binance.js";import{default as Qf}from"./components/logos/blc-bitcoin.js";import{default as qf}from"./components/logos/blc-celo.js";import{default as Yf}from"./components/logos/blc-chiliz.js";import{default as $f}from"./components/logos/blc-cosmos.js";import{default as el}from"./components/logos/blc-ethereum.js";import{default as tl}from"./components/logos/blc-etherlink.js";import{default as fl}from"./components/logos/blc-flow.js";import{default as ml}from"./components/logos/blc-harmony.js";import{default as pl}from"./components/logos/blc-icon.js";import{default as ul}from"./components/logos/blc-immutable-x.js";import{default as nl}from"./components/logos/blc-loopring.js";import{default as il}from"./components/logos/blc-moonbeam.js";import{default as Ll}from"./components/logos/blc-near.js";import{default as kl}from"./components/logos/blc-newton.js";import{default as Bl}from"./components/logos/blc-optimism.js";import{default as Cl}from"./components/logos/blc-polkadot.js";import{default as wl}from"./components/logos/blc-polygon.js";import{default as Sl}from"./components/logos/blc-rarichain.js";import{default as bl}from"./components/logos/blc-solana.js";import{default as yl}from"./components/logos/blc-stability.js";import{default as El}from"./components/logos/blc-sui.js";import{default as Dl}from"./components/logos/blc-tezos.js";import{default as Ol}from"./components/logos/blc-wax.js";import{default as vl}from"./components/logos/blc-zetachain.js";import{default as zl}from"./components/logos/blc-zilliqa.js";import{default as Ul}from"./components/logos/blc-zksync.js";import{default as Xl}from"./components/logos/fwk-11ty.js";import{default as Ql}from"./components/logos/fwk-android.js";import{default as ql}from"./components/logos/fwk-apple.js";import{default as Yl}from"./components/logos/fwk-authy.js";import{default as $l}from"./components/logos/fwk-binance-fill.js";import{default as em}from"./components/logos/fwk-chrome.js";import{default as tm}from"./components/logos/fwk-electron.js";import{default as fm}from"./components/logos/fwk-express.js";import{default as mm}from"./components/logos/fwk-fauna.js";import{default as pm}from"./components/logos/fwk-firebase.js";import{default as um}from"./components/logos/fwk-go.js";import{default as nm}from"./components/logos/fwk-google-authenticator.js";import{default as im}from"./components/logos/fwk-hasura.js";import{default as Lm}from"./components/logos/fwk-javascript.js";import{default as km}from"./components/logos/fwk-jwt.js";import{default as Bm}from"./components/logos/fwk-laravel.js";import{default as Cm}from"./components/logos/fwk-nextjs.js";import{default as wm}from"./components/logos/fwk-nodejs.js";import{default as Sm}from"./components/logos/fwk-nuxtjs.js";import{default as bm}from"./components/logos/fwk-php.js";import{default as ym}from"./components/logos/fwk-react.js";import{default as Em}from"./components/logos/fwk-strapi.js";import{default as Dm}from"./components/logos/fwk-stripe.js";import{default as Om}from"./components/logos/fwk-vue.js";import{default as vm}from"./components/logos/fwk-webflow.js";import{default as zm}from"./components/logos/fwk-wordpress.js";import{default as Um}from"./components/logos/fwk-zapier.js";import{default as Xm}from"./components/logos/icon-art-dark.js";import{default as Qm}from"./components/logos/icon-art.js";import{default as qm}from"./components/logos/icon-dedicated.js";import{default as Ym}from"./components/logos/icon-delete.js";import{default as $m}from"./components/logos/icon-email-dot.js";import{default as es}from"./components/logos/icon-email-globe.js";import{default as ts}from"./components/logos/icon-email.js";import{default as fs}from"./components/logos/icon-faceid.js";import{default as ms}from"./components/logos/icon-fingerprint.js";import{default as ps}from"./components/logos/icon-game-controller-dark.js";import{default as us}from"./components/logos/icon-game-controller.js";import{default as ns}from"./components/logos/icon-generic-token.js";import{default as is}from"./components/logos/icon-kaito-ticket.js";import{default as Ls}from"./components/logos/icon-lock-message.js";import{default as ks}from"./components/logos/icon-magic-globe.js";import{default as Bs}from"./components/logos/icon-magic-logo.js";import{default as Cs}from"./components/logos/icon-music-dark.js";import{default as ws}from"./components/logos/icon-music.js";import{default as Ss}from"./components/logos/icon-passport.js";import{default as bs}from"./components/logos/icon-person-dark.js";import{default as ys}from"./components/logos/icon-person.js";import{default as Es}from"./components/logos/icon-profile-dark.js";import{default as Ds}from"./components/logos/icon-profile-light.js";import{default as Os}from"./components/logos/icon-reset.js";import{default as vs}from"./components/logos/icon-shield-lock.js";import{default as zs}from"./components/logos/icon-sms.js";import{default as Us}from"./components/logos/icon-ticket-dark.js";import{default as Xs}from"./components/logos/icon-ticket.js";import{default as Qs}from"./components/logos/icon-warning-dark.js";import{default as qs}from"./components/logos/icon-warning-shield.js";import{default as Ys}from"./components/logos/icon-warning.js";import{default as $s}from"./components/logos/logo-algorand-mono.js";import{default as ep}from"./components/logos/logo-algorand.js";import{default as tp}from"./components/logos/logo-apple-mono.js";import{default as fp}from"./components/logos/logo-apple.js";import{default as mp}from"./components/logos/logo-aptos-mono.js";import{default as pp}from"./components/logos/logo-aptos.js";import{default as up}from"./components/logos/logo-arbitrum-mono.js";import{default as np}from"./components/logos/logo-arbitrum-one-mono.js";import{default as ip}from"./components/logos/logo-arbitrum-one.js";import{default as Lp}from"./components/logos/logo-arbitrum.js";import{default as kp}from"./components/logos/logo-astar-mono.js";import{default as Bp}from"./components/logos/logo-astar.js";import{default as Cp}from"./components/logos/logo-auth0-mono.js";import{default as wp}from"./components/logos/logo-auth0.js";import{default as Sp}from"./components/logos/logo-avalanche-mono.js";import{default as bp}from"./components/logos/logo-avalanche.js";import{default as yp}from"./components/logos/logo-azure-mono.js";import{default as Ep}from"./components/logos/logo-azure.js";import{default as Dp}from"./components/logos/logo-base-mono.js";import{default as Op}from"./components/logos/logo-base.js";import{default as vp}from"./components/logos/logo-berachain-mono.js";import{default as zp}from"./components/logos/logo-berachain.js";import{default as Up}from"./components/logos/logo-binance-mono.js";import{default as Xp}from"./components/logos/logo-binance.js";import{default as Qp}from"./components/logos/logo-bit-bucket-mono.js";import{default as qp}from"./components/logos/logo-bit-bucket.js";import{default as Yp}from"./components/logos/logo-bitcoin-mono.js";import{default as $p}from"./components/logos/logo-bitcoin.js";import{default as ed}from"./components/logos/logo-bnb-mono.js";import{default as td}from"./components/logos/logo-bnb.js";import{default as fd}from"./components/logos/logo-celo-mono.js";import{default as md}from"./components/logos/logo-celo.js";import{default as pd}from"./components/logos/logo-chiliz-mono.js";import{default as ud}from"./components/logos/logo-chiliz.js";import{default as nd}from"./components/logos/logo-cognito-mono.js";import{default as id}from"./components/logos/logo-cognito.js";import{default as Ld}from"./components/logos/logo-community-gaming-mono.js";import{default as kd}from"./components/logos/logo-community-gaming.js";import{default as Bd}from"./components/logos/logo-cosmos-mono.js";import{default as Cd}from"./components/logos/logo-cosmos.js";import{default as wd}from"./components/logos/logo-discord-mono.js";import{default as Sd}from"./components/logos/logo-discord.js";import{default as bd}from"./components/logos/logo-ethereum-circle-mono.js";import{default as yd}from"./components/logos/logo-ethereum-circle.js";import{default as Ed}from"./components/logos/logo-ethereum-mono.js";import{default as Dd}from"./components/logos/logo-ethereum.js";import{default as Od}from"./components/logos/logo-etherlink-mono.js";import{default as vd}from"./components/logos/logo-etherlink.js";import{default as zd}from"./components/logos/logo-facebook-mono.js";import{default as Ud}from"./components/logos/logo-facebook.js";import{default as Xd}from"./components/logos/logo-flare-mono.js";import{default as Qd}from"./components/logos/logo-flare.js";import{default as qd}from"./components/logos/logo-flow-mono.js";import{default as Yd}from"./components/logos/logo-flow.js";import{default as $d}from"./components/logos/logo-generic-token-mono.js";import{default as eu}from"./components/logos/logo-generic-token.js";import{default as tu}from"./components/logos/logo-git-hub-mono.js";import{default as fu}from"./components/logos/logo-git-hub.js";import{default as mu}from"./components/logos/logo-git-lab-mono.js";import{default as pu}from"./components/logos/logo-git-lab.js";import{default as uu}from"./components/logos/logo-google-mono.js";import{default as nu}from"./components/logos/logo-google.js";import{default as iu}from"./components/logos/logo-guild-mono.js";import{default as Lu}from"./components/logos/logo-guild.js";import{default as ku}from"./components/logos/logo-harmony-mono.js";import{default as Bu}from"./components/logos/logo-harmony.js";import{default as Cu}from"./components/logos/logo-horizen-mono.js";import{default as wu}from"./components/logos/logo-horizen.js";import{default as Su}from"./components/logos/logo-icon-mono.js";import{default as bu}from"./components/logos/logo-icon.js";import{default as yu}from"./components/logos/logo-immutable-x-mono.js";import{default as Eu}from"./components/logos/logo-immutable-x.js";import{default as Du}from"./components/logos/logo-instagram-mono.js";import{default as Ou}from"./components/logos/logo-instagram.js";import{default as vu}from"./components/logos/logo-kadena-mono.js";import{default as zu}from"./components/logos/logo-kadena.js";import{default as Uu}from"./components/logos/logo-kaito-mono.js";import{default as Xu}from"./components/logos/logo-kaito.js";import{default as Qu}from"./components/logos/logo-link-by-stripe-mono.js";import{default as qu}from"./components/logos/logo-link-by-stripe.js";import{default as Yu}from"./components/logos/logo-link-mono.js";import{default as $u}from"./components/logos/logo-link.js";import{default as ex}from"./components/logos/logo-linked-in-mono.js";import{default as tx}from"./components/logos/logo-linked-in.js";import{default as fx}from"./components/logos/logo-loopring-mono.js";import{default as mx}from"./components/logos/logo-loopring.js";import{default as px}from"./components/logos/logo-microsoft-mono.js";import{default as ux}from"./components/logos/logo-microsoft.js";import{default as nx}from"./components/logos/logo-mode-mobile-mono.js";import{default as ix}from"./components/logos/logo-mode-mobile.js";import{default as Lx}from"./components/logos/logo-moonbeam-mono.js";import{default as kx}from"./components/logos/logo-moonbeam.js";import{default as Bx}from"./components/logos/logo-near-mono.js";import{default as Cx}from"./components/logos/logo-near.js";import{default as wx}from"./components/logos/logo-newton-mono.js";import{default as Sx}from"./components/logos/logo-newton.js";import{default as bx}from"./components/logos/logo-okx-mono.js";import{default as yx}from"./components/logos/logo-okx.js";import{default as Ex}from"./components/logos/logo-onramper-mono.js";import{default as Dx}from"./components/logos/logo-onramper.js";import{default as Ox}from"./components/logos/logo-optimism-mono.js";import{default as vx}from"./components/logos/logo-optimism.js";import{default as zx}from"./components/logos/logo-pay-pal-mono.js";import{default as Ux}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Xx}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Qx}from"./components/logos/logo-pay-pal.js";import{default as qx}from"./components/logos/logo-poa-mono.js";import{default as Yx}from"./components/logos/logo-poa.js";import{default as $x}from"./components/logos/logo-polkadot-mono.js";import{default as en}from"./components/logos/logo-polkadot.js";import{default as tn}from"./components/logos/logo-polygon-mono.js";import{default as fn}from"./components/logos/logo-polygon.js";import{default as mn}from"./components/logos/logo-polymarket-mono.js";import{default as pn}from"./components/logos/logo-polymarket.js";import{default as un}from"./components/logos/logo-rarichain-mono.js";import{default as nn}from"./components/logos/logo-rarichain.js";import{default as gn}from"./components/logos/logo-reown-mono.js";import{default as In}from"./components/logos/logo-reown.js";import{default as Mn}from"./components/logos/logo-sardine-mono.js";import{default as hn}from"./components/logos/logo-sardine.js";import{default as Fn}from"./components/logos/logo-sei-mono.js";import{default as Pn}from"./components/logos/logo-sei.js";import{default as An}from"./components/logos/logo-solana-mono.js";import{default as Tn}from"./components/logos/logo-solana.js";import{default as Wn}from"./components/logos/logo-soneium-mono.js";import{default as Gn}from"./components/logos/logo-soneium.js";import{default as Rn}from"./components/logos/logo-stability-mono.js";import{default as Nn}from"./components/logos/logo-stability.js";import{default as Hn}from"./components/logos/logo-sui-mono.js";import{default as Zn}from"./components/logos/logo-sui.js";import{default as Kn}from"./components/logos/logo-telegram-mono.js";import{default as jn}from"./components/logos/logo-telegram.js";import{default as Vn}from"./components/logos/logo-tezos-mono.js";import{default as Jn}from"./components/logos/logo-tezos.js";import{default as _n}from"./components/logos/logo-tik-tok-mono.js";import{default as oc}from"./components/logos/logo-tik-tok.js";import{default as rc}from"./components/logos/logo-twitch-mono.js";import{default as ac}from"./components/logos/logo-twitch.js";import{default as lc}from"./components/logos/logo-twitter-mono.js";import{default as sc}from"./components/logos/logo-twitter.js";import{default as dc}from"./components/logos/logo-wallet-connect-mono.js";import{default as xc}from"./components/logos/logo-wallet-connect.js";import{default as cc}from"./components/logos/logo-warpcast-mono.js";import{default as gc}from"./components/logos/logo-warpcast.js";import{default as Ic}from"./components/logos/logo-wax-mono.js";import{default as Mc}from"./components/logos/logo-wax.js";import{default as hc}from"./components/logos/logo-xdc-mono.js";import{default as Fc}from"./components/logos/logo-xdc.js";import{default as Pc}from"./components/logos/logo-zetachain-mono.js";import{default as Ac}from"./components/logos/logo-zetachain.js";import{default as Tc}from"./components/logos/logo-zilliqa-mono.js";import{default as Wc}from"./components/logos/logo-zilliqa.js";import{default as Gc}from"./components/logos/logo-zksync-mono.js";import{default as Rc}from"./components/logos/logo-zksync.js";import{default as Nc}from"./components/logos/pay-amex.js";import{default as Hc}from"./components/logos/pay-discover.js";import{default as Zc}from"./components/logos/pay-mastercard.js";import{default as Kc}from"./components/logos/pay-visa.js";import{default as jc}from"./components/logos/presentation-logo.js";import{default as Vc}from"./components/logos/token-base.js";import{default as Jc}from"./components/logos/token-bsc.js";import{default as _c}from"./components/logos/token-eth.js";import{default as oi}from"./components/logos/token-generic.js";import{default as ri}from"./components/logos/token-matic.js";import{default as ai}from"./components/logos/token-newt.js";import{default as li}from"./components/logos/token-optimism.js";import{default as si}from"./components/logos/token-usdc.js";import{default as di}from"./components/logos/token-zk-sync.js";import{default as xi}from"./components/logos/website-magic.js";import{default as ci}from"./components/logos/wlt-coinbase.js";import{default as gi}from"./components/logos/wlt-mattel.js";import{default as Ii}from"./components/logos/wlt-metamask.js";import{default as Mi}from"./components/logos/wlt-passkey.js";import{default as hi}from"./components/logos/wlt-phantom.js";import{default as Fi}from"./components/logos/wlt-rabby.js";import{default as Pi}from"./components/logos/wlt-rainbow.js";import{default as Ai}from"./components/logos/wlt-wallet-connect.js";import{default as Ti}from"./components/primitives/button.js";import{default as Wi}from"./components/primitives/checkbox.js";import{DropdownOption as Gi,DropdownSelector as Di}from"./components/primitives/dropdown-selector.js";import{Popover as Oi}from"./components/primitives/popover.js";import{Radio as vi,RadioGroup as Hi}from"./components/primitives/radio.js";import{SegmentedControl as Zi,Tab as Ui}from"./components/primitives/segmented-control.js";import{default as Xi}from"./components/primitives/switch.js";import{default as Qi}from"./components/primitives/text.js";import{VerifyPincode as qi}from"./components/sections/verify-pincode.js";import{WalletActions as Yi}from"./components/sections/wallet-actions.js";import{WalletNavigation as $i,WalletNavigationType as og}from"./components/sections/wallet-navigation.js";import{default as rg}from"./components/utils/animate.js";import{ClientAssetLogo as ag}from"./components/utils/client-asset-logo.js";import{default as lg}from"./components/utils/qr-code.js";import{default as sg}from"./components/utils/secured-by-magic.js";import{default as dg}from"./components/utils/shared-logo.js";import{useCustomVars as xg}from"./hooks/theme.js";import{useToast as cg}from"./hooks/useToast.js";export{bf as ActivityListItem,rg as Animate,F as AnimatedCheckmark,P as AnimatedDismiss,A as AnimatedSpinner,yf as BlcAlgorand,Ef as BlcAptos,Df as BlcArbitrum,Of as BlcAstar,vf as BlcAvalanche,zf as BlcBase,Uf as BlcBerachain,Xf as BlcBinance,Qf as BlcBitcoin,qf as BlcCelo,Yf as BlcChiliz,$f as BlcCosmos,el as BlcEthereum,tl as BlcEtherlink,fl as BlcFlow,ml as BlcHarmony,pl as BlcIcon,ul as BlcImmutableX,nl as BlcLoopring,il as BlcMoonbeam,Ll as BlcNear,kl as BlcNewton,Bl as BlcOptimism,Cl as BlcPolkadot,wl as BlcPolygon,Sl as BlcRarichain,bl as BlcSolana,yl as BlcStability,El as BlcSui,Dl as BlcTezos,Ol as BlcWax,vl as BlcZetachain,zl as BlcZilliqa,Ul as BlcZksync,Ti as Button,r as ButtonContainer,T as Callout,a as Card,Wi as Checkbox,ag as ClientAssetLogo,l as Content,Va as CopyButton,df as Dialogue,s as Drawer,Gi as DropdownOption,Di as DropdownSelector,Ja as EmailWbr,xf as Error,d as Footer,Xl as Fwk11ty,Ql as FwkAndroid,ql as FwkApple,Yl as FwkAuthy,$l as FwkBinanceFill,em as FwkChrome,tm as FwkElectron,fm as FwkExpress,mm as FwkFauna,pm as FwkFirebase,um as FwkGo,nm as FwkGoogleAuthenticator,im as FwkHasura,Lm as FwkJavascript,km as FwkJwt,Bm as FwkLaravel,Cm as FwkNextjs,wm as FwkNodejs,Sm as FwkNuxtjs,bm as FwkPhp,ym as FwkReact,Em as FwkStrapi,Dm as FwkStripe,Om as FwkVue,vm as FwkWebflow,zm as FwkWordpress,Um as FwkZapier,x as Header,U as IcoAdd,X as IcoAirdrop,q as IcoAlertCircle,Q as IcoAlertCircleFill,Y as IcoArrowDown,$ as IcoArrowLeft,eo as IcoArrowRight,to as IcoArrowUp,mo as IcoAsterisk,fo as IcoAsteriskWithShield,po as IcoAstronaut,xo as IcoAtom,co as IcoBadge,go as IcoBank,Mo as IcoBell,Io as IcoBellNotification,ho as IcoBlock,Fo as IcoBranding,Po as IcoCaretDown,Ao as IcoCaretLeft,To as IcoCaretRight,Wo as IcoCaretUp,No as IcoCheckmark,Ro as IcoCheckmarkCircle,Go as IcoCheckmarkCircleFill,Ho as IcoClockFill,jo as IcoCode,Zo as IcoCodeEditor,Ko as IcoCodeSandbox,Vo as IcoCoins,Jo as IcoCommandLine,_o as IcoComment,oe as IcoCopy,re as IcoCreditCard,ae as IcoDedicated,le as IcoDiamond,xe as IcoDismiss,de as IcoDismissCircle,se as IcoDismissCircleFill,ce as IcoDoc,ge as IcoDownload,Me as IcoEdit,Ie as IcoEditEmail,Pe as IcoEmail,he as IcoEmailFill,Fe as IcoEmailOpen,Ae as IcoExit,Te as IcoExpand,We as IcoExpiration,Ge as IcoExternalLink,Re as IcoEyeClosed,Ne as IcoEyeOpened,Ze as IcoFingerprint,He as IcoFingerprintFill,Ke as IcoGas,je as IcoGift,Ve as IcoGlobe,_e as IcoGrid,Je as IcoGridFill,or as IcoGuide,ar as IcoHome,rr as IcoHomeFill,lr as IcoHourglass,dr as IcoInfoCircle,sr as IcoInfoCircleFill,xr as IcoKebab,cr as IcoKey,Ir as IcoLightbulb,gr as IcoLightbulbFill,hr as IcoLightning,Mr as IcoLightningFill,Fr as IcoLink,Pr as IcoLoading,Tr as IcoLockLocked,Ar as IcoLockLockedFill,Wr as IcoLockPassword,Rr as IcoLockUnlocked,Gr as IcoLockUnlockedFill,Nr as IcoLoginForm,Hr as IcoMagic,Zr as IcoMegaphone,Kr as IcoMenu,Vr as IcoMessage,jr as IcoMessageFill,Jr as IcoMfa,_r as IcoMinimize,ot as IcoMinus,rt as IcoMobile2fa,at as IcoMobile2fafill,lt as IcoNewton,st as IcoOpenBook,dt as IcoPaperPlane,xt as IcoPassport,ct as IcoPasswordless,gt as IcoPendingConnection,It as IcoPhone,Mt as IcoPlus,Ft as IcoPolygonGas,ht as IcoPolygonGasTestnet,Pt as IcoPrice,At as IcoQrcode,Wt as IcoQuestionCircle,Tt as IcoQuestionCircleFill,Rt as IcoRefresh,Gt as IcoRefreshCircleFill,Nt as IcoRemove,Ht as IcoRocketFill,Zt as IcoSearch,jt as IcoSettings,Kt as IcoSettingsFill,Vt as IcoShapes,Jt as IcoShare,ra as IcoShield,_t as IcoShieldApproved,oa as IcoShieldRejected,aa as IcoShuffle,la as IcoSidebar,sa as IcoSocial,da as IcoSoldOutTag,xa as IcoSparkles,ca as IcoStar,ga as IcoSwap,Ia as IcoSwatches,Ma as IcoSwitch,ha as IcoTeam,Fa as IcoThumbDown,Pa as IcoThumbUp,Aa as IcoTradeup,Ta as IcoTrash,Wa as IcoUnlink,Ga as IcoUpload,Ra as IcoUsers,Ha as IcoWallet,Na as IcoWalletFill,Za as IcoWand,ja as IcoWarning,Ka as IcoWarningFill,Qm as IconArt,Xm as IconArtDark,qm as IconDedicated,Ym as IconDelete,ts as IconEmail,$m as IconEmailDot,es as IconEmailGlobe,fs as IconFaceid,ms as IconFingerprint,us as IconGameController,ps as IconGameControllerDark,ns as IconGenericToken,is as IconKaitoTicket,Ls as IconLockMessage,ks as IconMagicGlobe,Bs as IconMagicLogo,ws as IconMusic,Cs as IconMusicDark,Ss as IconPassport,ys as IconPerson,bs as IconPersonDark,Es as IconProfileDark,Ds as IconProfileLight,Os as IconReset,vs as IconShieldLock,zs as IconSms,Xs as IconTicket,Us as IconTicketDark,Ys as IconWarning,Qs as IconWarningDark,qs as IconWarningShield,W as LoadingSpinner,ep as LogoAlgorand,$s as LogoAlgorandMono,fp as LogoApple,tp as LogoAppleMono,pp as LogoAptos,mp as LogoAptosMono,Lp as LogoArbitrum,up as LogoArbitrumMono,ip as LogoArbitrumOne,np as LogoArbitrumOneMono,Bp as LogoAstar,kp as LogoAstarMono,wp as LogoAuth0,Cp as LogoAuth0Mono,bp as LogoAvalanche,Sp as LogoAvalancheMono,Ep as LogoAzure,yp as LogoAzureMono,Op as LogoBase,Dp as LogoBaseMono,zp as LogoBerachain,vp as LogoBerachainMono,Xp as LogoBinance,Up as LogoBinanceMono,qp as LogoBitBucket,Qp as LogoBitBucketMono,$p as LogoBitcoin,Yp as LogoBitcoinMono,td as LogoBnb,ed as LogoBnbMono,md as LogoCelo,fd as LogoCeloMono,ud as LogoChiliz,pd as LogoChilizMono,id as LogoCognito,nd as LogoCognitoMono,kd as LogoCommunityGaming,Ld as LogoCommunityGamingMono,Cd as LogoCosmos,Bd as LogoCosmosMono,Sd as LogoDiscord,wd as LogoDiscordMono,Dd as LogoEthereum,yd as LogoEthereumCircle,bd as LogoEthereumCircleMono,Ed as LogoEthereumMono,vd as LogoEtherlink,Od as LogoEtherlinkMono,Ud as LogoFacebook,zd as LogoFacebookMono,Qd as LogoFlare,Xd as LogoFlareMono,Yd as LogoFlow,qd as LogoFlowMono,eu as LogoGenericToken,$d as LogoGenericTokenMono,fu as LogoGitHub,tu as LogoGitHubMono,pu as LogoGitLab,mu as LogoGitLabMono,nu as LogoGoogle,uu as LogoGoogleMono,Lu as LogoGuild,iu as LogoGuildMono,Bu as LogoHarmony,ku as LogoHarmonyMono,wu as LogoHorizen,Cu as LogoHorizenMono,bu as LogoIcon,Su as LogoIconMono,Eu as LogoImmutableX,yu as LogoImmutableXMono,Ou as LogoInstagram,Du as LogoInstagramMono,zu as LogoKadena,vu as LogoKadenaMono,Xu as LogoKaito,Uu as LogoKaitoMono,$u as LogoLink,qu as LogoLinkByStripe,Qu as LogoLinkByStripeMono,Yu as LogoLinkMono,tx as LogoLinkedIn,ex as LogoLinkedInMono,mx as LogoLoopring,fx as LogoLoopringMono,ux as LogoMicrosoft,px as LogoMicrosoftMono,ix as LogoModeMobile,nx as LogoModeMobileMono,kx as LogoMoonbeam,Lx as LogoMoonbeamMono,Cx as LogoNear,Bx as LogoNearMono,Sx as LogoNewton,wx as LogoNewtonMono,yx as LogoOkx,bx as LogoOkxMono,Dx as LogoOnramper,Ex as LogoOnramperMono,vx as LogoOptimism,Ox as LogoOptimismMono,Qx as LogoPayPal,zx as LogoPayPalMono,Xx as LogoPayPalWordmark,Ux as LogoPayPalWordmarkMono,Yx as LogoPoa,qx as LogoPoaMono,en as LogoPolkadot,$x as LogoPolkadotMono,fn as LogoPolygon,tn as LogoPolygonMono,pn as LogoPolymarket,mn as LogoPolymarketMono,nn as LogoRarichain,un as LogoRarichainMono,In as LogoReown,gn as LogoReownMono,hn as LogoSardine,Mn as LogoSardineMono,Pn as LogoSei,Fn as LogoSeiMono,Tn as LogoSolana,An as LogoSolanaMono,Gn as LogoSoneium,Wn as LogoSoneiumMono,Nn as LogoStability,Rn as LogoStabilityMono,Zn as LogoSui,Hn as LogoSuiMono,jn as LogoTelegram,Kn as LogoTelegramMono,Jn as LogoTezos,Vn as LogoTezosMono,oc as LogoTikTok,_n as LogoTikTokMono,ac as LogoTwitch,rc as LogoTwitchMono,sc as LogoTwitter,lc as LogoTwitterMono,xc as LogoWalletConnect,dc as LogoWalletConnectMono,gc as LogoWarpcast,cc as LogoWarpcastMono,Mc as LogoWax,Ic as LogoWaxMono,Fc as LogoXdc,hc as LogoXdcMono,Ac as LogoZetachain,Pc as LogoZetachainMono,Wc as LogoZilliqa,Tc as LogoZilliqaMono,Rc as LogoZksync,Gc as LogoZksyncMono,c as Menu,g as Modal,Cf as NFTTile,Bf as NavigationButton,I as Overlay,cf as Page,Lf as PassportPage,Nc as PayAmex,Hc as PayDiscover,Zc as PayMastercard,M as PayPalButton,Kc as PayVisa,af as PhoneInput,lf as PinCodeInput,Oi as Popover,jc as PresentationLogo,G as ProgressBar,lg as QRCode,vi as Radio,Hi as RadioGroup,sg as SecuredByMagic,_a as SecurityOtp,Zi as SegmentedControl,dg as SharedLogo,R as Skeleton,h as SocialLoginButton,Xi as Switch,Ui as Tab,Qi as Text,of as TextBox,sf as TextInput,N as Toast,v as ToastProvider,Vc as TokenBase,Jc as TokenBsc,_c as TokenEth,oi as TokenGeneric,wf as TokenListItem,ri as TokenMatic,ai as TokenNewt,li as TokenOptimism,si as TokenUsdc,di as TokenZkSync,z as Tooltip,Sf as TransactionRow,qi as VerifyPincode,Yi as WalletActions,rf as WalletAddress,$i as WalletNavigation,og as WalletNavigationType,kf as WalletPage,xi as WebsiteMagic,ci as WltCoinbase,gi as WltMattel,Ii as WltMetamask,Mi as WltPasskey,hi as WltPhantom,Fi as WltRabby,Pi as WltRainbow,Ai as WltWalletConnect,xg as useCustomVars,cg as useToast};
+import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as s}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as M}from"./components/external/paypal-button.js";import{SocialLoginButton as h}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedDismiss as P}from"./components/feedback/animated-dismiss.js";import{AnimatedSpinner as A}from"./components/feedback/animated-spinner.js";import{Callout as T}from"./components/feedback/callout.js";import{LoadingSpinner as W}from"./components/feedback/loading-spinner.js";import{ProgressBar as G}from"./components/feedback/progress-bar.js";import{Skeleton as R}from"./components/feedback/skeleton.js";import{Toast as N,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as z}from"./components/feedback/tooltip.js";import{default as U}from"./components/icons/ico-add.js";import{default as X}from"./components/icons/ico-airdrop.js";import{default as Q}from"./components/icons/ico-alert-circle-fill.js";import{default as q}from"./components/icons/ico-alert-circle.js";import{default as Y}from"./components/icons/ico-arrow-down.js";import{default as $}from"./components/icons/ico-arrow-left.js";import{default as eo}from"./components/icons/ico-arrow-right.js";import{default as to}from"./components/icons/ico-arrow-up.js";import{default as fo}from"./components/icons/ico-asterisk-with-shield.js";import{default as mo}from"./components/icons/ico-asterisk.js";import{default as po}from"./components/icons/ico-astronaut.js";import{default as xo}from"./components/icons/ico-atom.js";import{default as co}from"./components/icons/ico-badge.js";import{default as go}from"./components/icons/ico-bank.js";import{default as Io}from"./components/icons/ico-bell-notification.js";import{default as Mo}from"./components/icons/ico-bell.js";import{default as ho}from"./components/icons/ico-block.js";import{default as Fo}from"./components/icons/ico-branding.js";import{default as Po}from"./components/icons/ico-caret-down.js";import{default as Ao}from"./components/icons/ico-caret-left.js";import{default as To}from"./components/icons/ico-caret-right.js";import{default as Wo}from"./components/icons/ico-caret-up.js";import{default as Go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Ro}from"./components/icons/ico-checkmark-circle.js";import{default as No}from"./components/icons/ico-checkmark.js";import{default as Ho}from"./components/icons/ico-clock-fill.js";import{default as Zo}from"./components/icons/ico-code-editor.js";import{default as Ko}from"./components/icons/ico-code-sandbox.js";import{default as jo}from"./components/icons/ico-code.js";import{default as Vo}from"./components/icons/ico-coins.js";import{default as Jo}from"./components/icons/ico-command-line.js";import{default as _o}from"./components/icons/ico-comment.js";import{default as oe}from"./components/icons/ico-copy.js";import{default as re}from"./components/icons/ico-credit-card.js";import{default as ae}from"./components/icons/ico-dedicated.js";import{default as le}from"./components/icons/ico-diamond.js";import{default as se}from"./components/icons/ico-dismiss-circle-fill.js";import{default as de}from"./components/icons/ico-dismiss-circle.js";import{default as xe}from"./components/icons/ico-dismiss.js";import{default as ce}from"./components/icons/ico-doc.js";import{default as ge}from"./components/icons/ico-download.js";import{default as Ie}from"./components/icons/ico-edit-email.js";import{default as Me}from"./components/icons/ico-edit.js";import{default as he}from"./components/icons/ico-email-fill.js";import{default as Fe}from"./components/icons/ico-email-open.js";import{default as Pe}from"./components/icons/ico-email.js";import{default as Ae}from"./components/icons/ico-exit.js";import{default as Te}from"./components/icons/ico-expand.js";import{default as We}from"./components/icons/ico-expiration.js";import{default as Ge}from"./components/icons/ico-external-link.js";import{default as Re}from"./components/icons/ico-eye-closed.js";import{default as Ne}from"./components/icons/ico-eye-opened.js";import{default as He}from"./components/icons/ico-fingerprint-fill.js";import{default as Ze}from"./components/icons/ico-fingerprint.js";import{default as Ke}from"./components/icons/ico-gas.js";import{default as je}from"./components/icons/ico-gift.js";import{default as Ve}from"./components/icons/ico-globe.js";import{default as Je}from"./components/icons/ico-grid-fill.js";import{default as _e}from"./components/icons/ico-grid.js";import{default as or}from"./components/icons/ico-guide.js";import{default as rr}from"./components/icons/ico-home-fill.js";import{default as ar}from"./components/icons/ico-home.js";import{default as lr}from"./components/icons/ico-hourglass.js";import{default as sr}from"./components/icons/ico-info-circle-fill.js";import{default as dr}from"./components/icons/ico-info-circle.js";import{default as xr}from"./components/icons/ico-kebab.js";import{default as cr}from"./components/icons/ico-key.js";import{default as gr}from"./components/icons/ico-lightbulb-fill.js";import{default as Ir}from"./components/icons/ico-lightbulb.js";import{default as Mr}from"./components/icons/ico-lightning-fill.js";import{default as hr}from"./components/icons/ico-lightning.js";import{default as Fr}from"./components/icons/ico-link.js";import{default as Pr}from"./components/icons/ico-loading.js";import{default as Ar}from"./components/icons/ico-lock-locked-fill.js";import{default as Tr}from"./components/icons/ico-lock-locked.js";import{default as Wr}from"./components/icons/ico-lock-password.js";import{default as Gr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Rr}from"./components/icons/ico-lock-unlocked.js";import{default as Nr}from"./components/icons/ico-login-form.js";import{default as Hr}from"./components/icons/ico-magic.js";import{default as Zr}from"./components/icons/ico-megaphone.js";import{default as Kr}from"./components/icons/ico-menu.js";import{default as jr}from"./components/icons/ico-message-fill.js";import{default as Vr}from"./components/icons/ico-message.js";import{default as Jr}from"./components/icons/ico-mfa.js";import{default as _r}from"./components/icons/ico-minimize.js";import{default as ot}from"./components/icons/ico-minus.js";import{default as rt}from"./components/icons/ico-mobile2fa.js";import{default as at}from"./components/icons/ico-mobile2fafill.js";import{default as lt}from"./components/icons/ico-newton.js";import{default as st}from"./components/icons/ico-open-book.js";import{default as dt}from"./components/icons/ico-paper-plane.js";import{default as xt}from"./components/icons/ico-passport.js";import{default as ct}from"./components/icons/ico-passwordless.js";import{default as gt}from"./components/icons/ico-pending-connection.js";import{default as It}from"./components/icons/ico-phone.js";import{default as Mt}from"./components/icons/ico-plus.js";import{default as ht}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Ft}from"./components/icons/ico-polygon-gas.js";import{default as Pt}from"./components/icons/ico-price.js";import{default as At}from"./components/icons/ico-qrcode.js";import{default as Tt}from"./components/icons/ico-question-circle-fill.js";import{default as Wt}from"./components/icons/ico-question-circle.js";import{default as Gt}from"./components/icons/ico-refresh-circle-fill.js";import{default as Rt}from"./components/icons/ico-refresh.js";import{default as Nt}from"./components/icons/ico-remove.js";import{default as Ht}from"./components/icons/ico-rocket-fill.js";import{default as Zt}from"./components/icons/ico-search.js";import{default as Kt}from"./components/icons/ico-settings-fill.js";import{default as jt}from"./components/icons/ico-settings.js";import{default as Vt}from"./components/icons/ico-shapes.js";import{default as Jt}from"./components/icons/ico-share.js";import{default as _t}from"./components/icons/ico-shield-approved.js";import{default as oa}from"./components/icons/ico-shield-rejected.js";import{default as ra}from"./components/icons/ico-shield.js";import{default as aa}from"./components/icons/ico-shuffle.js";import{default as la}from"./components/icons/ico-sidebar.js";import{default as sa}from"./components/icons/ico-social.js";import{default as da}from"./components/icons/ico-sold-out-tag.js";import{default as xa}from"./components/icons/ico-sparkles.js";import{default as ca}from"./components/icons/ico-star.js";import{default as ga}from"./components/icons/ico-swap.js";import{default as Ia}from"./components/icons/ico-swatches.js";import{default as Ma}from"./components/icons/ico-switch.js";import{default as ha}from"./components/icons/ico-team.js";import{default as Fa}from"./components/icons/ico-thumb-down.js";import{default as Pa}from"./components/icons/ico-thumb-up.js";import{default as Aa}from"./components/icons/ico-tradeup.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Wa}from"./components/icons/ico-unlink.js";import{default as Ga}from"./components/icons/ico-upload.js";import{default as Ra}from"./components/icons/ico-users.js";import{default as Na}from"./components/icons/ico-wallet-fill.js";import{default as Ha}from"./components/icons/ico-wallet.js";import{default as Za}from"./components/icons/ico-wand.js";import{default as Ka}from"./components/icons/ico-warning-fill.js";import{default as ja}from"./components/icons/ico-warning.js";import{default as Va}from"./components/info/copy-button.js";import{default as Ja}from"./components/info/email-wbr.js";import{default as _a}from"./components/info/security-otp.js";import{default as of}from"./components/info/text-box.js";import{default as rf}from"./components/info/wallet-address.js";import{default as af}from"./components/inputs/phone-input.js";import{PinCodeInput as lf}from"./components/inputs/pincode-input.js";import{TextInput as sf}from"./components/inputs/text-input.js";import{Dialogue as df}from"./components/layouts/dialogue.js";import{Error as xf}from"./components/layouts/error.js";import{Page as cf}from"./components/layouts/page.js";import{PassportPage as Lf}from"./components/layouts/passport-page.js";import{WalletPage as kf}from"./components/layouts/wallet-page/index.js";import{default as Bf}from"./components/list-items/navigation-button.js";import{NFTTile as Cf}from"./components/list-items/nft-tile.js";import{TokenListItem as wf}from"./components/list-items/token-list-item.js";import{TransactionRow as Sf}from"./components/list-items/transaction-row.js";import{ActivityListItem as bf}from"./components/list-items/activity-list-item.js";import{default as yf}from"./components/logos/blc-algorand.js";import{default as Ef}from"./components/logos/blc-aptos.js";import{default as Df}from"./components/logos/blc-arbitrum.js";import{default as Of}from"./components/logos/blc-astar.js";import{default as vf}from"./components/logos/blc-avalanche.js";import{default as zf}from"./components/logos/blc-base.js";import{default as Uf}from"./components/logos/blc-berachain.js";import{default as Xf}from"./components/logos/blc-binance.js";import{default as Qf}from"./components/logos/blc-bitcoin.js";import{default as qf}from"./components/logos/blc-celo.js";import{default as Yf}from"./components/logos/blc-chiliz.js";import{default as $f}from"./components/logos/blc-cosmos.js";import{default as el}from"./components/logos/blc-ethereum.js";import{default as tl}from"./components/logos/blc-etherlink.js";import{default as fl}from"./components/logos/blc-flow.js";import{default as ml}from"./components/logos/blc-harmony.js";import{default as pl}from"./components/logos/blc-icon.js";import{default as ul}from"./components/logos/blc-immutable-x.js";import{default as nl}from"./components/logos/blc-loopring.js";import{default as il}from"./components/logos/blc-moonbeam.js";import{default as Ll}from"./components/logos/blc-near.js";import{default as kl}from"./components/logos/blc-newton.js";import{default as Bl}from"./components/logos/blc-optimism.js";import{default as Cl}from"./components/logos/blc-polkadot.js";import{default as wl}from"./components/logos/blc-polygon.js";import{default as Sl}from"./components/logos/blc-rarichain.js";import{default as bl}from"./components/logos/blc-solana.js";import{default as yl}from"./components/logos/blc-stability.js";import{default as El}from"./components/logos/blc-sui.js";import{default as Dl}from"./components/logos/blc-tezos.js";import{default as Ol}from"./components/logos/blc-wax.js";import{default as vl}from"./components/logos/blc-zetachain.js";import{default as zl}from"./components/logos/blc-zilliqa.js";import{default as Ul}from"./components/logos/blc-zksync.js";import{default as Xl}from"./components/logos/fwk-11ty.js";import{default as Ql}from"./components/logos/fwk-android.js";import{default as ql}from"./components/logos/fwk-apple.js";import{default as Yl}from"./components/logos/fwk-authy.js";import{default as $l}from"./components/logos/fwk-binance-fill.js";import{default as em}from"./components/logos/fwk-chrome.js";import{default as tm}from"./components/logos/fwk-electron.js";import{default as fm}from"./components/logos/fwk-express.js";import{default as mm}from"./components/logos/fwk-fauna.js";import{default as pm}from"./components/logos/fwk-firebase.js";import{default as um}from"./components/logos/fwk-go.js";import{default as nm}from"./components/logos/fwk-google-authenticator.js";import{default as im}from"./components/logos/fwk-hasura.js";import{default as Lm}from"./components/logos/fwk-javascript.js";import{default as km}from"./components/logos/fwk-jwt.js";import{default as Bm}from"./components/logos/fwk-laravel.js";import{default as Cm}from"./components/logos/fwk-nextjs.js";import{default as wm}from"./components/logos/fwk-nodejs.js";import{default as Sm}from"./components/logos/fwk-nuxtjs.js";import{default as bm}from"./components/logos/fwk-php.js";import{default as ym}from"./components/logos/fwk-react.js";import{default as Em}from"./components/logos/fwk-strapi.js";import{default as Dm}from"./components/logos/fwk-stripe.js";import{default as Om}from"./components/logos/fwk-vue.js";import{default as vm}from"./components/logos/fwk-webflow.js";import{default as zm}from"./components/logos/fwk-wordpress.js";import{default as Um}from"./components/logos/fwk-zapier.js";import{default as Xm}from"./components/logos/icon-art-dark.js";import{default as Qm}from"./components/logos/icon-art.js";import{default as qm}from"./components/logos/icon-dedicated.js";import{default as Ym}from"./components/logos/icon-delete.js";import{default as $m}from"./components/logos/icon-email-dot.js";import{default as es}from"./components/logos/icon-email-globe.js";import{default as ts}from"./components/logos/icon-email.js";import{default as fs}from"./components/logos/icon-faceid.js";import{default as ms}from"./components/logos/icon-fingerprint.js";import{default as ps}from"./components/logos/icon-game-controller-dark.js";import{default as us}from"./components/logos/icon-game-controller.js";import{default as ns}from"./components/logos/icon-generic-token.js";import{default as is}from"./components/logos/icon-kaito-ticket.js";import{default as Ls}from"./components/logos/icon-lock-message.js";import{default as ks}from"./components/logos/icon-magic-globe.js";import{default as Bs}from"./components/logos/icon-magic-logo.js";import{default as Cs}from"./components/logos/icon-music-dark.js";import{default as ws}from"./components/logos/icon-music.js";import{default as Ss}from"./components/logos/icon-passport.js";import{default as bs}from"./components/logos/icon-person-dark.js";import{default as ys}from"./components/logos/icon-person.js";import{default as Es}from"./components/logos/icon-profile-dark.js";import{default as Ds}from"./components/logos/icon-profile-light.js";import{default as Os}from"./components/logos/icon-reset.js";import{default as vs}from"./components/logos/icon-shield-lock.js";import{default as zs}from"./components/logos/icon-sms.js";import{default as Us}from"./components/logos/icon-ticket-dark.js";import{default as Xs}from"./components/logos/icon-ticket.js";import{default as Qs}from"./components/logos/icon-warning-dark.js";import{default as qs}from"./components/logos/icon-warning-shield.js";import{default as Ys}from"./components/logos/icon-warning.js";import{default as $s}from"./components/logos/logo-algorand-mono.js";import{default as ep}from"./components/logos/logo-algorand.js";import{default as tp}from"./components/logos/logo-apple-mono.js";import{default as fp}from"./components/logos/logo-apple.js";import{default as mp}from"./components/logos/logo-aptos-mono.js";import{default as pp}from"./components/logos/logo-aptos.js";import{default as up}from"./components/logos/logo-arbitrum-mono.js";import{default as np}from"./components/logos/logo-arbitrum-one-mono.js";import{default as ip}from"./components/logos/logo-arbitrum-one.js";import{default as Lp}from"./components/logos/logo-arbitrum.js";import{default as kp}from"./components/logos/logo-astar-mono.js";import{default as Bp}from"./components/logos/logo-astar.js";import{default as Cp}from"./components/logos/logo-auth0-mono.js";import{default as wp}from"./components/logos/logo-auth0.js";import{default as Sp}from"./components/logos/logo-avalanche-mono.js";import{default as bp}from"./components/logos/logo-avalanche.js";import{default as yp}from"./components/logos/logo-azure-mono.js";import{default as Ep}from"./components/logos/logo-azure.js";import{default as Dp}from"./components/logos/logo-base-mono.js";import{default as Op}from"./components/logos/logo-base.js";import{default as vp}from"./components/logos/logo-berachain-mono.js";import{default as zp}from"./components/logos/logo-berachain.js";import{default as Up}from"./components/logos/logo-binance-mono.js";import{default as Xp}from"./components/logos/logo-binance.js";import{default as Qp}from"./components/logos/logo-bit-bucket-mono.js";import{default as qp}from"./components/logos/logo-bit-bucket.js";import{default as Yp}from"./components/logos/logo-bitcoin-mono.js";import{default as $p}from"./components/logos/logo-bitcoin.js";import{default as ed}from"./components/logos/logo-bnb-mono.js";import{default as td}from"./components/logos/logo-bnb.js";import{default as fd}from"./components/logos/logo-celo-mono.js";import{default as md}from"./components/logos/logo-celo.js";import{default as pd}from"./components/logos/logo-chiliz-mono.js";import{default as ud}from"./components/logos/logo-chiliz.js";import{default as nd}from"./components/logos/logo-cognito-mono.js";import{default as id}from"./components/logos/logo-cognito.js";import{default as Ld}from"./components/logos/logo-community-gaming-mono.js";import{default as kd}from"./components/logos/logo-community-gaming.js";import{default as Bd}from"./components/logos/logo-cosmos-mono.js";import{default as Cd}from"./components/logos/logo-cosmos.js";import{default as wd}from"./components/logos/logo-discord-mono.js";import{default as Sd}from"./components/logos/logo-discord.js";import{default as bd}from"./components/logos/logo-ethereum-circle-mono.js";import{default as yd}from"./components/logos/logo-ethereum-circle.js";import{default as Ed}from"./components/logos/logo-ethereum-mono.js";import{default as Dd}from"./components/logos/logo-ethereum.js";import{default as Od}from"./components/logos/logo-etherlink-mono.js";import{default as vd}from"./components/logos/logo-etherlink.js";import{default as zd}from"./components/logos/logo-facebook-mono.js";import{default as Ud}from"./components/logos/logo-facebook.js";import{default as Xd}from"./components/logos/logo-flare-mono.js";import{default as Qd}from"./components/logos/logo-flare.js";import{default as qd}from"./components/logos/logo-flow-mono.js";import{default as Yd}from"./components/logos/logo-flow.js";import{default as $d}from"./components/logos/logo-generic-token-mono.js";import{default as eu}from"./components/logos/logo-generic-token.js";import{default as tu}from"./components/logos/logo-git-hub-mono.js";import{default as fu}from"./components/logos/logo-git-hub.js";import{default as mu}from"./components/logos/logo-git-lab-mono.js";import{default as pu}from"./components/logos/logo-git-lab.js";import{default as uu}from"./components/logos/logo-google-mono.js";import{default as nu}from"./components/logos/logo-google.js";import{default as iu}from"./components/logos/logo-guild-mono.js";import{default as Lu}from"./components/logos/logo-guild.js";import{default as ku}from"./components/logos/logo-harmony-mono.js";import{default as Bu}from"./components/logos/logo-harmony.js";import{default as Cu}from"./components/logos/logo-horizen-mono.js";import{default as wu}from"./components/logos/logo-horizen.js";import{default as Su}from"./components/logos/logo-icon-mono.js";import{default as bu}from"./components/logos/logo-icon.js";import{default as yu}from"./components/logos/logo-immutable-x-mono.js";import{default as Eu}from"./components/logos/logo-immutable-x.js";import{default as Du}from"./components/logos/logo-instagram-mono.js";import{default as Ou}from"./components/logos/logo-instagram.js";import{default as vu}from"./components/logos/logo-kadena-mono.js";import{default as zu}from"./components/logos/logo-kadena.js";import{default as Uu}from"./components/logos/logo-kaito-mono.js";import{default as Xu}from"./components/logos/logo-kaito.js";import{default as Qu}from"./components/logos/logo-link-by-stripe-mono.js";import{default as qu}from"./components/logos/logo-link-by-stripe.js";import{default as Yu}from"./components/logos/logo-link-mono.js";import{default as $u}from"./components/logos/logo-link.js";import{default as ex}from"./components/logos/logo-linked-in-mono.js";import{default as tx}from"./components/logos/logo-linked-in.js";import{default as fx}from"./components/logos/logo-loopring-mono.js";import{default as mx}from"./components/logos/logo-loopring.js";import{default as px}from"./components/logos/logo-microsoft-mono.js";import{default as ux}from"./components/logos/logo-microsoft.js";import{default as nx}from"./components/logos/logo-mode-mobile-mono.js";import{default as ix}from"./components/logos/logo-mode-mobile.js";import{default as Lx}from"./components/logos/logo-morph.js";import{default as kx}from"./components/logos/logo-moonbeam-mono.js";import{default as Bx}from"./components/logos/logo-moonbeam.js";import{default as Cx}from"./components/logos/logo-near-mono.js";import{default as wx}from"./components/logos/logo-near.js";import{default as Sx}from"./components/logos/logo-newton-mono.js";import{default as bx}from"./components/logos/logo-newton.js";import{default as yx}from"./components/logos/logo-okx-mono.js";import{default as Ex}from"./components/logos/logo-okx.js";import{default as Dx}from"./components/logos/logo-onramper-mono.js";import{default as Ox}from"./components/logos/logo-onramper.js";import{default as vx}from"./components/logos/logo-optimism-mono.js";import{default as zx}from"./components/logos/logo-optimism.js";import{default as Ux}from"./components/logos/logo-pay-pal-mono.js";import{default as Xx}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Qx}from"./components/logos/logo-pay-pal-wordmark.js";import{default as qx}from"./components/logos/logo-pay-pal.js";import{default as Yx}from"./components/logos/logo-poa-mono.js";import{default as $x}from"./components/logos/logo-poa.js";import{default as en}from"./components/logos/logo-polkadot-mono.js";import{default as tn}from"./components/logos/logo-polkadot.js";import{default as fn}from"./components/logos/logo-polygon-mono.js";import{default as mn}from"./components/logos/logo-polygon.js";import{default as pn}from"./components/logos/logo-polymarket-mono.js";import{default as un}from"./components/logos/logo-polymarket.js";import{default as nn}from"./components/logos/logo-rarichain-mono.js";import{default as gn}from"./components/logos/logo-rarichain.js";import{default as In}from"./components/logos/logo-reown-mono.js";import{default as Mn}from"./components/logos/logo-reown.js";import{default as hn}from"./components/logos/logo-sardine-mono.js";import{default as Fn}from"./components/logos/logo-sardine.js";import{default as Pn}from"./components/logos/logo-sei-mono.js";import{default as An}from"./components/logos/logo-sei.js";import{default as Tn}from"./components/logos/logo-solana-mono.js";import{default as Wn}from"./components/logos/logo-solana.js";import{default as Gn}from"./components/logos/logo-soneium-mono.js";import{default as Rn}from"./components/logos/logo-soneium.js";import{default as Nn}from"./components/logos/logo-stability-mono.js";import{default as Hn}from"./components/logos/logo-stability.js";import{default as Zn}from"./components/logos/logo-sui-mono.js";import{default as Kn}from"./components/logos/logo-sui.js";import{default as jn}from"./components/logos/logo-telegram-mono.js";import{default as Vn}from"./components/logos/logo-telegram.js";import{default as Jn}from"./components/logos/logo-tezos-mono.js";import{default as _n}from"./components/logos/logo-tezos.js";import{default as oc}from"./components/logos/logo-tik-tok-mono.js";import{default as rc}from"./components/logos/logo-tik-tok.js";import{default as ac}from"./components/logos/logo-twitch-mono.js";import{default as lc}from"./components/logos/logo-twitch.js";import{default as sc}from"./components/logos/logo-twitter-mono.js";import{default as dc}from"./components/logos/logo-twitter.js";import{default as xc}from"./components/logos/logo-wallet-connect-mono.js";import{default as cc}from"./components/logos/logo-wallet-connect.js";import{default as gc}from"./components/logos/logo-warpcast-mono.js";import{default as Ic}from"./components/logos/logo-warpcast.js";import{default as Mc}from"./components/logos/logo-wax-mono.js";import{default as hc}from"./components/logos/logo-wax.js";import{default as Fc}from"./components/logos/logo-xdc-mono.js";import{default as Pc}from"./components/logos/logo-xdc.js";import{default as Ac}from"./components/logos/logo-zetachain-mono.js";import{default as Tc}from"./components/logos/logo-zetachain.js";import{default as Wc}from"./components/logos/logo-zilliqa-mono.js";import{default as Gc}from"./components/logos/logo-zilliqa.js";import{default as Rc}from"./components/logos/logo-zksync-mono.js";import{default as Nc}from"./components/logos/logo-zksync.js";import{default as Hc}from"./components/logos/pay-amex.js";import{default as Zc}from"./components/logos/pay-discover.js";import{default as Kc}from"./components/logos/pay-mastercard.js";import{default as jc}from"./components/logos/pay-visa.js";import{default as Vc}from"./components/logos/presentation-logo.js";import{default as Jc}from"./components/logos/token-base.js";import{default as _c}from"./components/logos/token-bsc.js";import{default as oi}from"./components/logos/token-eth.js";import{default as ri}from"./components/logos/token-generic.js";import{default as ai}from"./components/logos/token-matic.js";import{default as li}from"./components/logos/token-newt.js";import{default as si}from"./components/logos/token-optimism.js";import{default as di}from"./components/logos/token-usdc.js";import{default as xi}from"./components/logos/token-zk-sync.js";import{default as ci}from"./components/logos/website-magic.js";import{default as gi}from"./components/logos/wlt-coinbase.js";import{default as Ii}from"./components/logos/wlt-mattel.js";import{default as Mi}from"./components/logos/wlt-metamask.js";import{default as hi}from"./components/logos/wlt-passkey.js";import{default as Fi}from"./components/logos/wlt-phantom.js";import{default as Pi}from"./components/logos/wlt-rabby.js";import{default as Ai}from"./components/logos/wlt-rainbow.js";import{default as Ti}from"./components/logos/wlt-wallet-connect.js";import{default as Wi}from"./components/primitives/button.js";import{default as Gi}from"./components/primitives/checkbox.js";import{DropdownOption as Ri,DropdownSelector as Oi}from"./components/primitives/dropdown-selector.js";import{Popover as vi}from"./components/primitives/popover.js";import{Radio as zi,RadioGroup as Zi}from"./components/primitives/radio.js";import{SegmentedControl as Ki,Tab as Xi}from"./components/primitives/segmented-control.js";import{default as Qi}from"./components/primitives/switch.js";import{default as qi}from"./components/primitives/text.js";import{VerifyPincode as Yi}from"./components/sections/verify-pincode.js";import{WalletActions as $i}from"./components/sections/wallet-actions.js";import{WalletNavigation as eg,WalletNavigationType as rg}from"./components/sections/wallet-navigation.js";import{default as ag}from"./components/utils/animate.js";import{ClientAssetLogo as lg}from"./components/utils/client-asset-logo.js";import{default as sg}from"./components/utils/qr-code.js";import{default as dg}from"./components/utils/secured-by-magic.js";import{default as xg}from"./components/utils/shared-logo.js";import{useCustomVars as cg}from"./hooks/theme.js";import{useToast as gg}from"./hooks/useToast.js";export{bf as ActivityListItem,ag as Animate,F as AnimatedCheckmark,P as AnimatedDismiss,A as AnimatedSpinner,yf as BlcAlgorand,Ef as BlcAptos,Df as BlcArbitrum,Of as BlcAstar,vf as BlcAvalanche,zf as BlcBase,Uf as BlcBerachain,Xf as BlcBinance,Qf as BlcBitcoin,qf as BlcCelo,Yf as BlcChiliz,$f as BlcCosmos,el as BlcEthereum,tl as BlcEtherlink,fl as BlcFlow,ml as BlcHarmony,pl as BlcIcon,ul as BlcImmutableX,nl as BlcLoopring,il as BlcMoonbeam,Ll as BlcNear,kl as BlcNewton,Bl as BlcOptimism,Cl as BlcPolkadot,wl as BlcPolygon,Sl as BlcRarichain,bl as BlcSolana,yl as BlcStability,El as BlcSui,Dl as BlcTezos,Ol as BlcWax,vl as BlcZetachain,zl as BlcZilliqa,Ul as BlcZksync,Wi as Button,r as ButtonContainer,T as Callout,a as Card,Gi as Checkbox,lg as ClientAssetLogo,l as Content,Va as CopyButton,df as Dialogue,s as Drawer,Ri as DropdownOption,Oi as DropdownSelector,Ja as EmailWbr,xf as Error,d as Footer,Xl as Fwk11ty,Ql as FwkAndroid,ql as FwkApple,Yl as FwkAuthy,$l as FwkBinanceFill,em as FwkChrome,tm as FwkElectron,fm as FwkExpress,mm as FwkFauna,pm as FwkFirebase,um as FwkGo,nm as FwkGoogleAuthenticator,im as FwkHasura,Lm as FwkJavascript,km as FwkJwt,Bm as FwkLaravel,Cm as FwkNextjs,wm as FwkNodejs,Sm as FwkNuxtjs,bm as FwkPhp,ym as FwkReact,Em as FwkStrapi,Dm as FwkStripe,Om as FwkVue,vm as FwkWebflow,zm as FwkWordpress,Um as FwkZapier,x as Header,U as IcoAdd,X as IcoAirdrop,q as IcoAlertCircle,Q as IcoAlertCircleFill,Y as IcoArrowDown,$ as IcoArrowLeft,eo as IcoArrowRight,to as IcoArrowUp,mo as IcoAsterisk,fo as IcoAsteriskWithShield,po as IcoAstronaut,xo as IcoAtom,co as IcoBadge,go as IcoBank,Mo as IcoBell,Io as IcoBellNotification,ho as IcoBlock,Fo as IcoBranding,Po as IcoCaretDown,Ao as IcoCaretLeft,To as IcoCaretRight,Wo as IcoCaretUp,No as IcoCheckmark,Ro as IcoCheckmarkCircle,Go as IcoCheckmarkCircleFill,Ho as IcoClockFill,jo as IcoCode,Zo as IcoCodeEditor,Ko as IcoCodeSandbox,Vo as IcoCoins,Jo as IcoCommandLine,_o as IcoComment,oe as IcoCopy,re as IcoCreditCard,ae as IcoDedicated,le as IcoDiamond,xe as IcoDismiss,de as IcoDismissCircle,se as IcoDismissCircleFill,ce as IcoDoc,ge as IcoDownload,Me as IcoEdit,Ie as IcoEditEmail,Pe as IcoEmail,he as IcoEmailFill,Fe as IcoEmailOpen,Ae as IcoExit,Te as IcoExpand,We as IcoExpiration,Ge as IcoExternalLink,Re as IcoEyeClosed,Ne as IcoEyeOpened,Ze as IcoFingerprint,He as IcoFingerprintFill,Ke as IcoGas,je as IcoGift,Ve as IcoGlobe,_e as IcoGrid,Je as IcoGridFill,or as IcoGuide,ar as IcoHome,rr as IcoHomeFill,lr as IcoHourglass,dr as IcoInfoCircle,sr as IcoInfoCircleFill,xr as IcoKebab,cr as IcoKey,Ir as IcoLightbulb,gr as IcoLightbulbFill,hr as IcoLightning,Mr as IcoLightningFill,Fr as IcoLink,Pr as IcoLoading,Tr as IcoLockLocked,Ar as IcoLockLockedFill,Wr as IcoLockPassword,Rr as IcoLockUnlocked,Gr as IcoLockUnlockedFill,Nr as IcoLoginForm,Hr as IcoMagic,Zr as IcoMegaphone,Kr as IcoMenu,Vr as IcoMessage,jr as IcoMessageFill,Jr as IcoMfa,_r as IcoMinimize,ot as IcoMinus,rt as IcoMobile2fa,at as IcoMobile2fafill,lt as IcoNewton,st as IcoOpenBook,dt as IcoPaperPlane,xt as IcoPassport,ct as IcoPasswordless,gt as IcoPendingConnection,It as IcoPhone,Mt as IcoPlus,Ft as IcoPolygonGas,ht as IcoPolygonGasTestnet,Pt as IcoPrice,At as IcoQrcode,Wt as IcoQuestionCircle,Tt as IcoQuestionCircleFill,Rt as IcoRefresh,Gt as IcoRefreshCircleFill,Nt as IcoRemove,Ht as IcoRocketFill,Zt as IcoSearch,jt as IcoSettings,Kt as IcoSettingsFill,Vt as IcoShapes,Jt as IcoShare,ra as IcoShield,_t as IcoShieldApproved,oa as IcoShieldRejected,aa as IcoShuffle,la as IcoSidebar,sa as IcoSocial,da as IcoSoldOutTag,xa as IcoSparkles,ca as IcoStar,ga as IcoSwap,Ia as IcoSwatches,Ma as IcoSwitch,ha as IcoTeam,Fa as IcoThumbDown,Pa as IcoThumbUp,Aa as IcoTradeup,Ta as IcoTrash,Wa as IcoUnlink,Ga as IcoUpload,Ra as IcoUsers,Ha as IcoWallet,Na as IcoWalletFill,Za as IcoWand,ja as IcoWarning,Ka as IcoWarningFill,Qm as IconArt,Xm as IconArtDark,qm as IconDedicated,Ym as IconDelete,ts as IconEmail,$m as IconEmailDot,es as IconEmailGlobe,fs as IconFaceid,ms as IconFingerprint,us as IconGameController,ps as IconGameControllerDark,ns as IconGenericToken,is as IconKaitoTicket,Ls as IconLockMessage,ks as IconMagicGlobe,Bs as IconMagicLogo,ws as IconMusic,Cs as IconMusicDark,Ss as IconPassport,ys as IconPerson,bs as IconPersonDark,Es as IconProfileDark,Ds as IconProfileLight,Os as IconReset,vs as IconShieldLock,zs as IconSms,Xs as IconTicket,Us as IconTicketDark,Ys as IconWarning,Qs as IconWarningDark,qs as IconWarningShield,W as LoadingSpinner,ep as LogoAlgorand,$s as LogoAlgorandMono,fp as LogoApple,tp as LogoAppleMono,pp as LogoAptos,mp as LogoAptosMono,Lp as LogoArbitrum,up as LogoArbitrumMono,ip as LogoArbitrumOne,np as LogoArbitrumOneMono,Bp as LogoAstar,kp as LogoAstarMono,wp as LogoAuth0,Cp as LogoAuth0Mono,bp as LogoAvalanche,Sp as LogoAvalancheMono,Ep as LogoAzure,yp as LogoAzureMono,Op as LogoBase,Dp as LogoBaseMono,zp as LogoBerachain,vp as LogoBerachainMono,Xp as LogoBinance,Up as LogoBinanceMono,qp as LogoBitBucket,Qp as LogoBitBucketMono,$p as LogoBitcoin,Yp as LogoBitcoinMono,td as LogoBnb,ed as LogoBnbMono,md as LogoCelo,fd as LogoCeloMono,ud as LogoChiliz,pd as LogoChilizMono,id as LogoCognito,nd as LogoCognitoMono,kd as LogoCommunityGaming,Ld as LogoCommunityGamingMono,Cd as LogoCosmos,Bd as LogoCosmosMono,Sd as LogoDiscord,wd as LogoDiscordMono,Dd as LogoEthereum,yd as LogoEthereumCircle,bd as LogoEthereumCircleMono,Ed as LogoEthereumMono,vd as LogoEtherlink,Od as LogoEtherlinkMono,Ud as LogoFacebook,zd as LogoFacebookMono,Qd as LogoFlare,Xd as LogoFlareMono,Yd as LogoFlow,qd as LogoFlowMono,eu as LogoGenericToken,$d as LogoGenericTokenMono,fu as LogoGitHub,tu as LogoGitHubMono,pu as LogoGitLab,mu as LogoGitLabMono,nu as LogoGoogle,uu as LogoGoogleMono,Lu as LogoGuild,iu as LogoGuildMono,Bu as LogoHarmony,ku as LogoHarmonyMono,wu as LogoHorizen,Cu as LogoHorizenMono,bu as LogoIcon,Su as LogoIconMono,Eu as LogoImmutableX,yu as LogoImmutableXMono,Ou as LogoInstagram,Du as LogoInstagramMono,zu as LogoKadena,vu as LogoKadenaMono,Xu as LogoKaito,Uu as LogoKaitoMono,$u as LogoLink,qu as LogoLinkByStripe,Qu as LogoLinkByStripeMono,Yu as LogoLinkMono,tx as LogoLinkedIn,ex as LogoLinkedInMono,mx as LogoLoopring,fx as LogoLoopringMono,ux as LogoMicrosoft,px as LogoMicrosoftMono,ix as LogoModeMobile,nx as LogoModeMobileMono,Bx as LogoMoonbeam,kx as LogoMoonbeamMono,Lx as LogoMorph,wx as LogoNear,Cx as LogoNearMono,bx as LogoNewton,Sx as LogoNewtonMono,Ex as LogoOkx,yx as LogoOkxMono,Ox as LogoOnramper,Dx as LogoOnramperMono,zx as LogoOptimism,vx as LogoOptimismMono,qx as LogoPayPal,Ux as LogoPayPalMono,Qx as LogoPayPalWordmark,Xx as LogoPayPalWordmarkMono,$x as LogoPoa,Yx as LogoPoaMono,tn as LogoPolkadot,en as LogoPolkadotMono,mn as LogoPolygon,fn as LogoPolygonMono,un as LogoPolymarket,pn as LogoPolymarketMono,gn as LogoRarichain,nn as LogoRarichainMono,Mn as LogoReown,In as LogoReownMono,Fn as LogoSardine,hn as LogoSardineMono,An as LogoSei,Pn as LogoSeiMono,Wn as LogoSolana,Tn as LogoSolanaMono,Rn as LogoSoneium,Gn as LogoSoneiumMono,Hn as LogoStability,Nn as LogoStabilityMono,Kn as LogoSui,Zn as LogoSuiMono,Vn as LogoTelegram,jn as LogoTelegramMono,_n as LogoTezos,Jn as LogoTezosMono,rc as LogoTikTok,oc as LogoTikTokMono,lc as LogoTwitch,ac as LogoTwitchMono,dc as LogoTwitter,sc as LogoTwitterMono,cc as LogoWalletConnect,xc as LogoWalletConnectMono,Ic as LogoWarpcast,gc as LogoWarpcastMono,hc as LogoWax,Mc as LogoWaxMono,Pc as LogoXdc,Fc as LogoXdcMono,Tc as LogoZetachain,Ac as LogoZetachainMono,Gc as LogoZilliqa,Wc as LogoZilliqaMono,Nc as LogoZksync,Rc as LogoZksyncMono,c as Menu,g as Modal,Cf as NFTTile,Bf as NavigationButton,I as Overlay,cf as Page,Lf as PassportPage,Hc as PayAmex,Zc as PayDiscover,Kc as PayMastercard,M as PayPalButton,jc as PayVisa,af as PhoneInput,lf as PinCodeInput,vi as Popover,Vc as PresentationLogo,G as ProgressBar,sg as QRCode,zi as Radio,Zi as RadioGroup,dg as SecuredByMagic,_a as SecurityOtp,Ki as SegmentedControl,xg as SharedLogo,R as Skeleton,h as SocialLoginButton,Qi as Switch,Xi as Tab,qi as Text,of as TextBox,sf as TextInput,N as Toast,v as ToastProvider,Jc as TokenBase,_c as TokenBsc,oi as TokenEth,ri as TokenGeneric,wf as TokenListItem,ai as TokenMatic,li as TokenNewt,si as TokenOptimism,di as TokenUsdc,xi as TokenZkSync,z as Tooltip,Sf as TransactionRow,Yi as VerifyPincode,$i as WalletActions,rf as WalletAddress,eg as WalletNavigation,rg as WalletNavigationType,kf as WalletPage,ci as WebsiteMagic,gi as WltCoinbase,Ii as WltMattel,Mi as WltMetamask,hi as WltPasskey,Fi as WltPhantom,Pi as WltRabby,Ai as WltRainbow,Ti as WltWalletConnect,cg as useCustomVars,gg as useToast};
 //# sourceMappingURL=index.js.map

package/dist/panda.buildinfo.json

@@ -1 +1 @@
-{"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:positive.darker","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before<___>_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.base]___[cond:_dark","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:negative.lighter]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:auto","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:scaleIn","animationDuration]___[value:250ms","height]___[value:100dvh]___[cond:@media only screen and (max-width: 767px)","maxWidth]___[value:25rem","marginInline]___[value:auto","borderRadius]___[value:container","borderWidth]___[value:1]___[cond:_dark","borderBlock]___[value:solid]___[cond:_dark","borderColor]___[value:neutral.secondary]___[cond:_dark","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","borderColor]___[value:ink.70]___[cond:_dark","borderColor]___[value:ink.50]___[cond:_dark<___>_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.tertiary]___[cond:_dark","position]___[value:absolute","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","display]___[value:none","display]___[value:block","top]___[value:0%","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","right]___[value:100%","transform]___[value:translateX(10%) translateY(calc(-100% - 0.75rem))","left]___[value:100%","transform]___[value:translateX(-10%) translateY(calc(-100% - 0.75rem))","top]___[value:50%","left]___[value:0%","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-25%)","right]___[value:0%","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-25%)","bottom]___[value:0%","transform]___[value:translateX(-50%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(10%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(-10%) translateY(calc(100% + 0.75rem))","width]___[value:72","height]___[value:4","bottom]___[value:0","transform]___[value:translateX(-50%) translateY(0.75rem)","transform]___[value:translateX(-50%) translateY(-0.75rem)","width]___[value:4","height]___[value:48","right]___[value:-6","transform]___[value:translateX(-0.75rem) translateY(-50%)","left]___[value:-6","transform]___[value:translateX(0.75rem) translateY(-50%)","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","flexShrink]___[value:0","paddingTop]___[value:6","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","fontFamily]___[value:inherit","transition]___[value:none","gap]___[value:2","width]___[value:16","width]___[value:20","height]___[value:16","height]___[value:20","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","flexGrow]___[value:0","padding]___[value:6","maxWidth]___[value:393","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","borderRadius]___[value:60","height]___[value:11","width]___[value:11","width]___[value:10","left]___[value:9","top]___[value:11","height]___[value:7","width]___[value:7","borderRadius]___[value:30","borderWidth]___[value:2","width]___[value:5","height]___[value:5","borderRadius]___[value:0.375rem","borderRadius]___[value:md","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","fontWeight]___[value:bold","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","alignItems]___[value:start","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","opacity]___[value:0.5","opacity]___[value:1","width]___[value:40","height]___[value:40","width]___[value:6rem","width]___[value:4rem","minHeight]___[value:16","borderRadius]___[value:0.75rem","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","display]___[value:inline-block","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","height]___[value:76px","maxWidth]___[value:115px","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:max-content","border]___[value:thin solid transparent","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","width]___[value:200px","maxWidth]___[value:200px","display]___[value:none]___[cond:@media (max-width: 370px)","minWidth]___[value:88px","textStyle]___[value:negative","minWidth]___[value:fit-content","minHeight]___[value:fit-content","transition]___[value:transform 0.1s","width]___[value:114px","height]___[value:48px","width]___[value:7px","height]___[value:7px","background]___[value:positive.base","bottom]___[value:-1px","right]___[value:-1px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","minHeight]___[value:18px","minWidth]___[value:18px","alignItems]___[value:baseline","margin]___[value:1","backgroundColor]___[value:neutral.secondary","backgroundColor]___[value:negative.lighter","gridTemplateColumns]___[value:2","gap]___[value:8"],"recipes":{}}}
+{"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:positive.darker","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before<___>_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.base]___[cond:_dark","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:negative.lighter]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:auto","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:scaleIn","animationDuration]___[value:250ms","height]___[value:100dvh]___[cond:@media only screen and (max-width: 767px)","maxWidth]___[value:25rem","marginInline]___[value:auto","borderRadius]___[value:container","borderWidth]___[value:1]___[cond:_dark","borderBlock]___[value:solid]___[cond:_dark","borderColor]___[value:neutral.secondary]___[cond:_dark","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","borderColor]___[value:ink.70]___[cond:_dark","borderColor]___[value:ink.50]___[cond:_dark<___>_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.tertiary]___[cond:_dark","position]___[value:absolute","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","display]___[value:none","display]___[value:block","top]___[value:0%","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","right]___[value:100%","transform]___[value:translateX(10%) translateY(calc(-100% - 0.75rem))","left]___[value:100%","transform]___[value:translateX(-10%) translateY(calc(-100% - 0.75rem))","top]___[value:50%","left]___[value:0%","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-25%)","right]___[value:0%","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-25%)","bottom]___[value:0%","transform]___[value:translateX(-50%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(10%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(-10%) translateY(calc(100% + 0.75rem))","width]___[value:72","height]___[value:4","bottom]___[value:0","transform]___[value:translateX(-50%) translateY(0.75rem)","transform]___[value:translateX(-50%) translateY(-0.75rem)","width]___[value:4","height]___[value:48","right]___[value:-6","transform]___[value:translateX(-0.75rem) translateY(-50%)","left]___[value:-6","transform]___[value:translateX(0.75rem) translateY(-50%)","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","flexShrink]___[value:0","paddingTop]___[value:6","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","fontFamily]___[value:inherit","transition]___[value:none","gap]___[value:2","width]___[value:16","width]___[value:20","height]___[value:16","height]___[value:20","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","background]___[value:surface.tertiary]___[cond:_hover","paddingLeft]___[value:4","paddingRight]___[value:2","paddingLeft]___[value:0","borderRadius]___[value:0","paddingRight]___[value:4","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","marginRight]___[value:4","marginRight]___[value:0","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","flexGrow]___[value:0","padding]___[value:6","maxWidth]___[value:393","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","borderRadius]___[value:60","height]___[value:11","width]___[value:11","width]___[value:10","left]___[value:9","top]___[value:11","height]___[value:7","width]___[value:7","borderRadius]___[value:30","borderWidth]___[value:2","width]___[value:5","height]___[value:5","borderRadius]___[value:0.375rem","borderRadius]___[value:md","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","fontWeight]___[value:bold","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","alignItems]___[value:start","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","opacity]___[value:0.5","opacity]___[value:1","width]___[value:40","height]___[value:40","width]___[value:6rem","width]___[value:4rem","minHeight]___[value:16","borderRadius]___[value:0.75rem","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","display]___[value:inline-block","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","height]___[value:76px","maxWidth]___[value:115px","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:max-content","border]___[value:thin solid transparent","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","width]___[value:200px","maxWidth]___[value:200px","display]___[value:none]___[cond:@media (max-width: 370px)","minWidth]___[value:88px","textStyle]___[value:negative","minWidth]___[value:fit-content","minHeight]___[value:fit-content","transition]___[value:transform 0.1s","width]___[value:114px","height]___[value:48px","width]___[value:7px","height]___[value:7px","background]___[value:positive.base","bottom]___[value:-1px","right]___[value:-1px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","minHeight]___[value:18px","minWidth]___[value:18px","alignItems]___[value:baseline","margin]___[value:1","backgroundColor]___[value:neutral.secondary","backgroundColor]___[value:negative.lighter","gridTemplateColumns]___[value:2","gap]___[value:8"],"recipes":{}}}

package/dist/types/components/inputs/phone-input.d.ts

@@ -1,7 +1,13 @@
+/// <reference types="react" />
+import { type CountryIso2 } from 'react-international-phone';
 export interface PhoneInputProps {
     onChange: (phone: string) => void;
+    onSubmit?: () => void;
     autoFocus?: boolean;
     errorMessage?: string;
+    containerStyles?: React.CSSProperties;
+    disableSubmit?: (value: string, countryIso2: CountryIso2) => boolean;
+    showPlaceholder?: boolean;
 }
 declare const PhoneInput: {
     (props: PhoneInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/inputs/phone-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phone-input.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuBD,QAAA,MAAM,UAAU;YAAW,eAAe;;CA0RzC,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phone-input.tsx"],"names":[],"mappings":";AAOA,OAAO,EAA8C,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEzG,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAC;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuBD,QAAA,MAAM,UAAU;YAAW,eAAe;;CAqVzC,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/types/components/inputs/pincode-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pincode-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/pincode-input.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,YAAY,mEAOtB,iBAAiB,4CAwKnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"pincode-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/pincode-input.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,YAAY,mEAOtB,iBAAiB,4CA+KnB,CAAC;AAEF,eAAe,YAAY,CAAC"}