npm - @magiclabs/ui-components - Versions diffs - 1.22.3 → 1.23.1 - Mend

@magiclabs/ui-components 1.22.3 → 1.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

package/dist/cjs/components/primitives/dropdown-selector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime");require("../feedback/callout.js");var z=require("@styled/css"),h=require("@styled/jsx");require("../feedback/progress-bar.js");var v=require("@styled/tokens"),I=require("../icons/ico-caret-down.js"),K=require("../icons/ico-caret-up.js"),V=require("../icons/ico-checkmark.js"),M=require("../icons/ico-question-circle-fill.js");require("./button.js"),require("./checkbox.js"),require("./popover.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js");var j=require("./text.js");require("./portal.js");var r=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var T=require("../feedback/tooltip.js"),y=require("react-aria");const E={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},P=r.createContext({selectedOption:null,setSelectedOption:()=>{}}),R=({value:o,label:s,size:b="lg",isFocused:k})=>{const{selectedOption:d,setSelectedOption:p}=r.useContext(P),a=d?.value===o,i=E[b],q=r.useCallback(()=>{p({value:o,label:s})},[p,o,s]);return t.jsxs(h.HStack,{py:1.5,gap:2,bg:a?"brand.base":k?"brand.lightest":"",_hover:a?{}:{bg:"brand.lightest"},onClick:q,style:{paddingLeft:i.width,paddingRight:i.width},children:[t.jsx(h.Box,{style:{width:i.width},children:a&&t.jsx(V.default,{width:i.check,height:i.check,color:v.token("colors.surface.primary")})}),t.jsx(j.default,{size:b,styles:{fontWeight:500,color:v.token(`colors.${a?"surface":"text"}.primary`)},children:s})]})},A=({children:o,onSelect:s,label:b,placeholder:k="Select one",selectedValue:d,size:p="lg",tooltipContent:a,disabled:i,viewMax:q=5,...F})=>{const[f,x]=r.useState(!1),[l,m]=r.useState(null),w=r.useRef(null),C=r.useRef(null),u=E[p],H=q*u.mult+1,W=r.useCallback(()=>{x(e=>!e),f||(m(null),setTimeout(()=>{var e;return(e=C.current)===null||e===void 0?void 0:e.focus()}))},[f]),B=r.useCallback(e=>{s(e.value),x(!1)},[s]),S=r.useMemo(()=>{const e=r.Children.toArray(o).find(n=>n.props.value===d);return e?e.props.label:k},[d,o]),{buttonProps:L}=y.useButton({...F,isDisabled:i,onPress:W},w),{focusProps:N,isFocusVisible:_}=y.useFocusRing(),{keyboardProps:$}=y.useKeyboard({onKeyDown:e=>{var n,c;if(!f)return;let g=l;const D=r.Children.toArray(o);switch(e.key){case"ArrowUp":e.preventDefault(),l===null?m(r.Children.count(o)-1):(g=l>0?l-1:r.Children.count(o)-1,m(g));break;case"ArrowDown":e.preventDefault(),l===null?m(0):(g=l<r.Children.count(o)-1?l+1:0,m(g));break;case"Enter":if(e.preventDefault(),(n=w.current)===null||n===void 0||n.focus(),l===null)return;if(l>=0&&l<D.length){const O=D[l];O&&s(O.props.value)}break;case"Escape":x(!1),(c=w.current)===null||c===void 0||c.focus();break}}});return r.useEffect(()=>{const e=n=>{var c;!((c=C.current)===null||c===void 0)&&c.contains(n.target)||x(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),t.jsx(P.Provider,{value:{selectedOption:{value:d??"",label:S},setSelectedOption:B},children:t.jsxs(h.VStack,{gap:2,w:"full",alignItems:"flex-start",children:[t.jsxs(h.HStack,{gap:2,opacity:i?.3:"",transition:"all linear 120ms",children:[b&&t.jsx(j.default,{size:"sm",styles:{fontWeight:500},children:b}),a&&t.jsx(T.default,{isDisabled:i,content:a,children:t.jsx(M.default,{className:z.css({w:4,h:4,color:"neutral.primary"})})})]}),t.jsxs("button",{className:z.css({w:"full",h:"fit-content",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:_?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:w,...y.mergeProps(L,N,$),children:[t.jsxs(h.HStack,{w:"full",p:4,justifyContent:"space-between",style:{height:u.height},children:[t.jsx(j.default,{size:p,styles:{color:v.token(`colors.text.${d?"primary":"tertiary"}`)},children:S}),f?t.jsx(K.default,{width:u.caret,height:u.caret,color:v.token("colors.brand.base")}):t.jsx(I.default,{width:u.caret,height:u.caret,color:v.token("colors.brand.base")})]}),f&&t.jsx(h.Box,{ref:C,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:u.top},overflowY:"auto",outline:"none",zIndex:"max",children:r.Children.map(o,(e,n)=>r.cloneElement(e,{isFocused:n===l,size:p}))})]})]})})};R.displayName="DropdownOption",A.displayName="DropdownSelector",exports.DropdownOption=R,exports.DropdownSelector=A;
+"use strict";var t=require("react/jsx-runtime");require("../feedback/callout.js");var z=require("@styled/css"),b=require("@styled/jsx");require("../feedback/progress-bar.js");var v=require("@styled/tokens"),I=require("../icons/ico-caret-down.js"),K=require("../icons/ico-caret-up.js"),V=require("../icons/ico-checkmark.js"),M=require("../icons/ico-question-circle-fill.js");require("./button.js"),require("./checkbox.js"),require("./popover.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js");var j=require("./text.js");require("./portal.js");var r=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var T=require("../feedback/tooltip.js"),y=require("react-aria");const E={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},P=r.createContext({selectedOption:null,setSelectedOption:()=>{}}),R=({value:o,label:a,size:d="lg",isFocused:k})=>{const{selectedOption:h,setSelectedOption:p}=r.useContext(P),s=h?.value===o,i=E[d],q=r.useCallback(()=>{p({value:o,label:a})},[p,o,a]);return t.jsxs(b.HStack,{py:1.5,gap:2,bg:s?"brand.base":k?"brand.lightest":"",_hover:s?{}:{bg:"brand.lightest"},onClick:q,style:{paddingLeft:i.width,paddingRight:i.width},children:[t.jsx(b.Box,{style:{width:i.width},children:s&&t.jsx(V.default,{width:i.check,height:i.check,color:v.token("colors.surface.primary")})}),t.jsx(j.default,{size:d,styles:{fontWeight:500,color:v.token(`colors.${s?"surface":"text"}.primary`)},children:a})]})},A=({children:o,onSelect:a,label:d,placeholder:k="Select one",selectedValue:h,size:p="lg",tooltipContent:s,disabled:i,viewMax:q=5,...F})=>{const[f,x]=r.useState(!1),[l,m]=r.useState(null),w=r.useRef(null),C=r.useRef(null),u=E[p],H=q*u.mult+1,W=r.useCallback(()=>{x(e=>!e),f||(m(null),setTimeout(()=>{var e;return(e=C.current)===null||e===void 0?void 0:e.focus()}))},[f]),B=r.useCallback(e=>{a(e.value),x(!1)},[a]),S=r.useMemo(()=>{const e=r.Children.toArray(o).find(n=>n.props.value===h);return e?e.props.label:k},[h,o]),{buttonProps:L}=y.useButton({...F,isDisabled:i,onPress:W},w),{focusProps:N,isFocusVisible:_}=y.useFocusRing(),{keyboardProps:$}=y.useKeyboard({onKeyDown:e=>{var n,c;if(!f)return;let g=l;const D=r.Children.toArray(o);switch(e.key){case"ArrowUp":e.preventDefault(),l===null?m(r.Children.count(o)-1):(g=l>0?l-1:r.Children.count(o)-1,m(g));break;case"ArrowDown":e.preventDefault(),l===null?m(0):(g=l<r.Children.count(o)-1?l+1:0,m(g));break;case"Enter":if(e.preventDefault(),(n=w.current)===null||n===void 0||n.focus(),l===null)return;if(l>=0&&l<D.length){const O=D[l];O&&a(O.props.value)}break;case"Escape":x(!1),(c=w.current)===null||c===void 0||c.focus();break}}});return r.useEffect(()=>{const e=n=>{var c;!((c=C.current)===null||c===void 0)&&c.contains(n.target)||x(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),t.jsx(P.Provider,{value:{selectedOption:{value:h??"",label:S},setSelectedOption:B},children:t.jsxs(b.VStack,{gap:2,w:"full",alignItems:"flex-start",children:[(d||s)&&t.jsxs(b.HStack,{gap:2,opacity:i?.3:"",transition:"all linear 120ms",children:[d&&t.jsx(j.default,{size:"sm",styles:{fontWeight:500},children:d}),s&&t.jsx(T.default,{isDisabled:i,content:s,children:t.jsx(M.default,{className:z.css({w:4,h:4,color:"neutral.primary"})})})]}),t.jsxs("button",{className:z.css({w:"full",h:"fit-content",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:_?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:w,...y.mergeProps(L,N,$),children:[t.jsxs(b.HStack,{w:"full",p:4,justifyContent:"space-between",style:{height:u.height},children:[t.jsx(j.default,{size:p,styles:{color:v.token(`colors.text.${h?"primary":"tertiary"}`)},children:S}),f?t.jsx(K.default,{width:u.caret,height:u.caret,color:v.token("colors.brand.base")}):t.jsx(I.default,{width:u.caret,height:u.caret,color:v.token("colors.brand.base")})]}),f&&t.jsx(b.Box,{ref:C,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:u.top},overflowY:"auto",outline:"none",zIndex:"max",children:r.Children.map(o,(e,n)=>r.cloneElement(e,{isFocused:n===l,size:p}))})]})]})})};R.displayName="DropdownOption",A.displayName="DropdownSelector",exports.DropdownOption=R,exports.DropdownSelector=A;
 //# sourceMappingURL=dropdown-selector.js.map

package/dist/cjs/components/primitives/dropdown-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' \| 'md' \| 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData \| null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ width: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.surface.primary')} />\n )}\n </Box>\n <Text size={size} styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n <HStack gap={2} opacity={disabled ? 0.3 : ''} transition={'all linear 120ms'}>\n {label && (\n <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip isDisabled={disabled} content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text size={size} styles={{ color: token(`colors.text.${selectedValue ? 'primary' : 'tertiary'}`) }}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
1	+ {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' \| 'md' \| 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData \| null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ width: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.surface.primary')} />\n )}\n </Box>\n <Text size={size} styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label \|\| tooltipContent) && (\n <HStack gap={2} opacity={disabled ? 0.3 : ''} transition={'all linear 120ms'}>\n {label && (\n <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip isDisabled={disabled} content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text size={size} styles={{ color: token(`colors.text.${selectedValue ? 'primary' : 'tertiary'}`) }}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}

package/dist/cjs/components/primitives/segmented-control.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=require("react/jsx-runtime"),C=require("@styled/css"),h=require("@styled/jsx"),j=require("create-slots"),e=require("react"),x=require("react-aria");const y=e.createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}}}),k=j.createSlot(({children:a,...u})=>l.jsx(h.Flex,{alignItems:"center",justifyContent:"center",children:e.Children.map(a,i=>e.cloneElement(i,u))})),S=a=>{const{children:u,onChange:i,selectedTab:o,size:f="md"}=a,[t,c]=e.useState(o),r=e.useRef({}),n=e.useRef(),[g,d]=e.useState({transform:"translateX(4px)",width:"",height:""});e.useEffect(()=>{o!==void 0&&c(o)},[o]),e.useEffect(()=>(n.current||(n.current=new ResizeObserver(()=>{const{offsetLeft:s,clientWidth:b,clientHeight:p}=r.current[t];d({transform:`translateX(${s}px)`,width:`${b}px`,height:`${p}px`})})),n.current.observe(r.current[t]),()=>{n.current&&r.current[t]&&n.current.unobserve(r.current[t])}),[]),e.useEffect(()=>{if(t&&r.current[t]){const{offsetLeft:s,clientWidth:b,clientHeight:p}=r.current[t];d({transform:`translateX(${s}px)`,width:`${b}px`,height:`${p}px`})}},[t,f]);const m=e.useCallback(s=>{c(s),i(s)},[c,i]);return l.jsxs(h.Flex,{w:"full",role:"tablist",p:1,rounded:"full",bg:"ink.10",_dark:{bg:"slate.2"},"aria-label":"Segmented Control",position:"relative",children:[l.jsx(h.Box,{position:"absolute",bg:"paper",_dark:{bg:"slate.4"},boxShadow:"0px 4px 20px 0px {colors.ink.90/10}",transition:"transform 0.2s ease",rounded:"inherit",ml:-1,style:{...g}}),l.jsx(y.Provider,{value:{currentTab:t,setCurrentTab:m,size:f,tabRefs:r},children:u})]})},w=e.forwardRef((a,u)=>{const{label:i,id:o}=a,{currentTab:f,setCurrentTab:t,tabRefs:c,size:r}=e.useContext(y),n=f===o,g=r==="sm"?8:r==="md"?10:13,d=r==="sm"?16:20,m=e.useRef(null),s=u||m;e.useEffect(()=>{typeof s=="object"&&c.current&&(c.current[o]=s.current)},[o]);const b=e.useCallback(()=>{t(o)},[t,o]),{buttonProps:p,isPressed:R}=x.useButton({onPress:b},s),{hoverProps:T}=x.useHover({}),{isFocusVisible:P,focusProps:z}=x.useFocusRing();return j.createHost(a.children,q=>{const v=q.get(k);return l.jsx("button",{className:C.css({display:"flex",justifyContent:"center",alignItems:"center",h:g,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:n?"text.primary":"text.secondary",fontSize:r,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:P?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:n?"background 0s":"background 0.2s ease",_hover:{bg:n?"transparent":"ink.20",_dark:{bg:n?"transparent":"slate.1"}}}),ref:s,...x.mergeProps(p,T,z),children:l.jsxs(h.Flex,{opacity:R&&!n?.5:1,align:"center",justify:"center",children:[v&&{...v,props:{...v.props,className:C.css({mr:1,color:n?"text.primary":"text.secondary"}),width:d,height:d}},i]})})})}),$=Object.assign(w,{Icon:k});w.displayName="Tab",S.displayName="SegmentedControl",exports.SegmentedControl=S,exports.Tab=$;
+"use strict";var l=require("react/jsx-runtime"),y=require("@styled/css"),x=require("@styled/jsx"),j=require("create-slots"),e=require("react"),g=require("react-aria");const k=e.createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:!1}),S=j.createSlot(({children:i,...u})=>l.jsx(x.Flex,{alignItems:"center",justifyContent:"center",children:e.Children.map(i,c=>e.cloneElement(c,u))})),w=i=>{const{children:u,onChange:c,selectedTab:n,size:f="md",disabled:h=!1}=i,[t,o]=e.useState(n),a=e.useRef({}),r=e.useRef(),[m,d]=e.useState({transform:"translateX(4px)",width:"",height:""});e.useEffect(()=>{n!==void 0&&o(n)},[n]),e.useEffect(()=>(r.current||(r.current=new ResizeObserver(()=>{const{offsetLeft:s,clientWidth:b,clientHeight:p}=a.current[t];d({transform:`translateX(${s}px)`,width:`${b}px`,height:`${p}px`})})),r.current.observe(a.current[t]),()=>{r.current&&a.current[t]&&r.current.unobserve(a.current[t])}),[]),e.useEffect(()=>{if(t&&a.current[t]){const{offsetLeft:s,clientWidth:b,clientHeight:p}=a.current[t];d({transform:`translateX(${s}px)`,width:`${b}px`,height:`${p}px`})}},[t,f]);const v=e.useCallback(s=>{o(s),c(s)},[o,c]);return l.jsxs(x.Flex,{w:"full",role:"tablist",p:1,rounded:"full",bg:"ink.10",_dark:{bg:"slate.2"},"aria-label":"Segmented Control",position:"relative",children:[l.jsx(x.Box,{position:"absolute",bg:"paper",_dark:{bg:"slate.4"},boxShadow:"0px 4px 20px 0px {colors.ink.90/10}",transition:"transform 0.2s ease",rounded:"inherit",ml:-1,style:{...m}}),l.jsx(k.Provider,{value:{currentTab:t,setCurrentTab:v,size:f,tabRefs:a,disabled:h},children:u})]})},R=e.forwardRef((i,u)=>{const{label:c,id:n}=i,{currentTab:f,setCurrentTab:h,tabRefs:t,size:o,disabled:a}=e.useContext(k),r=f===n,m=o==="sm"?8:o==="md"?10:13,d=o==="sm"?16:20,v=e.useRef(null),s=u||v;e.useEffect(()=>{typeof s=="object"&&t.current&&(t.current[n]=s.current)},[n]);const b=e.useCallback(()=>{h(n)},[h,n]),{buttonProps:p,isPressed:T}=g.useButton({onPress:b,isDisabled:a},s),{hoverProps:P}=g.useHover({}),{isFocusVisible:z,focusProps:$}=g.useFocusRing();return j.createHost(i.children,q=>{const C=q.get(S);return l.jsx("button",{className:y.css({display:"flex",justifyContent:"center",alignItems:"center",h:m,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:r?"text.primary":"text.secondary",fontSize:o,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:z?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:r?"background 0s":"background 0.2s ease",_disabled:{opacity:"0.3",pointerEvents:"none"},_hover:{bg:r?"transparent":"ink.20",_dark:{bg:r?"transparent":"slate.1"}}}),ref:s,...g.mergeProps(p,P,$),disabled:a,children:l.jsxs(x.Flex,{opacity:T&&!r?.5:1,align:"center",justify:"center",children:[C&&{...C,props:{...C.props,className:y.css({mr:1,color:r?"text.primary":"text.secondary"}),width:d,height:d}},c]})})})}),E=Object.assign(R,{Icon:S});R.displayName="Tab",w.displayName="SegmentedControl",exports.SegmentedControl=w,exports.Tab=E;
 //# sourceMappingURL=segmented-control.js.map

package/dist/cjs/components/primitives/segmented-control.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n Children,\n PropsWithChildren,\n RefObject,\n cloneElement,\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps extends PropsWithChildren {\n onChange: (value: string) => void;\n selectedTab: string;\n size?: 'sm' \| 'md' \| 'lg';\n}\n\nexport interface TabProps extends AriaButtonProps {\n label: string;\n id: string;\n}\n\ntype TabRefs = {\n [key: string]: HTMLButtonElement \| null;\n};\n\nconst SegmentedControlContext = createContext<{\n currentTab: string \| undefined;\n setCurrentTab: (id: string) => void;\n size?: 'sm' \| 'md' \| 'lg';\n tabRefs: RefObject<TabRefs>;\n}>({\n currentTab: undefined,\n setCurrentTab: () => {},\n tabRefs: { current: {} },\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n const { children, onChange, selectedTab, size = 'md' } = props;\n const [currentTab, setCurrentTab] = useState(selectedTab);\n const tabRefs = useRef<{ [key: string]: HTMLButtonElement \| null }>({});\n const observer = useRef<ResizeObserver>();\n const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n useEffect(() => {\n if (selectedTab !== undefined) {\n setCurrentTab(selectedTab);\n }\n }, [selectedTab]);\n\n useEffect(() => {\n if (!observer.current) {\n observer.current = new ResizeObserver(() => {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n });\n }\n\n observer.current.observe(tabRefs.current[currentTab]!);\n\n return () => {\n if (observer.current && tabRefs.current[currentTab]) {\n observer.current.unobserve(tabRefs.current[currentTab]!);\n }\n };\n }, []);\n\n useEffect(() => {\n if (currentTab && tabRefs.current[currentTab]) {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n }\n }, [currentTab, size]);\n\n const handleSelect = useCallback(\n (id: string) => {\n setCurrentTab(id);\n onChange(id);\n },\n [setCurrentTab, onChange],\n );\n\n return (\n <Flex\n w=\"full\"\n role=\"tablist\"\n p={1}\n rounded=\"full\"\n bg=\"ink.10\"\n _dark={{ bg: 'slate.2' }}\n aria-label=\"Segmented Control\"\n position=\"relative\"\n >\n <Box\n position=\"absolute\"\n bg=\"paper\"\n _dark={{ bg: 'slate.4' }}\n boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n transition=\"transform 0.2s ease\"\n rounded=\"inherit\"\n ml={-1}\n style={{ ...indicatorStyle }}\n />\n <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs }}>\n {children}\n </SegmentedControlContext.Provider>\n </Flex>\n );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n const { label, id } = props;\n const { currentTab, setCurrentTab, tabRefs, size } = useContext(SegmentedControlContext);\n\n const isSelected = currentTab === id;\n const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef<HTMLButtonElement>(null);\n const ref = forwardedRef \|\| internalRef;\n\n useEffect(() => {\n if (typeof ref === 'object' && tabRefs.current) {\n tabRefs.current[id] = ref.current;\n }\n }, [id]);\n\n const handlePress = useCallback(() => {\n setCurrentTab(id);\n }, [setCurrentTab, id]);\n\n const { buttonProps, isPressed } = useButton({ onPress: handlePress }, ref as React.RefObject<HTMLButtonElement>);\n const { hoverProps } = useHover({});\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const icon = slots.get(Icon);\n\n return (\n <button\n className={css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n h: height,\n w: 'full',\n rounded: 'button',\n zIndex: 0,\n cursor: 'pointer',\n color: isSelected ? 'text.primary' : 'text.secondary',\n fontSize: size,\n fontWeight: 'semibold',\n whiteSpace: 'nowrap',\n bg: 'transparent',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n _hover: {\n bg: isSelected ? 'transparent' : 'ink.20',\n _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n },\n })}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n >\n <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n {icon && {\n ...icon,\n props: {\n ...icon.props,\n className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n width: iconSize,\n height: iconSize,\n },\n }}\n {label}\n </Flex>\n </button>\n );\n });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"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"}
1	+ {"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n Children,\n PropsWithChildren,\n RefObject,\n cloneElement,\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps extends PropsWithChildren {\n onChange: (value: string) => void;\n selectedTab: string;\n size?: 'sm' \| 'md' \| 'lg';\n disabled?: boolean;\n}\n\nexport interface TabProps extends AriaButtonProps {\n label: string;\n id: string;\n}\n\ntype TabRefs = {\n [key: string]: HTMLButtonElement \| null;\n};\n\nconst SegmentedControlContext = createContext<{\n currentTab: string \| undefined;\n setCurrentTab: (id: string) => void;\n size?: 'sm' \| 'md' \| 'lg';\n tabRefs: RefObject<TabRefs>;\n disabled: boolean;\n}>({\n currentTab: undefined,\n setCurrentTab: () => {},\n tabRefs: { current: {} },\n disabled: false,\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n const { children, onChange, selectedTab, size = 'md', disabled = false } = props;\n const [currentTab, setCurrentTab] = useState(selectedTab);\n const tabRefs = useRef<{ [key: string]: HTMLButtonElement \| null }>({});\n const observer = useRef<ResizeObserver>();\n const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n useEffect(() => {\n if (selectedTab !== undefined) {\n setCurrentTab(selectedTab);\n }\n }, [selectedTab]);\n\n useEffect(() => {\n if (!observer.current) {\n observer.current = new ResizeObserver(() => {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n });\n }\n\n observer.current.observe(tabRefs.current[currentTab]!);\n\n return () => {\n if (observer.current && tabRefs.current[currentTab]) {\n observer.current.unobserve(tabRefs.current[currentTab]!);\n }\n };\n }, []);\n\n useEffect(() => {\n if (currentTab && tabRefs.current[currentTab]) {\n const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n setIndicatorStyle({\n transform: `translateX(${offsetLeft}px)`,\n width: `${clientWidth}px`,\n height: `${clientHeight}px`,\n });\n }\n }, [currentTab, size]);\n\n const handleSelect = useCallback(\n (id: string) => {\n setCurrentTab(id);\n onChange(id);\n },\n [setCurrentTab, onChange],\n );\n\n return (\n <Flex\n w=\"full\"\n role=\"tablist\"\n p={1}\n rounded=\"full\"\n bg=\"ink.10\"\n _dark={{ bg: 'slate.2' }}\n aria-label=\"Segmented Control\"\n position=\"relative\"\n >\n <Box\n position=\"absolute\"\n bg=\"paper\"\n _dark={{ bg: 'slate.4' }}\n boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n transition=\"transform 0.2s ease\"\n rounded=\"inherit\"\n ml={-1}\n style={{ ...indicatorStyle }}\n />\n <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs, disabled }}>\n {children}\n </SegmentedControlContext.Provider>\n </Flex>\n );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n const { label, id } = props;\n const { currentTab, setCurrentTab, tabRefs, size, disabled } = useContext(SegmentedControlContext);\n\n const isSelected = currentTab === id;\n const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const internalRef = useRef<HTMLButtonElement>(null);\n const ref = forwardedRef \|\| internalRef;\n\n useEffect(() => {\n if (typeof ref === 'object' && tabRefs.current) {\n tabRefs.current[id] = ref.current;\n }\n }, [id]);\n\n const handlePress = useCallback(() => {\n setCurrentTab(id);\n }, [setCurrentTab, id]);\n\n const { buttonProps, isPressed } = useButton(\n { onPress: handlePress, isDisabled: disabled },\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { hoverProps } = useHover({});\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const icon = slots.get(Icon);\n\n return (\n <button\n className={css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n h: height,\n w: 'full',\n rounded: 'button',\n zIndex: 0,\n cursor: 'pointer',\n color: isSelected ? 'text.primary' : 'text.secondary',\n fontSize: size,\n fontWeight: 'semibold',\n whiteSpace: 'nowrap',\n bg: 'transparent',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n _disabled: { opacity: '0.3', pointerEvents: 'none' },\n _hover: {\n bg: isSelected ? 'transparent' : 'ink.20',\n _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n },\n })}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n disabled={disabled}\n >\n <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n {icon && {\n ...icon,\n props: {\n ...icon.props,\n className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n width: iconSize,\n height: iconSize,\n },\n }}\n {label}\n </Flex>\n </button>\n );\n });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","disabled","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"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"}

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var i=require("./components/containers/card.js"),l=require("./components/containers/content.js"),u=require("./components/containers/drawer.js"),t=require("./components/containers/footer.js"),c=require("./components/containers/header.js"),n=require("./components/containers/modal.js"),d=require("./components/containers/overlay.js"),f=require("./components/external/paypal-button.js"),v=require("./components/external/social-login-button.js"),q=require("./components/feedback/callout.js"),g=require("./components/feedback/loading-spinner.js"),s=require("./components/feedback/progress-bar.js"),e=require("./components/feedback/toast-provider.js"),L=require("./components/feedback/tooltip.js"),M=require("./components/icons/ico-add.js"),k=require("./components/icons/ico-alert-circle-fill.js"),I=require("./components/icons/ico-alert-circle.js"),m=require("./components/icons/ico-arrow-down.js"),p=require("./components/icons/ico-arrow-left.js"),b=require("./components/icons/ico-arrow-right.js"),h=require("./components/icons/ico-asterisk-with-shield.js"),w=require("./components/icons/ico-asterisk.js"),C=require("./components/icons/ico-astronaut.js"),B=require("./components/icons/ico-atom.js"),A=require("./components/icons/ico-bank.js"),F=require("./components/icons/ico-bell-notification.js"),P=require("./components/icons/ico-bell.js"),S=require("./components/icons/ico-block.js"),y=require("./components/icons/ico-branding.js"),T=require("./components/icons/ico-caret-down.js"),W=require("./components/icons/ico-caret-left.js"),E=require("./components/icons/ico-caret-right.js"),D=require("./components/icons/ico-caret-up.js"),G=require("./components/icons/ico-checkmark-circle-fill.js"),x=require("./components/icons/ico-checkmark-circle.js"),O=require("./components/icons/ico-checkmark.js"),R=require("./components/icons/ico-code-editor.js"),z=require("./components/icons/ico-code-sandbox.js"),H=require("./components/icons/ico-code.js"),Z=require("./components/icons/ico-command-line.js"),N=require("./components/icons/ico-comment.js"),X=require("./components/icons/ico-copy.js"),j=require("./components/icons/ico-credit-card.js"),V=require("./components/icons/ico-dedicated.js"),Q=require("./components/icons/ico-diamond.js"),U=require("./components/icons/ico-dismiss-circle-fill.js"),J=require("./components/icons/ico-dismiss-circle.js"),K=require("./components/icons/ico-dismiss.js"),_=require("./components/icons/ico-doc.js"),Y=require("./components/icons/ico-download.js"),$=require("./components/icons/ico-edit-email.js"),ee=require("./components/icons/ico-edit.js"),re=require("./components/icons/ico-email-fill.js"),oe=require("./components/icons/ico-email-open.js"),ae=require("./components/icons/ico-email.js"),ie=require("./components/icons/ico-expand.js"),le=require("./components/icons/ico-expiration.js"),ue=require("./components/icons/ico-external-link.js"),te=require("./components/icons/ico-eye-closed.js"),ce=require("./components/icons/ico-eye-opened.js"),ne=require("./components/icons/ico-fingerprint-fill.js"),de=require("./components/icons/ico-fingerprint.js"),fe=require("./components/icons/ico-gas.js"),ve=require("./components/icons/ico-gift.js"),qe=require("./components/icons/ico-globe.js"),ge=require("./components/icons/ico-guide.js"),se=require("./components/icons/ico-home.js"),Le=require("./components/icons/ico-hourglass.js"),Me=require("./components/icons/ico-info-circle-fill.js"),ke=require("./components/icons/ico-info-circle.js"),Ie=require("./components/icons/ico-kebab.js"),me=require("./components/icons/ico-key.js"),pe=require("./components/icons/ico-lightbulb-fill.js"),be=require("./components/icons/ico-lightbulb.js"),he=require("./components/icons/ico-lightning-fill.js"),we=require("./components/icons/ico-lightning.js"),Ce=require("./components/icons/ico-link.js"),Be=require("./components/icons/ico-loading-fill.js"),Ae=require("./components/icons/ico-loading.js"),Fe=require("./components/icons/ico-lock-locked.js"),Pe=require("./components/icons/ico-lock-password.js"),Se=require("./components/icons/ico-lock-unlocked.js"),ye=require("./components/icons/ico-login-form.js"),Te=require("./components/icons/ico-magic.js"),We=require("./components/icons/ico-megaphone.js"),Ee=require("./components/icons/ico-menu.js"),De=require("./components/icons/ico-message-fill.js"),Ge=require("./components/icons/ico-message.js"),xe=require("./components/icons/ico-mfa.js"),Oe=require("./components/icons/ico-minimize.js"),Re=require("./components/icons/ico-mobile2fa.js"),ze=require("./components/icons/ico-mobile2fafill.js"),He=require("./components/icons/ico-open-book.js"),Ze=require("./components/icons/ico-paper-plane.js"),Ne=require("./components/icons/ico-passport.js"),Xe=require("./components/icons/ico-passwordless.js"),je=require("./components/icons/ico-pending-connection.js"),Ve=require("./components/icons/ico-phone.js"),Qe=require("./components/icons/ico-price.js"),Ue=require("./components/icons/ico-qrcode.js"),Je=require("./components/icons/ico-question-circle-fill.js"),Ke=require("./components/icons/ico-question-circle.js"),_e=require("./components/icons/ico-refresh-circle-fill.js"),Ye=require("./components/icons/ico-refresh.js"),$e=require("./components/icons/ico-rocket-fill.js"),er=require("./components/icons/ico-search.js"),rr=require("./components/icons/ico-settings.js"),or=require("./components/icons/ico-shapes.js"),ar=require("./components/icons/ico-shield-approved.js"),ir=require("./components/icons/ico-shield-rejected.js"),lr=require("./components/icons/ico-shield.js"),ur=require("./components/icons/ico-social.js"),tr=require("./components/icons/ico-sold-out-tag.js"),cr=require("./components/icons/ico-star.js"),nr=require("./components/icons/ico-swap.js"),dr=require("./components/icons/ico-swatches.js"),fr=require("./components/icons/ico-team.js"),vr=require("./components/icons/ico-trash.js"),qr=require("./components/icons/ico-users.js"),gr=require("./components/icons/ico-wallet-fill.js"),sr=require("./components/icons/ico-wallet.js"),Lr=require("./components/icons/ico-wand.js"),Mr=require("./components/icons/ico-warning-fill.js"),kr=require("./components/icons/ico-warning.js"),Ir=require("./components/info/copy-button.js"),mr=require("./components/info/email-wbr.js"),pr=require("./components/info/security-otp.js"),br=require("./components/info/text-box.js"),hr=require("./components/info/wallet-address.js"),wr=require("./components/inputs/phone-input.js"),Cr=require("./components/inputs/pincode-input.js"),Br=require("./components/inputs/text-input.js"),Ar=require("./components/layouts/dialogue.js"),Fr=require("./components/layouts/error.js"),Pr=require("./components/layouts/page.js"),Sr=require("./components/list-items/navigation-button.js"),yr=require("./components/list-items/nft-tile.js"),Tr=require("./components/list-items/token-list-item.js"),Wr=require("./components/logos/blc-algorand.js"),Er=require("./components/logos/blc-aptos.js"),Dr=require("./components/logos/blc-arbitrum.js"),Gr=require("./components/logos/blc-astar.js"),xr=require("./components/logos/blc-avalanche.js"),Or=require("./components/logos/blc-base.js"),Rr=require("./components/logos/blc-berachain.js"),zr=require("./components/logos/blc-binance.js"),Hr=require("./components/logos/blc-bitcoin.js"),Zr=require("./components/logos/blc-celo.js"),Nr=require("./components/logos/blc-chiliz.js"),Xr=require("./components/logos/blc-cosmos.js"),jr=require("./components/logos/blc-ethereum.js"),Vr=require("./components/logos/blc-etherlink.js"),Qr=require("./components/logos/blc-flow.js"),Ur=require("./components/logos/blc-harmony.js"),Jr=require("./components/logos/blc-icon.js"),Kr=require("./components/logos/blc-immutable-x.js"),_r=require("./components/logos/blc-loopring.js"),Yr=require("./components/logos/blc-moonbeam.js"),$r=require("./components/logos/blc-near.js"),eo=require("./components/logos/blc-optimism.js"),ro=require("./components/logos/blc-polkadot.js"),oo=require("./components/logos/blc-polygon.js"),ao=require("./components/logos/blc-rarichain.js"),io=require("./components/logos/blc-solana.js"),lo=require("./components/logos/blc-stability.js"),uo=require("./components/logos/blc-sui.js"),to=require("./components/logos/blc-tezos.js"),co=require("./components/logos/blc-wax.js"),no=require("./components/logos/blc-zetachain.js"),fo=require("./components/logos/blc-zilliqa.js"),vo=require("./components/logos/blc-zksync.js"),qo=require("./components/logos/fwk-11ty.js"),go=require("./components/logos/fwk-android.js"),so=require("./components/logos/fwk-apple.js"),Lo=require("./components/logos/fwk-authy.js"),Mo=require("./components/logos/fwk-binance-fill.js"),ko=require("./components/logos/fwk-chrome.js"),Io=require("./components/logos/fwk-electron.js"),mo=require("./components/logos/fwk-express.js"),po=require("./components/logos/fwk-fauna.js"),bo=require("./components/logos/fwk-firebase.js"),ho=require("./components/logos/fwk-go.js"),wo=require("./components/logos/fwk-google-authenticator.js"),Co=require("./components/logos/fwk-hasura.js"),Bo=require("./components/logos/fwk-javascript.js"),Ao=require("./components/logos/fwk-jwt.js"),Fo=require("./components/logos/fwk-laravel.js"),Po=require("./components/logos/fwk-nextjs.js"),So=require("./components/logos/fwk-nodejs.js"),yo=require("./components/logos/fwk-nuxtjs.js"),To=require("./components/logos/fwk-php.js"),Wo=require("./components/logos/fwk-react.js"),Eo=require("./components/logos/fwk-strapi.js"),Do=require("./components/logos/fwk-stripe.js"),Go=require("./components/logos/fwk-vue.js"),xo=require("./components/logos/fwk-webflow.js"),Oo=require("./components/logos/fwk-wordpress.js"),Ro=require("./components/logos/fwk-zapier.js"),zo=require("./components/logos/icon-art-dark.js"),Ho=require("./components/logos/icon-art.js"),Zo=require("./components/logos/icon-email.js"),No=require("./components/logos/icon-game-controller-dark.js"),Xo=require("./components/logos/icon-game-controller.js"),jo=require("./components/logos/icon-generic-token.js"),Vo=require("./components/logos/icon-magic-globe.js"),Qo=require("./components/logos/icon-magic-logo.js"),Uo=require("./components/logos/icon-music-dark.js"),Jo=require("./components/logos/icon-music.js"),Ko=require("./components/logos/icon-profile-dark.js"),_o=require("./components/logos/icon-profile-light.js"),Yo=require("./components/logos/icon-sms.js"),$o=require("./components/logos/icon-ticket-dark.js"),ea=require("./components/logos/icon-ticket.js"),ra=require("./components/logos/logo-algorand-mono.js"),oa=require("./components/logos/logo-algorand.js"),aa=require("./components/logos/logo-apple-mono.js"),ia=require("./components/logos/logo-apple.js"),la=require("./components/logos/logo-aptos-mono.js"),ua=require("./components/logos/logo-aptos.js"),ta=require("./components/logos/logo-arbitrum-mono.js"),ca=require("./components/logos/logo-arbitrum-one-mono.js"),na=require("./components/logos/logo-arbitrum-one.js"),da=require("./components/logos/logo-arbitrum.js"),fa=require("./components/logos/logo-astar-mono.js"),va=require("./components/logos/logo-astar.js"),qa=require("./components/logos/logo-auth0-mono.js"),ga=require("./components/logos/logo-auth0.js"),sa=require("./components/logos/logo-avalanche-mono.js"),La=require("./components/logos/logo-avalanche.js"),Ma=require("./components/logos/logo-azure-mono.js"),ka=require("./components/logos/logo-azure.js"),Ia=require("./components/logos/logo-base-mono.js"),ma=require("./components/logos/logo-base.js"),pa=require("./components/logos/logo-berachain-mono.js"),ba=require("./components/logos/logo-berachain.js"),ha=require("./components/logos/logo-binance-mono.js"),wa=require("./components/logos/logo-binance.js"),Ca=require("./components/logos/logo-bit-bucket-mono.js"),Ba=require("./components/logos/logo-bit-bucket.js"),Aa=require("./components/logos/logo-bitcoin-mono.js"),Fa=require("./components/logos/logo-bitcoin.js"),Pa=require("./components/logos/logo-bnb-mono.js"),Sa=require("./components/logos/logo-bnb.js"),ya=require("./components/logos/logo-celo-mono.js"),Ta=require("./components/logos/logo-celo.js"),Wa=require("./components/logos/logo-chiliz-mono.js"),Ea=require("./components/logos/logo-chiliz.js"),Da=require("./components/logos/logo-cognito-mono.js"),Ga=require("./components/logos/logo-cognito.js"),xa=require("./components/logos/logo-cosmos-mono.js"),Oa=require("./components/logos/logo-cosmos.js"),Ra=require("./components/logos/logo-discord-mono.js"),za=require("./components/logos/logo-discord.js"),Ha=require("./components/logos/logo-ethereum-mono.js"),Za=require("./components/logos/logo-ethereum.js"),Na=require("./components/logos/logo-etherlink-mono.js"),Xa=require("./components/logos/logo-etherlink.js"),ja=require("./components/logos/logo-facebook-mono.js"),Va=require("./components/logos/logo-facebook.js"),Qa=require("./components/logos/logo-flare-mono.js"),Ua=require("./components/logos/logo-flare.js"),Ja=require("./components/logos/logo-flow-mono.js"),Ka=require("./components/logos/logo-flow.js"),_a=require("./components/logos/logo-git-hub-mono.js"),Ya=require("./components/logos/logo-git-hub.js"),$a=require("./components/logos/logo-git-lab-mono.js"),ei=require("./components/logos/logo-git-lab.js"),ri=require("./components/logos/logo-google-mono.js"),oi=require("./components/logos/logo-google.js"),ai=require("./components/logos/logo-harmony-mono.js"),ii=require("./components/logos/logo-harmony.js"),li=require("./components/logos/logo-horizen-mono.js"),ui=require("./components/logos/logo-horizen.js"),ti=require("./components/logos/logo-icon-mono.js"),ci=require("./components/logos/logo-icon.js"),ni=require("./components/logos/logo-immutable-x-mono.js"),di=require("./components/logos/logo-immutable-x.js"),fi=require("./components/logos/logo-link-by-stripe-mono.js"),vi=require("./components/logos/logo-link-by-stripe.js"),qi=require("./components/logos/logo-link-mono.js"),gi=require("./components/logos/logo-link.js"),si=require("./components/logos/logo-linked-in-mono.js"),Li=require("./components/logos/logo-linked-in.js"),Mi=require("./components/logos/logo-loopring-mono.js"),ki=require("./components/logos/logo-loopring.js"),Ii=require("./components/logos/logo-microsoft-mono.js"),mi=require("./components/logos/logo-microsoft.js"),pi=require("./components/logos/logo-moonbeam-mono.js"),bi=require("./components/logos/logo-moonbeam.js"),hi=require("./components/logos/logo-near-mono.js"),wi=require("./components/logos/logo-near.js"),Ci=require("./components/logos/logo-onramper-mono.js"),Bi=require("./components/logos/logo-onramper.js"),Ai=require("./components/logos/logo-optimism-mono.js"),Fi=require("./components/logos/logo-optimism.js"),Pi=require("./components/logos/logo-pay-pal-mono.js"),Si=require("./components/logos/logo-pay-pal-wordmark-mono.js"),yi=require("./components/logos/logo-pay-pal-wordmark.js"),Ti=require("./components/logos/logo-pay-pal.js"),Wi=require("./components/logos/logo-poa-mono.js"),Ei=require("./components/logos/logo-poa.js"),Di=require("./components/logos/logo-polkadot-mono.js"),Gi=require("./components/logos/logo-polkadot.js"),xi=require("./components/logos/logo-polygon-mono.js"),Oi=require("./components/logos/logo-polygon.js"),Ri=require("./components/logos/logo-rarichain-mono.js"),zi=require("./components/logos/logo-rarichain.js"),Hi=require("./components/logos/logo-sardine-mono.js"),Zi=require("./components/logos/logo-sardine.js"),Ni=require("./components/logos/logo-sei-mono.js"),Xi=require("./components/logos/logo-sei.js"),ji=require("./components/logos/logo-solana-mono.js"),Vi=require("./components/logos/logo-solana.js"),Qi=require("./components/logos/logo-stability-mono.js"),Ui=require("./components/logos/logo-stability.js"),Ji=require("./components/logos/logo-sui-mono.js"),Ki=require("./components/logos/logo-sui.js"),_i=require("./components/logos/logo-tezos-mono.js"),Yi=require("./components/logos/logo-tezos.js"),$i=require("./components/logos/logo-twitch-mono.js"),el=require("./components/logos/logo-twitch.js"),rl=require("./components/logos/logo-twitter-mono.js"),ol=require("./components/logos/logo-twitter.js"),al=require("./components/logos/logo-wallet-connect-mono.js"),il=require("./components/logos/logo-wallet-connect.js"),ll=require("./components/logos/logo-warpcast-mono.js"),ul=require("./components/logos/logo-warpcast.js"),tl=require("./components/logos/logo-wax-mono.js"),cl=require("./components/logos/logo-wax.js"),nl=require("./components/logos/logo-xdc-mono.js"),dl=require("./components/logos/logo-xdc.js"),fl=require("./components/logos/logo-zetachain-mono.js"),vl=require("./components/logos/logo-zetachain.js"),ql=require("./components/logos/logo-zilliqa-mono.js"),gl=require("./components/logos/logo-zilliqa.js"),sl=require("./components/logos/logo-zksync-mono.js"),Ll=require("./components/logos/logo-zksync.js"),Ml=require("./components/logos/pay-amex.js"),kl=require("./components/logos/pay-discover.js"),Il=require("./components/logos/pay-mastercard.js"),ml=require("./components/logos/pay-visa.js"),pl=require("./components/logos/presentation-logo.js"),bl=require("./components/logos/website-magic.js"),hl=require("./components/logos/wlt-coinbase.js"),wl=require("./components/logos/wlt-mattel.js"),Cl=require("./components/logos/wlt-metamask.js"),Bl=require("./components/logos/wlt-phantom.js"),Al=require("./components/logos/wlt-rainbow.js"),Fl=require("./components/logos/wlt-wallet-connect.js"),Pl=require("./components/primitives/button.js"),Sl=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),yl=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),Tl=require("./components/primitives/switch.js"),Wl=require("./components/primitives/text.js"),El=require("./components/sections/verify-pincode.js"),Dl=require("./components/utils/animate.js"),Gl=require("./components/utils/client-asset-logo.js"),xl=require("./components/utils/qr-code.js"),Ol=require("./components/utils/secured-by-magic.js"),Rl=require("./components/utils/shared-logo.js"),zl=require("./hooks/theme.js"),Hl=require("./hooks/useToast.js");exports.Card=i.Card,exports.Content=l.Content,exports.Drawer=u.Drawer,exports.Footer=t.Footer,exports.Header=c.Header,exports.Modal=n.Modal,exports.Overlay=d.Overlay,exports.PayPalButton=f.PayPalButton,exports.SocialLoginButton=v.SocialLoginButton,exports.Callout=q.Callout,exports.LoadingSpinner=g.LoadingSpinner,exports.ProgressBar=s.ProgressBar,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=L.default,exports.IcoAdd=M.default,exports.IcoAlertCircleFill=k.default,exports.IcoAlertCircle=I.default,exports.IcoArrowDown=m.default,exports.IcoArrowLeft=p.default,exports.IcoArrowRight=b.default,exports.IcoAsteriskWithShield=h.default,exports.IcoAsterisk=w.default,exports.IcoAstronaut=C.default,exports.IcoAtom=B.default,exports.IcoBank=A.default,exports.IcoBellNotification=F.default,exports.IcoBell=P.default,exports.IcoBlock=S.default,exports.IcoBranding=y.default,exports.IcoCaretDown=T.default,exports.IcoCaretLeft=W.default,exports.IcoCaretRight=E.default,exports.IcoCaretUp=D.default,exports.IcoCheckmarkCircleFill=G.default,exports.IcoCheckmarkCircle=x.default,exports.IcoCheckmark=O.default,exports.IcoCodeEditor=R.default,exports.IcoCodeSandbox=z.default,exports.IcoCode=H.default,exports.IcoCommandLine=Z.default,exports.IcoComment=N.default,exports.IcoCopy=X.default,exports.IcoCreditCard=j.default,exports.IcoDedicated=V.default,exports.IcoDiamond=Q.default,exports.IcoDismissCircleFill=U.default,exports.IcoDismissCircle=J.default,exports.IcoDismiss=K.default,exports.IcoDoc=_.default,exports.IcoDownload=Y.default,exports.IcoEditEmail=$.default,exports.IcoEdit=ee.default,exports.IcoEmailFill=re.default,exports.IcoEmailOpen=oe.default,exports.IcoEmail=ae.default,exports.IcoExpand=ie.default,exports.IcoExpiration=le.default,exports.IcoExternalLink=ue.default,exports.IcoEyeClosed=te.default,exports.IcoEyeOpened=ce.default,exports.IcoFingerprintFill=ne.default,exports.IcoFingerprint=de.default,exports.IcoGas=fe.default,exports.IcoGift=ve.default,exports.IcoGlobe=qe.default,exports.IcoGuide=ge.default,exports.IcoHome=se.default,exports.IcoHourglass=Le.default,exports.IcoInfoCircleFill=Me.default,exports.IcoInfoCircle=ke.default,exports.IcoKebab=Ie.default,exports.IcoKey=me.default,exports.IcoLightbulbFill=pe.default,exports.IcoLightbulb=be.default,exports.IcoLightningFill=he.default,exports.IcoLightning=we.default,exports.IcoLink=Ce.default,exports.IcoLoadingFill=Be.default,exports.IcoLoading=Ae.default,exports.IcoLockLocked=Fe.default,exports.IcoLockPassword=Pe.default,exports.IcoLockUnlocked=Se.default,exports.IcoLoginForm=ye.default,exports.IcoMagic=Te.default,exports.IcoMegaphone=We.default,exports.IcoMenu=Ee.default,exports.IcoMessageFill=De.default,exports.IcoMessage=Ge.default,exports.IcoMfa=xe.default,exports.IcoMinimize=Oe.default,exports.IcoMobile2fa=Re.default,exports.IcoMobile2fafill=ze.default,exports.IcoOpenBook=He.default,exports.IcoPaperPlane=Ze.default,exports.IcoPassport=Ne.default,exports.IcoPasswordless=Xe.default,exports.IcoPendingConnection=je.default,exports.IcoPhone=Ve.default,exports.IcoPrice=Qe.default,exports.IcoQrcode=Ue.default,exports.IcoQuestionCircleFill=Je.default,exports.IcoQuestionCircle=Ke.default,exports.IcoRefreshCircleFill=_e.default,exports.IcoRefresh=Ye.default,exports.IcoRocketFill=$e.default,exports.IcoSearch=er.default,exports.IcoSettings=rr.default,exports.IcoShapes=or.default,exports.IcoShieldApproved=ar.default,exports.IcoShieldRejected=ir.default,exports.IcoShield=lr.default,exports.IcoSocial=ur.default,exports.IcoSoldOutTag=tr.default,exports.IcoStar=cr.default,exports.IcoSwap=nr.default,exports.IcoSwatches=dr.default,exports.IcoTeam=fr.default,exports.IcoTrash=vr.default,exports.IcoUsers=qr.default,exports.IcoWalletFill=gr.default,exports.IcoWallet=sr.default,exports.IcoWand=Lr.default,exports.IcoWarningFill=Mr.default,exports.IcoWarning=kr.default,exports.CopyButton=Ir.default,exports.EmailWbr=mr.default,exports.SecurityOtp=pr.default,exports.TextBox=br.default,exports.WalletAddress=hr.default,exports.PhoneInput=wr.default,exports.PinCodeInput=Cr.PinCodeInput,exports.TextInput=Br.TextInput,exports.Dialogue=Ar.Dialogue,exports.Error=Fr.Error,exports.Page=Pr.Page,exports.NavigationButton=Sr.default,exports.NFTTile=yr.NFTTile,exports.TokenListItem=Tr.TokenListItem,exports.BlcAlgorand=Wr.default,exports.BlcAptos=Er.default,exports.BlcArbitrum=Dr.default,exports.BlcAstar=Gr.default,exports.BlcAvalanche=xr.default,exports.BlcBase=Or.default,exports.BlcBerachain=Rr.default,exports.BlcBinance=zr.default,exports.BlcBitcoin=Hr.default,exports.BlcCelo=Zr.default,exports.BlcChiliz=Nr.default,exports.BlcCosmos=Xr.default,exports.BlcEthereum=jr.default,exports.BlcEtherlink=Vr.default,exports.BlcFlow=Qr.default,exports.BlcHarmony=Ur.default,exports.BlcIcon=Jr.default,exports.BlcImmutableX=Kr.default,exports.BlcLoopring=_r.default,exports.BlcMoonbeam=Yr.default,exports.BlcNear=$r.default,exports.BlcOptimism=eo.default,exports.BlcPolkadot=ro.default,exports.BlcPolygon=oo.default,exports.BlcRarichain=ao.default,exports.BlcSolana=io.default,exports.BlcStability=lo.default,exports.BlcSui=uo.default,exports.BlcTezos=to.default,exports.BlcWax=co.default,exports.BlcZetachain=no.default,exports.BlcZilliqa=fo.default,exports.BlcZksync=vo.default,exports.Fwk11ty=qo.default,exports.FwkAndroid=go.default,exports.FwkApple=so.default,exports.FwkAuthy=Lo.default,exports.FwkBinanceFill=Mo.default,exports.FwkChrome=ko.default,exports.FwkElectron=Io.default,exports.FwkExpress=mo.default,exports.FwkFauna=po.default,exports.FwkFirebase=bo.default,exports.FwkGo=ho.default,exports.FwkGoogleAuthenticator=wo.default,exports.FwkHasura=Co.default,exports.FwkJavascript=Bo.default,exports.FwkJwt=Ao.default,exports.FwkLaravel=Fo.default,exports.FwkNextjs=Po.default,exports.FwkNodejs=So.default,exports.FwkNuxtjs=yo.default,exports.FwkPhp=To.default,exports.FwkReact=Wo.default,exports.FwkStrapi=Eo.default,exports.FwkStripe=Do.default,exports.FwkVue=Go.default,exports.FwkWebflow=xo.default,exports.FwkWordpress=Oo.default,exports.FwkZapier=Ro.default,exports.IconArtDark=zo.default,exports.IconArt=Ho.default,exports.IconEmail=Zo.default,exports.IconGameControllerDark=No.default,exports.IconGameController=Xo.default,exports.IconGenericToken=jo.default,exports.IconMagicGlobe=Vo.default,exports.IconMagicLogo=Qo.default,exports.IconMusicDark=Uo.default,exports.IconMusic=Jo.default,exports.IconProfileDark=Ko.default,exports.IconProfileLight=_o.default,exports.IconSms=Yo.default,exports.IconTicketDark=$o.default,exports.IconTicket=ea.default,exports.LogoAlgorandMono=ra.default,exports.LogoAlgorand=oa.default,exports.LogoAppleMono=aa.default,exports.LogoApple=ia.default,exports.LogoAptosMono=la.default,exports.LogoAptos=ua.default,exports.LogoArbitrumMono=ta.default,exports.LogoArbitrumOneMono=ca.default,exports.LogoArbitrumOne=na.default,exports.LogoArbitrum=da.default,exports.LogoAstarMono=fa.default,exports.LogoAstar=va.default,exports.LogoAuth0Mono=qa.default,exports.LogoAuth0=ga.default,exports.LogoAvalancheMono=sa.default,exports.LogoAvalanche=La.default,exports.LogoAzureMono=Ma.default,exports.LogoAzure=ka.default,exports.LogoBaseMono=Ia.default,exports.LogoBase=ma.default,exports.LogoBerachainMono=pa.default,exports.LogoBerachain=ba.default,exports.LogoBinanceMono=ha.default,exports.LogoBinance=wa.default,exports.LogoBitBucketMono=Ca.default,exports.LogoBitBucket=Ba.default,exports.LogoBitcoinMono=Aa.default,exports.LogoBitcoin=Fa.default,exports.LogoBnbMono=Pa.default,exports.LogoBnb=Sa.default,exports.LogoCeloMono=ya.default,exports.LogoCelo=Ta.default,exports.LogoChilizMono=Wa.default,exports.LogoChiliz=Ea.default,exports.LogoCognitoMono=Da.default,exports.LogoCognito=Ga.default,exports.LogoCosmosMono=xa.default,exports.LogoCosmos=Oa.default,exports.LogoDiscordMono=Ra.default,exports.LogoDiscord=za.default,exports.LogoEthereumMono=Ha.default,exports.LogoEthereum=Za.default,exports.LogoEtherlinkMono=Na.default,exports.LogoEtherlink=Xa.default,exports.LogoFacebookMono=ja.default,exports.LogoFacebook=Va.default,exports.LogoFlareMono=Qa.default,exports.LogoFlare=Ua.default,exports.LogoFlowMono=Ja.default,exports.LogoFlow=Ka.default,exports.LogoGitHubMono=_a.default,exports.LogoGitHub=Ya.default,exports.LogoGitLabMono=$a.default,exports.LogoGitLab=ei.default,exports.LogoGoogleMono=ri.default,exports.LogoGoogle=oi.default,exports.LogoHarmonyMono=ai.default,exports.LogoHarmony=ii.default,exports.LogoHorizenMono=li.default,exports.LogoHorizen=ui.default,exports.LogoIconMono=ti.default,exports.LogoIcon=ci.default,exports.LogoImmutableXMono=ni.default,exports.LogoImmutableX=di.default,exports.LogoLinkByStripeMono=fi.default,exports.LogoLinkByStripe=vi.default,exports.LogoLinkMono=qi.default,exports.LogoLink=gi.default,exports.LogoLinkedInMono=si.default,exports.LogoLinkedIn=Li.default,exports.LogoLoopringMono=Mi.default,exports.LogoLoopring=ki.default,exports.LogoMicrosoftMono=Ii.default,exports.LogoMicrosoft=mi.default,exports.LogoMoonbeamMono=pi.default,exports.LogoMoonbeam=bi.default,exports.LogoNearMono=hi.default,exports.LogoNear=wi.default,exports.LogoOnramperMono=Ci.default,exports.LogoOnramper=Bi.default,exports.LogoOptimismMono=Ai.default,exports.LogoOptimism=Fi.default,exports.LogoPayPalMono=Pi.default,exports.LogoPayPalWordmarkMono=Si.default,exports.LogoPayPalWordmark=yi.default,exports.LogoPayPal=Ti.default,exports.LogoPoaMono=Wi.default,exports.LogoPoa=Ei.default,exports.LogoPolkadotMono=Di.default,exports.LogoPolkadot=Gi.default,exports.LogoPolygonMono=xi.default,exports.LogoPolygon=Oi.default,exports.LogoRarichainMono=Ri.default,exports.LogoRarichain=zi.default,exports.LogoSardineMono=Hi.default,exports.LogoSardine=Zi.default,exports.LogoSeiMono=Ni.default,exports.LogoSei=Xi.default,exports.LogoSolanaMono=ji.default,exports.LogoSolana=Vi.default,exports.LogoStabilityMono=Qi.default,exports.LogoStability=Ui.default,exports.LogoSuiMono=Ji.default,exports.LogoSui=Ki.default,exports.LogoTezosMono=_i.default,exports.LogoTezos=Yi.default,exports.LogoTwitchMono=$i.default,exports.LogoTwitch=el.default,exports.LogoTwitterMono=rl.default,exports.LogoTwitter=ol.default,exports.LogoWalletConnectMono=al.default,exports.LogoWalletConnect=il.default,exports.LogoWarpcastMono=ll.default,exports.LogoWarpcast=ul.default,exports.LogoWaxMono=tl.default,exports.LogoWax=cl.default,exports.LogoXdcMono=nl.default,exports.LogoXdc=dl.default,exports.LogoZetachainMono=fl.default,exports.LogoZetachain=vl.default,exports.LogoZilliqaMono=ql.default,exports.LogoZilliqa=gl.default,exports.LogoZksyncMono=sl.default,exports.LogoZksync=Ll.default,exports.PayAmex=Ml.default,exports.PayDiscover=kl.default,exports.PayMastercard=Il.default,exports.PayVisa=ml.default,exports.PresentationLogo=pl.default,exports.WebsiteMagic=bl.default,exports.WltCoinbase=hl.default,exports.WltMattel=wl.default,exports.WltMetamask=Cl.default,exports.WltPhantom=Bl.default,exports.WltRainbow=Al.default,exports.WltWalletConnect=Fl.default,exports.Button=Pl.default,exports.Checkbox=Sl.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=yl.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=Tl.default,exports.Text=Wl.default,exports.VerifyPincode=El.VerifyPincode,exports.Animate=Dl.default,exports.ClientAssetLogo=Gl.ClientAssetLogo,exports.QRCode=xl.default,exports.SecuredByMagic=Ol.default,exports.SharedLogo=Rl.default,exports.useCustomVars=zl.useCustomVars,exports.useToast=Hl.useToast;
+"use strict";var i=require("./components/containers/card.js"),l=require("./components/containers/content.js"),u=require("./components/containers/drawer.js"),t=require("./components/containers/footer.js"),n=require("./components/containers/header.js"),c=require("./components/containers/modal.js"),d=require("./components/containers/overlay.js"),f=require("./components/external/paypal-button.js"),v=require("./components/external/social-login-button.js"),q=require("./components/feedback/callout.js"),g=require("./components/feedback/loading-spinner.js"),s=require("./components/feedback/progress-bar.js"),e=require("./components/feedback/toast-provider.js"),L=require("./components/feedback/tooltip.js"),M=require("./components/icons/ico-add.js"),I=require("./components/icons/ico-alert-circle-fill.js"),k=require("./components/icons/ico-alert-circle.js"),m=require("./components/icons/ico-arrow-down.js"),p=require("./components/icons/ico-arrow-left.js"),b=require("./components/icons/ico-arrow-right.js"),h=require("./components/icons/ico-asterisk-with-shield.js"),w=require("./components/icons/ico-asterisk.js"),C=require("./components/icons/ico-astronaut.js"),B=require("./components/icons/ico-atom.js"),A=require("./components/icons/ico-bank.js"),P=require("./components/icons/ico-bell-notification.js"),F=require("./components/icons/ico-bell.js"),S=require("./components/icons/ico-block.js"),y=require("./components/icons/ico-branding.js"),W=require("./components/icons/ico-caret-down.js"),T=require("./components/icons/ico-caret-left.js"),E=require("./components/icons/ico-caret-right.js"),D=require("./components/icons/ico-caret-up.js"),G=require("./components/icons/ico-checkmark-circle-fill.js"),x=require("./components/icons/ico-checkmark-circle.js"),R=require("./components/icons/ico-checkmark.js"),O=require("./components/icons/ico-code-editor.js"),z=require("./components/icons/ico-code-sandbox.js"),H=require("./components/icons/ico-code.js"),Z=require("./components/icons/ico-command-line.js"),N=require("./components/icons/ico-comment.js"),X=require("./components/icons/ico-copy.js"),j=require("./components/icons/ico-credit-card.js"),V=require("./components/icons/ico-dedicated.js"),Q=require("./components/icons/ico-diamond.js"),U=require("./components/icons/ico-dismiss-circle-fill.js"),J=require("./components/icons/ico-dismiss-circle.js"),K=require("./components/icons/ico-dismiss.js"),_=require("./components/icons/ico-doc.js"),Y=require("./components/icons/ico-download.js"),$=require("./components/icons/ico-edit-email.js"),ee=require("./components/icons/ico-edit.js"),re=require("./components/icons/ico-email-fill.js"),oe=require("./components/icons/ico-email-open.js"),ae=require("./components/icons/ico-email.js"),ie=require("./components/icons/ico-expand.js"),le=require("./components/icons/ico-expiration.js"),ue=require("./components/icons/ico-external-link.js"),te=require("./components/icons/ico-eye-closed.js"),ne=require("./components/icons/ico-eye-opened.js"),ce=require("./components/icons/ico-fingerprint-fill.js"),de=require("./components/icons/ico-fingerprint.js"),fe=require("./components/icons/ico-gas.js"),ve=require("./components/icons/ico-gift.js"),qe=require("./components/icons/ico-globe.js"),ge=require("./components/icons/ico-guide.js"),se=require("./components/icons/ico-home.js"),Le=require("./components/icons/ico-hourglass.js"),Me=require("./components/icons/ico-info-circle-fill.js"),Ie=require("./components/icons/ico-info-circle.js"),ke=require("./components/icons/ico-kebab.js"),me=require("./components/icons/ico-key.js"),pe=require("./components/icons/ico-lightbulb-fill.js"),be=require("./components/icons/ico-lightbulb.js"),he=require("./components/icons/ico-lightning-fill.js"),we=require("./components/icons/ico-lightning.js"),Ce=require("./components/icons/ico-link.js"),Be=require("./components/icons/ico-loading.js"),Ae=require("./components/icons/ico-lock-locked.js"),Pe=require("./components/icons/ico-lock-password.js"),Fe=require("./components/icons/ico-lock-unlocked.js"),Se=require("./components/icons/ico-login-form.js"),ye=require("./components/icons/ico-magic.js"),We=require("./components/icons/ico-megaphone.js"),Te=require("./components/icons/ico-menu.js"),Ee=require("./components/icons/ico-message-fill.js"),De=require("./components/icons/ico-message.js"),Ge=require("./components/icons/ico-mfa.js"),xe=require("./components/icons/ico-minimize.js"),Re=require("./components/icons/ico-mobile2fa.js"),Oe=require("./components/icons/ico-mobile2fafill.js"),ze=require("./components/icons/ico-open-book.js"),He=require("./components/icons/ico-paper-plane.js"),Ze=require("./components/icons/ico-passport.js"),Ne=require("./components/icons/ico-passwordless.js"),Xe=require("./components/icons/ico-pending-connection.js"),je=require("./components/icons/ico-phone.js"),Ve=require("./components/icons/ico-polygon-gas-testnet.js"),Qe=require("./components/icons/ico-polygon-gas.js"),Ue=require("./components/icons/ico-price.js"),Je=require("./components/icons/ico-qrcode.js"),Ke=require("./components/icons/ico-question-circle-fill.js"),_e=require("./components/icons/ico-question-circle.js"),Ye=require("./components/icons/ico-refresh-circle-fill.js"),$e=require("./components/icons/ico-refresh.js"),er=require("./components/icons/ico-rocket-fill.js"),rr=require("./components/icons/ico-search.js"),or=require("./components/icons/ico-settings.js"),ar=require("./components/icons/ico-shapes.js"),ir=require("./components/icons/ico-shield-approved.js"),lr=require("./components/icons/ico-shield-rejected.js"),ur=require("./components/icons/ico-shield.js"),tr=require("./components/icons/ico-social.js"),nr=require("./components/icons/ico-sold-out-tag.js"),cr=require("./components/icons/ico-star.js"),dr=require("./components/icons/ico-swap.js"),fr=require("./components/icons/ico-swatches.js"),vr=require("./components/icons/ico-team.js"),qr=require("./components/icons/ico-trash.js"),gr=require("./components/icons/ico-users.js"),sr=require("./components/icons/ico-wallet-fill.js"),Lr=require("./components/icons/ico-wallet.js"),Mr=require("./components/icons/ico-wand.js"),Ir=require("./components/icons/ico-warning-fill.js"),kr=require("./components/icons/ico-warning.js"),mr=require("./components/info/copy-button.js"),pr=require("./components/info/email-wbr.js"),br=require("./components/info/security-otp.js"),hr=require("./components/info/text-box.js"),wr=require("./components/info/wallet-address.js"),Cr=require("./components/inputs/phone-input.js"),Br=require("./components/inputs/pincode-input.js"),Ar=require("./components/inputs/text-input.js"),Pr=require("./components/layouts/dialogue.js"),Fr=require("./components/layouts/error.js"),Sr=require("./components/layouts/page.js"),yr=require("./components/list-items/navigation-button.js"),Wr=require("./components/list-items/nft-tile.js"),Tr=require("./components/list-items/token-list-item.js"),Er=require("./components/logos/blc-algorand.js"),Dr=require("./components/logos/blc-aptos.js"),Gr=require("./components/logos/blc-arbitrum.js"),xr=require("./components/logos/blc-astar.js"),Rr=require("./components/logos/blc-avalanche.js"),Or=require("./components/logos/blc-base.js"),zr=require("./components/logos/blc-berachain.js"),Hr=require("./components/logos/blc-binance.js"),Zr=require("./components/logos/blc-bitcoin.js"),Nr=require("./components/logos/blc-celo.js"),Xr=require("./components/logos/blc-chiliz.js"),jr=require("./components/logos/blc-cosmos.js"),Vr=require("./components/logos/blc-ethereum.js"),Qr=require("./components/logos/blc-etherlink.js"),Ur=require("./components/logos/blc-flow.js"),Jr=require("./components/logos/blc-harmony.js"),Kr=require("./components/logos/blc-icon.js"),_r=require("./components/logos/blc-immutable-x.js"),Yr=require("./components/logos/blc-loopring.js"),$r=require("./components/logos/blc-moonbeam.js"),eo=require("./components/logos/blc-near.js"),ro=require("./components/logos/blc-optimism.js"),oo=require("./components/logos/blc-polkadot.js"),ao=require("./components/logos/blc-polygon.js"),io=require("./components/logos/blc-rarichain.js"),lo=require("./components/logos/blc-solana.js"),uo=require("./components/logos/blc-stability.js"),to=require("./components/logos/blc-sui.js"),no=require("./components/logos/blc-tezos.js"),co=require("./components/logos/blc-wax.js"),fo=require("./components/logos/blc-zetachain.js"),vo=require("./components/logos/blc-zilliqa.js"),qo=require("./components/logos/blc-zksync.js"),go=require("./components/logos/fwk-11ty.js"),so=require("./components/logos/fwk-android.js"),Lo=require("./components/logos/fwk-apple.js"),Mo=require("./components/logos/fwk-authy.js"),Io=require("./components/logos/fwk-binance-fill.js"),ko=require("./components/logos/fwk-chrome.js"),mo=require("./components/logos/fwk-electron.js"),po=require("./components/logos/fwk-express.js"),bo=require("./components/logos/fwk-fauna.js"),ho=require("./components/logos/fwk-firebase.js"),wo=require("./components/logos/fwk-go.js"),Co=require("./components/logos/fwk-google-authenticator.js"),Bo=require("./components/logos/fwk-hasura.js"),Ao=require("./components/logos/fwk-javascript.js"),Po=require("./components/logos/fwk-jwt.js"),Fo=require("./components/logos/fwk-laravel.js"),So=require("./components/logos/fwk-nextjs.js"),yo=require("./components/logos/fwk-nodejs.js"),Wo=require("./components/logos/fwk-nuxtjs.js"),To=require("./components/logos/fwk-php.js"),Eo=require("./components/logos/fwk-react.js"),Do=require("./components/logos/fwk-strapi.js"),Go=require("./components/logos/fwk-stripe.js"),xo=require("./components/logos/fwk-vue.js"),Ro=require("./components/logos/fwk-webflow.js"),Oo=require("./components/logos/fwk-wordpress.js"),zo=require("./components/logos/fwk-zapier.js"),Ho=require("./components/logos/icon-art-dark.js"),Zo=require("./components/logos/icon-art.js"),No=require("./components/logos/icon-delete.js"),Xo=require("./components/logos/icon-email-globe.js"),jo=require("./components/logos/icon-email.js"),Vo=require("./components/logos/icon-game-controller-dark.js"),Qo=require("./components/logos/icon-game-controller.js"),Uo=require("./components/logos/icon-generic-token.js"),Jo=require("./components/logos/icon-magic-globe.js"),Ko=require("./components/logos/icon-magic-logo.js"),_o=require("./components/logos/icon-music-dark.js"),Yo=require("./components/logos/icon-music.js"),$o=require("./components/logos/icon-person-dark.js"),ea=require("./components/logos/icon-person.js"),ra=require("./components/logos/icon-profile-dark.js"),oa=require("./components/logos/icon-profile-light.js"),aa=require("./components/logos/icon-reset.js"),ia=require("./components/logos/icon-sms.js"),la=require("./components/logos/icon-ticket-dark.js"),ua=require("./components/logos/icon-ticket.js"),ta=require("./components/logos/icon-warning-shield.js"),na=require("./components/logos/icon-warning.js"),ca=require("./components/logos/logo-algorand-mono.js"),da=require("./components/logos/logo-algorand.js"),fa=require("./components/logos/logo-apple-mono.js"),va=require("./components/logos/logo-apple.js"),qa=require("./components/logos/logo-aptos-mono.js"),ga=require("./components/logos/logo-aptos.js"),sa=require("./components/logos/logo-arbitrum-mono.js"),La=require("./components/logos/logo-arbitrum-one-mono.js"),Ma=require("./components/logos/logo-arbitrum-one.js"),Ia=require("./components/logos/logo-arbitrum.js"),ka=require("./components/logos/logo-astar-mono.js"),ma=require("./components/logos/logo-astar.js"),pa=require("./components/logos/logo-auth0-mono.js"),ba=require("./components/logos/logo-auth0.js"),ha=require("./components/logos/logo-avalanche-mono.js"),wa=require("./components/logos/logo-avalanche.js"),Ca=require("./components/logos/logo-azure-mono.js"),Ba=require("./components/logos/logo-azure.js"),Aa=require("./components/logos/logo-base-mono.js"),Pa=require("./components/logos/logo-base.js"),Fa=require("./components/logos/logo-berachain-mono.js"),Sa=require("./components/logos/logo-berachain.js"),ya=require("./components/logos/logo-binance-mono.js"),Wa=require("./components/logos/logo-binance.js"),Ta=require("./components/logos/logo-bit-bucket-mono.js"),Ea=require("./components/logos/logo-bit-bucket.js"),Da=require("./components/logos/logo-bitcoin-mono.js"),Ga=require("./components/logos/logo-bitcoin.js"),xa=require("./components/logos/logo-bnb-mono.js"),Ra=require("./components/logos/logo-bnb.js"),Oa=require("./components/logos/logo-celo-mono.js"),za=require("./components/logos/logo-celo.js"),Ha=require("./components/logos/logo-chiliz-mono.js"),Za=require("./components/logos/logo-chiliz.js"),Na=require("./components/logos/logo-cognito-mono.js"),Xa=require("./components/logos/logo-cognito.js"),ja=require("./components/logos/logo-cosmos-mono.js"),Va=require("./components/logos/logo-cosmos.js"),Qa=require("./components/logos/logo-discord-mono.js"),Ua=require("./components/logos/logo-discord.js"),Ja=require("./components/logos/logo-ethereum-mono.js"),Ka=require("./components/logos/logo-ethereum.js"),_a=require("./components/logos/logo-etherlink-mono.js"),Ya=require("./components/logos/logo-etherlink.js"),$a=require("./components/logos/logo-facebook-mono.js"),ei=require("./components/logos/logo-facebook.js"),ri=require("./components/logos/logo-flare-mono.js"),oi=require("./components/logos/logo-flare.js"),ai=require("./components/logos/logo-flow-mono.js"),ii=require("./components/logos/logo-flow.js"),li=require("./components/logos/logo-git-hub-mono.js"),ui=require("./components/logos/logo-git-hub.js"),ti=require("./components/logos/logo-git-lab-mono.js"),ni=require("./components/logos/logo-git-lab.js"),ci=require("./components/logos/logo-google-mono.js"),di=require("./components/logos/logo-google.js"),fi=require("./components/logos/logo-harmony-mono.js"),vi=require("./components/logos/logo-harmony.js"),qi=require("./components/logos/logo-horizen-mono.js"),gi=require("./components/logos/logo-horizen.js"),si=require("./components/logos/logo-icon-mono.js"),Li=require("./components/logos/logo-icon.js"),Mi=require("./components/logos/logo-immutable-x-mono.js"),Ii=require("./components/logos/logo-immutable-x.js"),ki=require("./components/logos/logo-link-by-stripe-mono.js"),mi=require("./components/logos/logo-link-by-stripe.js"),pi=require("./components/logos/logo-link-mono.js"),bi=require("./components/logos/logo-link.js"),hi=require("./components/logos/logo-linked-in-mono.js"),wi=require("./components/logos/logo-linked-in.js"),Ci=require("./components/logos/logo-loopring-mono.js"),Bi=require("./components/logos/logo-loopring.js"),Ai=require("./components/logos/logo-microsoft-mono.js"),Pi=require("./components/logos/logo-microsoft.js"),Fi=require("./components/logos/logo-moonbeam-mono.js"),Si=require("./components/logos/logo-moonbeam.js"),yi=require("./components/logos/logo-near-mono.js"),Wi=require("./components/logos/logo-near.js"),Ti=require("./components/logos/logo-onramper-mono.js"),Ei=require("./components/logos/logo-onramper.js"),Di=require("./components/logos/logo-optimism-mono.js"),Gi=require("./components/logos/logo-optimism.js"),xi=require("./components/logos/logo-pay-pal-mono.js"),Ri=require("./components/logos/logo-pay-pal-wordmark-mono.js"),Oi=require("./components/logos/logo-pay-pal-wordmark.js"),zi=require("./components/logos/logo-pay-pal.js"),Hi=require("./components/logos/logo-poa-mono.js"),Zi=require("./components/logos/logo-poa.js"),Ni=require("./components/logos/logo-polkadot-mono.js"),Xi=require("./components/logos/logo-polkadot.js"),ji=require("./components/logos/logo-polygon-mono.js"),Vi=require("./components/logos/logo-polygon.js"),Qi=require("./components/logos/logo-rarichain-mono.js"),Ui=require("./components/logos/logo-rarichain.js"),Ji=require("./components/logos/logo-sardine-mono.js"),Ki=require("./components/logos/logo-sardine.js"),_i=require("./components/logos/logo-sei-mono.js"),Yi=require("./components/logos/logo-sei.js"),$i=require("./components/logos/logo-solana-mono.js"),el=require("./components/logos/logo-solana.js"),rl=require("./components/logos/logo-stability-mono.js"),ol=require("./components/logos/logo-stability.js"),al=require("./components/logos/logo-sui-mono.js"),il=require("./components/logos/logo-sui.js"),ll=require("./components/logos/logo-tezos-mono.js"),ul=require("./components/logos/logo-tezos.js"),tl=require("./components/logos/logo-twitch-mono.js"),nl=require("./components/logos/logo-twitch.js"),cl=require("./components/logos/logo-twitter-mono.js"),dl=require("./components/logos/logo-twitter.js"),fl=require("./components/logos/logo-wallet-connect-mono.js"),vl=require("./components/logos/logo-wallet-connect.js"),ql=require("./components/logos/logo-warpcast-mono.js"),gl=require("./components/logos/logo-warpcast.js"),sl=require("./components/logos/logo-wax-mono.js"),Ll=require("./components/logos/logo-wax.js"),Ml=require("./components/logos/logo-xdc-mono.js"),Il=require("./components/logos/logo-xdc.js"),kl=require("./components/logos/logo-zetachain-mono.js"),ml=require("./components/logos/logo-zetachain.js"),pl=require("./components/logos/logo-zilliqa-mono.js"),bl=require("./components/logos/logo-zilliqa.js"),hl=require("./components/logos/logo-zksync-mono.js"),wl=require("./components/logos/logo-zksync.js"),Cl=require("./components/logos/pay-amex.js"),Bl=require("./components/logos/pay-discover.js"),Al=require("./components/logos/pay-mastercard.js"),Pl=require("./components/logos/pay-visa.js"),Fl=require("./components/logos/presentation-logo.js"),Sl=require("./components/logos/website-magic.js"),yl=require("./components/logos/wlt-coinbase.js"),Wl=require("./components/logos/wlt-mattel.js"),Tl=require("./components/logos/wlt-metamask.js"),El=require("./components/logos/wlt-phantom.js"),Dl=require("./components/logos/wlt-rainbow.js"),Gl=require("./components/logos/wlt-wallet-connect.js"),xl=require("./components/primitives/button.js"),Rl=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),Ol=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),zl=require("./components/primitives/switch.js"),Hl=require("./components/primitives/text.js"),Zl=require("./components/sections/verify-pincode.js"),Nl=require("./components/utils/animate.js"),Xl=require("./components/utils/client-asset-logo.js"),jl=require("./components/utils/qr-code.js"),Vl=require("./components/utils/secured-by-magic.js"),Ql=require("./components/utils/shared-logo.js"),Ul=require("./hooks/theme.js"),Jl=require("./hooks/useToast.js");exports.Card=i.Card,exports.Content=l.Content,exports.Drawer=u.Drawer,exports.Footer=t.Footer,exports.Header=n.Header,exports.Modal=c.Modal,exports.Overlay=d.Overlay,exports.PayPalButton=f.PayPalButton,exports.SocialLoginButton=v.SocialLoginButton,exports.Callout=q.Callout,exports.LoadingSpinner=g.LoadingSpinner,exports.ProgressBar=s.ProgressBar,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=L.default,exports.IcoAdd=M.default,exports.IcoAlertCircleFill=I.default,exports.IcoAlertCircle=k.default,exports.IcoArrowDown=m.default,exports.IcoArrowLeft=p.default,exports.IcoArrowRight=b.default,exports.IcoAsteriskWithShield=h.default,exports.IcoAsterisk=w.default,exports.IcoAstronaut=C.default,exports.IcoAtom=B.default,exports.IcoBank=A.default,exports.IcoBellNotification=P.default,exports.IcoBell=F.default,exports.IcoBlock=S.default,exports.IcoBranding=y.default,exports.IcoCaretDown=W.default,exports.IcoCaretLeft=T.default,exports.IcoCaretRight=E.default,exports.IcoCaretUp=D.default,exports.IcoCheckmarkCircleFill=G.default,exports.IcoCheckmarkCircle=x.default,exports.IcoCheckmark=R.default,exports.IcoCodeEditor=O.default,exports.IcoCodeSandbox=z.default,exports.IcoCode=H.default,exports.IcoCommandLine=Z.default,exports.IcoComment=N.default,exports.IcoCopy=X.default,exports.IcoCreditCard=j.default,exports.IcoDedicated=V.default,exports.IcoDiamond=Q.default,exports.IcoDismissCircleFill=U.default,exports.IcoDismissCircle=J.default,exports.IcoDismiss=K.default,exports.IcoDoc=_.default,exports.IcoDownload=Y.default,exports.IcoEditEmail=$.default,exports.IcoEdit=ee.default,exports.IcoEmailFill=re.default,exports.IcoEmailOpen=oe.default,exports.IcoEmail=ae.default,exports.IcoExpand=ie.default,exports.IcoExpiration=le.default,exports.IcoExternalLink=ue.default,exports.IcoEyeClosed=te.default,exports.IcoEyeOpened=ne.default,exports.IcoFingerprintFill=ce.default,exports.IcoFingerprint=de.default,exports.IcoGas=fe.default,exports.IcoGift=ve.default,exports.IcoGlobe=qe.default,exports.IcoGuide=ge.default,exports.IcoHome=se.default,exports.IcoHourglass=Le.default,exports.IcoInfoCircleFill=Me.default,exports.IcoInfoCircle=Ie.default,exports.IcoKebab=ke.default,exports.IcoKey=me.default,exports.IcoLightbulbFill=pe.default,exports.IcoLightbulb=be.default,exports.IcoLightningFill=he.default,exports.IcoLightning=we.default,exports.IcoLink=Ce.default,exports.IcoLoading=Be.default,exports.IcoLockLocked=Ae.default,exports.IcoLockPassword=Pe.default,exports.IcoLockUnlocked=Fe.default,exports.IcoLoginForm=Se.default,exports.IcoMagic=ye.default,exports.IcoMegaphone=We.default,exports.IcoMenu=Te.default,exports.IcoMessageFill=Ee.default,exports.IcoMessage=De.default,exports.IcoMfa=Ge.default,exports.IcoMinimize=xe.default,exports.IcoMobile2fa=Re.default,exports.IcoMobile2fafill=Oe.default,exports.IcoOpenBook=ze.default,exports.IcoPaperPlane=He.default,exports.IcoPassport=Ze.default,exports.IcoPasswordless=Ne.default,exports.IcoPendingConnection=Xe.default,exports.IcoPhone=je.default,exports.IcoPolygonGasTestnet=Ve.default,exports.IcoPolygonGas=Qe.default,exports.IcoPrice=Ue.default,exports.IcoQrcode=Je.default,exports.IcoQuestionCircleFill=Ke.default,exports.IcoQuestionCircle=_e.default,exports.IcoRefreshCircleFill=Ye.default,exports.IcoRefresh=$e.default,exports.IcoRocketFill=er.default,exports.IcoSearch=rr.default,exports.IcoSettings=or.default,exports.IcoShapes=ar.default,exports.IcoShieldApproved=ir.default,exports.IcoShieldRejected=lr.default,exports.IcoShield=ur.default,exports.IcoSocial=tr.default,exports.IcoSoldOutTag=nr.default,exports.IcoStar=cr.default,exports.IcoSwap=dr.default,exports.IcoSwatches=fr.default,exports.IcoTeam=vr.default,exports.IcoTrash=qr.default,exports.IcoUsers=gr.default,exports.IcoWalletFill=sr.default,exports.IcoWallet=Lr.default,exports.IcoWand=Mr.default,exports.IcoWarningFill=Ir.default,exports.IcoWarning=kr.default,exports.CopyButton=mr.default,exports.EmailWbr=pr.default,exports.SecurityOtp=br.default,exports.TextBox=hr.default,exports.WalletAddress=wr.default,exports.PhoneInput=Cr.default,exports.PinCodeInput=Br.PinCodeInput,exports.TextInput=Ar.TextInput,exports.Dialogue=Pr.Dialogue,exports.Error=Fr.Error,exports.Page=Sr.Page,exports.NavigationButton=yr.default,exports.NFTTile=Wr.NFTTile,exports.TokenListItem=Tr.TokenListItem,exports.BlcAlgorand=Er.default,exports.BlcAptos=Dr.default,exports.BlcArbitrum=Gr.default,exports.BlcAstar=xr.default,exports.BlcAvalanche=Rr.default,exports.BlcBase=Or.default,exports.BlcBerachain=zr.default,exports.BlcBinance=Hr.default,exports.BlcBitcoin=Zr.default,exports.BlcCelo=Nr.default,exports.BlcChiliz=Xr.default,exports.BlcCosmos=jr.default,exports.BlcEthereum=Vr.default,exports.BlcEtherlink=Qr.default,exports.BlcFlow=Ur.default,exports.BlcHarmony=Jr.default,exports.BlcIcon=Kr.default,exports.BlcImmutableX=_r.default,exports.BlcLoopring=Yr.default,exports.BlcMoonbeam=$r.default,exports.BlcNear=eo.default,exports.BlcOptimism=ro.default,exports.BlcPolkadot=oo.default,exports.BlcPolygon=ao.default,exports.BlcRarichain=io.default,exports.BlcSolana=lo.default,exports.BlcStability=uo.default,exports.BlcSui=to.default,exports.BlcTezos=no.default,exports.BlcWax=co.default,exports.BlcZetachain=fo.default,exports.BlcZilliqa=vo.default,exports.BlcZksync=qo.default,exports.Fwk11ty=go.default,exports.FwkAndroid=so.default,exports.FwkApple=Lo.default,exports.FwkAuthy=Mo.default,exports.FwkBinanceFill=Io.default,exports.FwkChrome=ko.default,exports.FwkElectron=mo.default,exports.FwkExpress=po.default,exports.FwkFauna=bo.default,exports.FwkFirebase=ho.default,exports.FwkGo=wo.default,exports.FwkGoogleAuthenticator=Co.default,exports.FwkHasura=Bo.default,exports.FwkJavascript=Ao.default,exports.FwkJwt=Po.default,exports.FwkLaravel=Fo.default,exports.FwkNextjs=So.default,exports.FwkNodejs=yo.default,exports.FwkNuxtjs=Wo.default,exports.FwkPhp=To.default,exports.FwkReact=Eo.default,exports.FwkStrapi=Do.default,exports.FwkStripe=Go.default,exports.FwkVue=xo.default,exports.FwkWebflow=Ro.default,exports.FwkWordpress=Oo.default,exports.FwkZapier=zo.default,exports.IconArtDark=Ho.default,exports.IconArt=Zo.default,exports.IconDelete=No.default,exports.IconEmailGlobe=Xo.default,exports.IconEmail=jo.default,exports.IconGameControllerDark=Vo.default,exports.IconGameController=Qo.default,exports.IconGenericToken=Uo.default,exports.IconMagicGlobe=Jo.default,exports.IconMagicLogo=Ko.default,exports.IconMusicDark=_o.default,exports.IconMusic=Yo.default,exports.IconPersonDark=$o.default,exports.IconPerson=ea.default,exports.IconProfileDark=ra.default,exports.IconProfileLight=oa.default,exports.IconReset=aa.default,exports.IconSms=ia.default,exports.IconTicketDark=la.default,exports.IconTicket=ua.default,exports.IconWarningShield=ta.default,exports.IconWarning=na.default,exports.LogoAlgorandMono=ca.default,exports.LogoAlgorand=da.default,exports.LogoAppleMono=fa.default,exports.LogoApple=va.default,exports.LogoAptosMono=qa.default,exports.LogoAptos=ga.default,exports.LogoArbitrumMono=sa.default,exports.LogoArbitrumOneMono=La.default,exports.LogoArbitrumOne=Ma.default,exports.LogoArbitrum=Ia.default,exports.LogoAstarMono=ka.default,exports.LogoAstar=ma.default,exports.LogoAuth0Mono=pa.default,exports.LogoAuth0=ba.default,exports.LogoAvalancheMono=ha.default,exports.LogoAvalanche=wa.default,exports.LogoAzureMono=Ca.default,exports.LogoAzure=Ba.default,exports.LogoBaseMono=Aa.default,exports.LogoBase=Pa.default,exports.LogoBerachainMono=Fa.default,exports.LogoBerachain=Sa.default,exports.LogoBinanceMono=ya.default,exports.LogoBinance=Wa.default,exports.LogoBitBucketMono=Ta.default,exports.LogoBitBucket=Ea.default,exports.LogoBitcoinMono=Da.default,exports.LogoBitcoin=Ga.default,exports.LogoBnbMono=xa.default,exports.LogoBnb=Ra.default,exports.LogoCeloMono=Oa.default,exports.LogoCelo=za.default,exports.LogoChilizMono=Ha.default,exports.LogoChiliz=Za.default,exports.LogoCognitoMono=Na.default,exports.LogoCognito=Xa.default,exports.LogoCosmosMono=ja.default,exports.LogoCosmos=Va.default,exports.LogoDiscordMono=Qa.default,exports.LogoDiscord=Ua.default,exports.LogoEthereumMono=Ja.default,exports.LogoEthereum=Ka.default,exports.LogoEtherlinkMono=_a.default,exports.LogoEtherlink=Ya.default,exports.LogoFacebookMono=$a.default,exports.LogoFacebook=ei.default,exports.LogoFlareMono=ri.default,exports.LogoFlare=oi.default,exports.LogoFlowMono=ai.default,exports.LogoFlow=ii.default,exports.LogoGitHubMono=li.default,exports.LogoGitHub=ui.default,exports.LogoGitLabMono=ti.default,exports.LogoGitLab=ni.default,exports.LogoGoogleMono=ci.default,exports.LogoGoogle=di.default,exports.LogoHarmonyMono=fi.default,exports.LogoHarmony=vi.default,exports.LogoHorizenMono=qi.default,exports.LogoHorizen=gi.default,exports.LogoIconMono=si.default,exports.LogoIcon=Li.default,exports.LogoImmutableXMono=Mi.default,exports.LogoImmutableX=Ii.default,exports.LogoLinkByStripeMono=ki.default,exports.LogoLinkByStripe=mi.default,exports.LogoLinkMono=pi.default,exports.LogoLink=bi.default,exports.LogoLinkedInMono=hi.default,exports.LogoLinkedIn=wi.default,exports.LogoLoopringMono=Ci.default,exports.LogoLoopring=Bi.default,exports.LogoMicrosoftMono=Ai.default,exports.LogoMicrosoft=Pi.default,exports.LogoMoonbeamMono=Fi.default,exports.LogoMoonbeam=Si.default,exports.LogoNearMono=yi.default,exports.LogoNear=Wi.default,exports.LogoOnramperMono=Ti.default,exports.LogoOnramper=Ei.default,exports.LogoOptimismMono=Di.default,exports.LogoOptimism=Gi.default,exports.LogoPayPalMono=xi.default,exports.LogoPayPalWordmarkMono=Ri.default,exports.LogoPayPalWordmark=Oi.default,exports.LogoPayPal=zi.default,exports.LogoPoaMono=Hi.default,exports.LogoPoa=Zi.default,exports.LogoPolkadotMono=Ni.default,exports.LogoPolkadot=Xi.default,exports.LogoPolygonMono=ji.default,exports.LogoPolygon=Vi.default,exports.LogoRarichainMono=Qi.default,exports.LogoRarichain=Ui.default,exports.LogoSardineMono=Ji.default,exports.LogoSardine=Ki.default,exports.LogoSeiMono=_i.default,exports.LogoSei=Yi.default,exports.LogoSolanaMono=$i.default,exports.LogoSolana=el.default,exports.LogoStabilityMono=rl.default,exports.LogoStability=ol.default,exports.LogoSuiMono=al.default,exports.LogoSui=il.default,exports.LogoTezosMono=ll.default,exports.LogoTezos=ul.default,exports.LogoTwitchMono=tl.default,exports.LogoTwitch=nl.default,exports.LogoTwitterMono=cl.default,exports.LogoTwitter=dl.default,exports.LogoWalletConnectMono=fl.default,exports.LogoWalletConnect=vl.default,exports.LogoWarpcastMono=ql.default,exports.LogoWarpcast=gl.default,exports.LogoWaxMono=sl.default,exports.LogoWax=Ll.default,exports.LogoXdcMono=Ml.default,exports.LogoXdc=Il.default,exports.LogoZetachainMono=kl.default,exports.LogoZetachain=ml.default,exports.LogoZilliqaMono=pl.default,exports.LogoZilliqa=bl.default,exports.LogoZksyncMono=hl.default,exports.LogoZksync=wl.default,exports.PayAmex=Cl.default,exports.PayDiscover=Bl.default,exports.PayMastercard=Al.default,exports.PayVisa=Pl.default,exports.PresentationLogo=Fl.default,exports.WebsiteMagic=Sl.default,exports.WltCoinbase=yl.default,exports.WltMattel=Wl.default,exports.WltMetamask=Tl.default,exports.WltPhantom=El.default,exports.WltRainbow=Dl.default,exports.WltWalletConnect=Gl.default,exports.Button=xl.default,exports.Checkbox=Rl.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=Ol.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=zl.default,exports.Text=Hl.default,exports.VerifyPincode=Zl.VerifyPincode,exports.Animate=Nl.default,exports.ClientAssetLogo=Xl.ClientAssetLogo,exports.QRCode=jl.default,exports.SecuredByMagic=Vl.default,exports.SharedLogo=Ql.default,exports.useCustomVars=Ul.useCustomVars,exports.useToast=Jl.useToast;
 //# sourceMappingURL=index.js.map

package/dist/es/components/icons/ico-caret-down.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const c=({color:o,title:l,titleId:e,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.84113 16.0164C11.0163 17.3279 12.9836 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74471 7.33262C4.37613 6.92132 3.74391 6.8867 3.33262 7.25528C2.92132 7.62386 2.88669 8.25608 3.25528 8.66738L9.84113 16.0164Z",fill:"currentColor"})]})};export{c as default};
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const c=({color:o,title:l,titleId:e,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.84114 16.0164C11.0164 17.3279 12.9836 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74472 7.33262C4.37614 6.92132 3.74392 6.8867 3.33262 7.25528C2.92133 7.62386 2.8867 8.25608 3.25528 8.66738L9.84114 16.0164Z",fill:"currentColor"})]})};export{c as default};
 //# sourceMappingURL=ico-caret-down.js.map

package/dist/es/components/icons/ico-caret-down.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-caret-down.js","sources":["../../../../src/components/icons/ico-caret-down.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoCaretDown = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.~~84113~~ 16.0164C11.~~0163~~ 17.3279 12.9836 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.~~74471~~ 7.33262C4.~~37613~~ 6.92132 3.~~74391~~ 6.8867 3.33262 7.25528C2.~~92132~~ 7.62386 2.~~88669~~ 8.25608 3.25528 8.66738L9.~~84113~~ 16.0164Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoCaretDown;\n"],"names":["IcoCaretDown","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,~~kXACF~~,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"ico-caret-down.js","sources":["../../../../src/components/icons/ico-caret-down.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoCaretDown = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.84114 16.0164C11.0164 17.3279 12.9836 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74472 7.33262C4.37614 6.92132 3.74392 6.8867 3.33262 7.25528C2.92133 7.62386 2.8867 8.25608 3.25528 8.66738L9.84114 16.0164Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoCaretDown;\n"],"names":["IcoCaretDown","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,iXACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}

package/dist/es/components/icons/ico-dedicated.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as e}from"react/jsx-runtime";import{token as i}from"@styled/tokens";const n=({color:t,title:L,titleId:l,...o})=>{const r=t||i("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[L?e("title",{id:l,children:L}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.391741 11.9197C0.136087 11.6204 0.136087 11.1797 0.391741 10.8804L6.03009 4.28041C6.18209 4.1025 6.40436 4.00005 6.63835 4.00005C6.87235 4.00005 7.09462 4.1025 7.24661 4.28041L9.30493 6.68978L11.3632 4.28041C11.5152 4.1025 11.7375 4.00005 11.9715 4.00005C12.2055 4.00005 12.4278 4.1025 12.5798 4.28041L14.6666 6.72314L16.7534 4.28041C16.9054 4.1025 17.1276 4.00005 17.3616 4.00005C17.5956 4.00005 17.8179 4.1025 17.9699 4.28041L23.6083 10.8804C23.8639 11.1797 23.8639 11.6204 23.6083 11.9197L17.9699 18.5197C17.8179 18.6976 17.5956 18.8 17.3616 18.8C17.1276 18.8 16.9054 18.6976 16.7534 18.5197L14.6666 16.077L12.5798 18.5197C12.4278 18.6976 12.2055 18.8 11.9715 18.8C11.7375 18.8 11.5152 18.6976 11.3632 18.5197L9.30493 16.1103L7.24661 18.5197C7.09462 18.6976 6.87235 18.8 6.63835 18.8C6.40436 18.8 6.18209 18.6976 6.03009 18.5197L0.391741 11.9197ZM10.3571 14.8787L11.9715 16.7684L16.5577 11.4L11.9715 6.03168L10.3571 7.92142L12.885 10.8804C13.1406 11.1797 13.1406 11.6204 12.885 11.9197L10.3571 14.8787ZM15.7188 14.8453L17.3616 16.7684L21.9478 11.4L17.3616 6.03168L15.7188 7.95478L18.2181 10.8804C18.4738 11.1797 18.4738 11.6204 18.2181 11.9197L15.7188 14.8453ZM6.63835 16.7684L11.2245 11.4L6.63835 6.03168L2.05218 11.4L6.63835 16.7684Z",fill:"currentColor"})]})};export{n as default};
+import{jsxs as C,jsx as e}from"react/jsx-runtime";import{token as i}from"@styled/tokens";const n=({color:t,title:L,titleId:l,...o})=>{const r=t||i("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[L?e("title",{id:l,children:L}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.39174 11.9197C0.136087 11.6204 0.136087 11.1797 0.39174 10.8804L6.03009 4.28041C6.18209 4.1025 6.40435 4.00005 6.63835 4.00005C6.87235 4.00005 7.09462 4.1025 7.24661 4.28041L9.30493 6.68978L11.3632 4.28041C11.5152 4.1025 11.7375 4.00005 11.9715 4.00005C12.2055 4.00005 12.4278 4.1025 12.5798 4.28041L14.6666 6.72314L16.7534 4.28041C16.9054 4.1025 17.1276 4.00005 17.3616 4.00005C17.5956 4.00005 17.8179 4.1025 17.9699 4.28041L23.6083 10.8804C23.8639 11.1797 23.8639 11.6204 23.6083 11.9197L17.9699 18.5197C17.8179 18.6976 17.5956 18.8 17.3616 18.8C17.1276 18.8 16.9054 18.6976 16.7534 18.5197L14.6666 16.077L12.5798 18.5197C12.4278 18.6976 12.2055 18.8 11.9715 18.8C11.7375 18.8 11.5152 18.6976 11.3632 18.5197L9.30493 16.1103L7.24661 18.5197C7.09462 18.6976 6.87235 18.8 6.63835 18.8C6.40435 18.8 6.18209 18.6976 6.03009 18.5197L0.39174 11.9197ZM10.3571 14.8787L11.9715 16.7684L16.5577 11.4L11.9715 6.03168L10.3571 7.92142L12.885 10.8804C13.1406 11.1797 13.1406 11.6204 12.885 11.9197L10.3571 14.8787ZM15.7188 14.8453L17.3616 16.7684L21.9478 11.4L17.3616 6.03168L15.7188 7.95478L18.2181 10.8804C18.4738 11.1797 18.4738 11.6204 18.2181 11.9197L15.7188 14.8453ZM6.63835 16.7684L11.2245 11.4L6.63835 6.03168L2.05218 11.4L6.63835 16.7684Z",fill:"currentColor"})]})};export{n as default};
 //# sourceMappingURL=ico-dedicated.js.map

package/dist/es/components/icons/ico-dedicated.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-dedicated.js","sources":["../../../../src/components/icons/ico-dedicated.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoDedicated = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.~~391741~~ 11.9197C0.136087 11.6204 0.136087 11.1797 0.~~391741~~ 10.8804L6.03009 4.28041C6.18209 4.1025 6.~~40436~~ 4.00005 6.63835 4.00005C6.87235 4.00005 7.09462 4.1025 7.24661 4.28041L9.30493 6.68978L11.3632 4.28041C11.5152 4.1025 11.7375 4.00005 11.9715 4.00005C12.2055 4.00005 12.4278 4.1025 12.5798 4.28041L14.6666 6.72314L16.7534 4.28041C16.9054 4.1025 17.1276 4.00005 17.3616 4.00005C17.5956 4.00005 17.8179 4.1025 17.9699 4.28041L23.6083 10.8804C23.8639 11.1797 23.8639 11.6204 23.6083 11.9197L17.9699 18.5197C17.8179 18.6976 17.5956 18.8 17.3616 18.8C17.1276 18.8 16.9054 18.6976 16.7534 18.5197L14.6666 16.077L12.5798 18.5197C12.4278 18.6976 12.2055 18.8 11.9715 18.8C11.7375 18.8 11.5152 18.6976 11.3632 18.5197L9.30493 16.1103L7.24661 18.5197C7.09462 18.6976 6.87235 18.8 6.63835 18.8C6.~~40436~~ 18.8 6.18209 18.6976 6.03009 18.5197L0.~~391741~~ 11.9197ZM10.3571 14.8787L11.9715 16.7684L16.5577 11.4L11.9715 6.03168L10.3571 7.92142L12.885 10.8804C13.1406 11.1797 13.1406 11.6204 12.885 11.9197L10.3571 14.8787ZM15.7188 14.8453L17.3616 16.7684L21.9478 11.4L17.3616 6.03168L15.7188 7.95478L18.2181 10.8804C18.4738 11.1797 18.4738 11.6204 18.2181 11.9197L15.7188 14.8453ZM6.63835 16.7684L11.2245 11.4L6.63835 6.03168L2.05218 11.4L6.63835 16.7684Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoDedicated;\n"],"names":["IcoDedicated","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,~~4tCACF~~,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"ico-dedicated.js","sources":["../../../../src/components/icons/ico-dedicated.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoDedicated = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0.39174 11.9197C0.136087 11.6204 0.136087 11.1797 0.39174 10.8804L6.03009 4.28041C6.18209 4.1025 6.40435 4.00005 6.63835 4.00005C6.87235 4.00005 7.09462 4.1025 7.24661 4.28041L9.30493 6.68978L11.3632 4.28041C11.5152 4.1025 11.7375 4.00005 11.9715 4.00005C12.2055 4.00005 12.4278 4.1025 12.5798 4.28041L14.6666 6.72314L16.7534 4.28041C16.9054 4.1025 17.1276 4.00005 17.3616 4.00005C17.5956 4.00005 17.8179 4.1025 17.9699 4.28041L23.6083 10.8804C23.8639 11.1797 23.8639 11.6204 23.6083 11.9197L17.9699 18.5197C17.8179 18.6976 17.5956 18.8 17.3616 18.8C17.1276 18.8 16.9054 18.6976 16.7534 18.5197L14.6666 16.077L12.5798 18.5197C12.4278 18.6976 12.2055 18.8 11.9715 18.8C11.7375 18.8 11.5152 18.6976 11.3632 18.5197L9.30493 16.1103L7.24661 18.5197C7.09462 18.6976 6.87235 18.8 6.63835 18.8C6.40435 18.8 6.18209 18.6976 6.03009 18.5197L0.39174 11.9197ZM10.3571 14.8787L11.9715 16.7684L16.5577 11.4L11.9715 6.03168L10.3571 7.92142L12.885 10.8804C13.1406 11.1797 13.1406 11.6204 12.885 11.9197L10.3571 14.8787ZM15.7188 14.8453L17.3616 16.7684L21.9478 11.4L17.3616 6.03168L15.7188 7.95478L18.2181 10.8804C18.4738 11.1797 18.4738 11.6204 18.2181 11.9197L15.7188 14.8453ZM6.63835 16.7684L11.2245 11.4L6.63835 6.03168L2.05218 11.4L6.63835 16.7684Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoDedicated;\n"],"names":["IcoDedicated","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,ytCACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}

package/dist/es/components/icons/ico-polygon-gas-testnet.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as r,jsx as C}from"react/jsx-runtime";import{token as L}from"@styled/tokens";const o=({color:e,title:l,titleId:V,...t})=>{const i=e\|\|L("colors.text.primary");return r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":V,...t,children:[l?C("title",{id:V,children:l}):null,C("g",{clipPath:"url(#clip0_11176_25357)",children:C("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 3C1.5 1.34531 2.84531 0 4.5 0H12C13.6547 0 15 1.34531 15 3V12H15.375C17.6531 12 19.5 13.8469 19.5 16.125V17.625C19.5 18.2484 20.0016 18.75 20.625 18.75C21.2484 18.75 21.75 18.2484 21.75 17.625V10.4062C20.4562 10.0734 19.5 8.89688 19.5 7.5V4.5L18 3C17.5875 2.5875 17.5875 1.9125 18 1.5C18.4125 1.0875 19.0875 1.0875 19.5 1.5L23.1234 5.12344C23.6859 5.68594 24 6.45 24 7.24688V17.625C24 19.4906 22.4906 21 20.625 21C18.7594 21 17.25 19.4906 17.25 17.625V16.125C17.25 15.0891 16.4109 14.25 15.375 14.25H15V21C15.8297 21 16.5 21.6703 16.5 22.5C16.5 23.3297 15.8297 24 15 24H1.5C0.670312 24 0 23.3297 0 22.5C0 21.6703 0.670312 21 1.5 21V3ZM4.35 2C3.88056 2 3.5 2.38056 3.5 2.85V4.15C3.5 4.61944 3.88056 5 4.35 5H12.15C12.6194 5 13 4.61944 13 4.15V2.85C13 2.38056 12.6194 2 12.15 2H4.35ZM9.90339 10.2923C10.0809 10.2033 10.2807 10.2033 10.436 10.2923L12.2337 11.3383C12.4112 11.4496 12.5 11.6276 12.5 11.8056V13.9199C12.5 14.1202 12.389 14.2982 12.2337 14.3872L10.436 15.4332C10.2585 15.5223 10.0587 15.5223 9.90339 15.4332L8.10574 14.3872C7.9282 14.276 7.83943 14.0979 7.83943 13.9199V13.1855L8.68277 12.6958V13.408C8.68277 13.6083 8.79373 13.7864 8.94909 13.8754L9.90339 14.4318C10.0809 14.5208 10.2807 14.5208 10.436 14.4318L11.3681 13.8754C11.5457 13.7641 11.6345 13.5861 11.6345 13.408V12.2953C11.6345 12.095 11.5235 11.9169 11.3681 11.8279L10.4138 11.2715C10.2363 11.1825 10.0366 11.1825 9.8812 11.2715L8.66057 11.9837L7.81723 12.4733L6.59661 13.1855C6.41906 13.2745 6.21932 13.2745 6.06397 13.1855L4.26632 12.1395C4.08877 12.0282 4 11.8501 4 11.6721V9.58012C4 9.40208 4.08877 9.22404 4.26632 9.13502L6.08616 8.06677C6.26371 7.97774 6.46345 7.97774 6.6188 8.06677L8.39426 9.11276C8.5718 9.22404 8.66057 9.40208 8.66057 9.58012V10.3368L7.81723 10.8264V10.092C7.81723 9.89169 7.70627 9.71365 7.55091 9.62463L6.59661 9.04599C6.41906 8.95697 6.21932 8.95697 6.06397 9.04599L5.10966 9.60237C4.93211 9.71365 4.84334 9.89169 4.84334 10.0697V11.1825C4.84334 11.3828 4.95431 11.5608 5.10966 11.6499L6.06397 12.2285C6.24151 12.3175 6.44125 12.3175 6.59661 12.2285L7.81723 11.4941L8.66057 11.0267L9.90339 10.2923ZM9.80638 18.953C9.88178 19.0085 9.92445 19.0864 9.9344 19.1867H10.4502C10.4477 19.035 10.4071 18.9016 10.3284 18.7865C10.2497 18.6713 10.1395 18.5814 9.99778 18.5167C9.85692 18.4521 9.69203 18.4198 9.50311 18.4198C9.31751 18.4198 9.15179 18.4521 9.00595 18.5167C8.86012 18.5814 8.74536 18.6713 8.66167 18.7865C8.57881 18.9016 8.53779 19.0363 8.53862 19.1904C8.53779 19.3785 8.59953 19.528 8.72381 19.6391C8.8481 19.7501 9.01755 19.8317 9.23216 19.8839L9.50933 19.9535C9.60213 19.9759 9.68043 20.0008 9.74423 20.0281C9.80886 20.0555 9.85775 20.0886 9.8909 20.1275C9.92487 20.1665 9.94185 20.2145 9.94185 20.2717C9.94185 20.333 9.92321 20.3873 9.88592 20.4345C9.84864 20.4818 9.79602 20.5186 9.72808 20.5452C9.66096 20.5717 9.58183 20.5849 9.49068 20.5849C9.39788 20.5849 9.31461 20.5708 9.24086 20.5427C9.16794 20.5137 9.10953 20.471 9.06561 20.4146C9.02252 20.3575 8.99808 20.2862 8.99228 20.2009H8.47151C8.47565 20.384 8.51998 20.5377 8.6045 20.662C8.68984 20.7854 8.80833 20.8787 8.95996 20.9416C9.11243 21.0046 9.2914 21.0361 9.4969 21.0361C9.70405 21.0361 9.88095 21.005 10.0276 20.9429C10.1751 20.8799 10.2878 20.7917 10.3657 20.6781C10.4444 20.5638 10.4842 20.4287 10.485 20.273C10.4842 20.1669 10.4647 20.0729 10.4266 19.9908C10.3893 19.9088 10.3367 19.8375 10.2687 19.777C10.2008 19.7166 10.1204 19.6656 10.0276 19.6242C9.93481 19.5827 9.83289 19.5496 9.72186 19.5247L9.49317 19.47C9.43765 19.4576 9.38545 19.4427 9.33656 19.4253C9.28768 19.4071 9.24459 19.3859 9.2073 19.3619C9.17002 19.3371 9.1406 19.3076 9.11906 19.2737C9.09834 19.2397 9.08881 19.1999 9.09047 19.1544C9.09047 19.0997 9.10621 19.0508 9.1377 19.0077C9.17001 18.9646 9.21642 18.931 9.2769 18.907C9.33739 18.8822 9.41155 18.8697 9.49938 18.8697C9.62864 18.8697 9.73098 18.8975 9.80638 18.953ZM3.34563 18.8983V18.4546H5.43619V18.8983H4.65689V21.0001H4.12493V18.8983H3.34563ZM6.09547 21.0001V18.4546H7.81067V18.8983H6.63365V19.5049H7.72242V19.9486H6.63365V20.5563H7.81564V21.0001H6.09547ZM11.065 18.8983V18.4546H13.1556V18.8983H12.3763V21.0001H11.8443V18.8983H11.065Z",fill:"currentColor"})}),C("defs",{children:C("clipPath",{id:"clip0_11176_25357",children:C("rect",{width:24,height:24,fill:"currentColor"})})})]})};export{o as default};
2	+ //# sourceMappingURL=ico-polygon-gas-testnet.js.map

package/dist/es/components/icons/ico-polygon-gas-testnet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ico-polygon-gas-testnet.js","sources":["../../../../src/components/icons/ico-polygon-gas-testnet.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /**\n * Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoPolygonGasTestnet = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor || token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <g clipPath=\"url(#clip0_11176_25357)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1.5 3C1.5 1.34531 2.84531 0 4.5 0H12C13.6547 0 15 1.34531 15 3V12H15.375C17.6531 12 19.5 13.8469 19.5 16.125V17.625C19.5 18.2484 20.0016 18.75 20.625 18.75C21.2484 18.75 21.75 18.2484 21.75 17.625V10.4062C20.4562 10.0734 19.5 8.89688 19.5 7.5V4.5L18 3C17.5875 2.5875 17.5875 1.9125 18 1.5C18.4125 1.0875 19.0875 1.0875 19.5 1.5L23.1234 5.12344C23.6859 5.68594 24 6.45 24 7.24688V17.625C24 19.4906 22.4906 21 20.625 21C18.7594 21 17.25 19.4906 17.25 17.625V16.125C17.25 15.0891 16.4109 14.25 15.375 14.25H15V21C15.8297 21 16.5 21.6703 16.5 22.5C16.5 23.3297 15.8297 24 15 24H1.5C0.670312 24 0 23.3297 0 22.5C0 21.6703 0.670312 21 1.5 21V3ZM4.35 2C3.88056 2 3.5 2.38056 3.5 2.85V4.15C3.5 4.61944 3.88056 5 4.35 5H12.15C12.6194 5 13 4.61944 13 4.15V2.85C13 2.38056 12.6194 2 12.15 2H4.35ZM9.90339 10.2923C10.0809 10.2033 10.2807 10.2033 10.436 10.2923L12.2337 11.3383C12.4112 11.4496 12.5 11.6276 12.5 11.8056V13.9199C12.5 14.1202 12.389 14.2982 12.2337 14.3872L10.436 15.4332C10.2585 15.5223 10.0587 15.5223 9.90339 15.4332L8.10574 14.3872C7.9282 14.276 7.83943 14.0979 7.83943 13.9199V13.1855L8.68277 12.6958V13.408C8.68277 13.6083 8.79373 13.7864 8.94909 13.8754L9.90339 14.4318C10.0809 14.5208 10.2807 14.5208 10.436 14.4318L11.3681 13.8754C11.5457 13.7641 11.6345 13.5861 11.6345 13.408V12.2953C11.6345 12.095 11.5235 11.9169 11.3681 11.8279L10.4138 11.2715C10.2363 11.1825 10.0366 11.1825 9.8812 11.2715L8.66057 11.9837L7.81723 12.4733L6.59661 13.1855C6.41906 13.2745 6.21932 13.2745 6.06397 13.1855L4.26632 12.1395C4.08877 12.0282 4 11.8501 4 11.6721V9.58012C4 9.40208 4.08877 9.22404 4.26632 9.13502L6.08616 8.06677C6.26371 7.97774 6.46345 7.97774 6.6188 8.06677L8.39426 9.11276C8.5718 9.22404 8.66057 9.40208 8.66057 9.58012V10.3368L7.81723 10.8264V10.092C7.81723 9.89169 7.70627 9.71365 7.55091 9.62463L6.59661 9.04599C6.41906 8.95697 6.21932 8.95697 6.06397 9.04599L5.10966 9.60237C4.93211 9.71365 4.84334 9.89169 4.84334 10.0697V11.1825C4.84334 11.3828 4.95431 11.5608 5.10966 11.6499L6.06397 12.2285C6.24151 12.3175 6.44125 12.3175 6.59661 12.2285L7.81723 11.4941L8.66057 11.0267L9.90339 10.2923ZM9.80638 18.953C9.88178 19.0085 9.92445 19.0864 9.9344 19.1867H10.4502C10.4477 19.035 10.4071 18.9016 10.3284 18.7865C10.2497 18.6713 10.1395 18.5814 9.99778 18.5167C9.85692 18.4521 9.69203 18.4198 9.50311 18.4198C9.31751 18.4198 9.15179 18.4521 9.00595 18.5167C8.86012 18.5814 8.74536 18.6713 8.66167 18.7865C8.57881 18.9016 8.53779 19.0363 8.53862 19.1904C8.53779 19.3785 8.59953 19.528 8.72381 19.6391C8.8481 19.7501 9.01755 19.8317 9.23216 19.8839L9.50933 19.9535C9.60213 19.9759 9.68043 20.0008 9.74423 20.0281C9.80886 20.0555 9.85775 20.0886 9.8909 20.1275C9.92487 20.1665 9.94185 20.2145 9.94185 20.2717C9.94185 20.333 9.92321 20.3873 9.88592 20.4345C9.84864 20.4818 9.79602 20.5186 9.72808 20.5452C9.66096 20.5717 9.58183 20.5849 9.49068 20.5849C9.39788 20.5849 9.31461 20.5708 9.24086 20.5427C9.16794 20.5137 9.10953 20.471 9.06561 20.4146C9.02252 20.3575 8.99808 20.2862 8.99228 20.2009H8.47151C8.47565 20.384 8.51998 20.5377 8.6045 20.662C8.68984 20.7854 8.80833 20.8787 8.95996 20.9416C9.11243 21.0046 9.2914 21.0361 9.4969 21.0361C9.70405 21.0361 9.88095 21.005 10.0276 20.9429C10.1751 20.8799 10.2878 20.7917 10.3657 20.6781C10.4444 20.5638 10.4842 20.4287 10.485 20.273C10.4842 20.1669 10.4647 20.0729 10.4266 19.9908C10.3893 19.9088 10.3367 19.8375 10.2687 19.777C10.2008 19.7166 10.1204 19.6656 10.0276 19.6242C9.93481 19.5827 9.83289 19.5496 9.72186 19.5247L9.49317 19.47C9.43765 19.4576 9.38545 19.4427 9.33656 19.4253C9.28768 19.4071 9.24459 19.3859 9.2073 19.3619C9.17002 19.3371 9.1406 19.3076 9.11906 19.2737C9.09834 19.2397 9.08881 19.1999 9.09047 19.1544C9.09047 19.0997 9.10621 19.0508 9.1377 19.0077C9.17001 18.9646 9.21642 18.931 9.2769 18.907C9.33739 18.8822 9.41155 18.8697 9.49938 18.8697C9.62864 18.8697 9.73098 18.8975 9.80638 18.953ZM3.34563 18.8983V18.4546H5.43619V18.8983H4.65689V21.0001H4.12493V18.8983H3.34563ZM6.09547 21.0001V18.4546H7.81067V18.8983H6.63365V19.5049H7.72242V19.9486H6.63365V20.5563H7.81564V21.0001H6.09547ZM11.065 18.8983V18.4546H13.1556V18.8983H12.3763V21.0001H11.8443V18.8983H11.065Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_11176_25357\">\n <rect width={24} height={24} fill=\"currentColor\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\nexport default IcoPolygonGasTestnet;\n"],"names":["IcoPolygonGasTestnet","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAuB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAEvF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,SACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,WAAO,GAAIL,EAAU,SAAAD,IAAiB,KAC/CM,OAAG,SAAS,0BACV,SAAAA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,sjIACF,KAAK,gBAEL,CAAA,EACJA,mBACEA,EAAU,WAAA,CAAA,GAAG,oBAAmB,SAC9BA,UAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,gBACzB,CAAA,CAAA,CAAA,CACN,CACH,CAAA,CAEV"}

package/dist/es/components/icons/ico-polygon-gas.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as o,jsx as C}from"react/jsx-runtime";import{token as L}from"@styled/tokens";const c=({color:i,title:l,titleId:e,...t})=>{const r=i\|\|L("colors.text.primary");return o("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":e,...t,children:[l?C("title",{id:e,children:l}):null,C("g",{clipPath:"url(#clip0_11176_21224)",children:C("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 3C1.5 1.34531 2.84531 0 4.5 0H12C13.6547 0 15 1.34531 15 3V12H15.375C17.6531 12 19.5 13.8469 19.5 16.125V17.625C19.5 18.2484 20.0016 18.75 20.625 18.75C21.2484 18.75 21.75 18.2484 21.75 17.625V10.4062C20.4562 10.0734 19.5 8.89688 19.5 7.5V4.5L18 3C17.5875 2.5875 17.5875 1.9125 18 1.5C18.4125 1.0875 19.0875 1.0875 19.5 1.5L23.1234 5.12344C23.6859 5.68594 24 6.45 24 7.24688V17.625C24 19.4906 22.4906 21 20.625 21C18.7594 21 17.25 19.4906 17.25 17.625V16.125C17.25 15.0891 16.4109 14.25 15.375 14.25H15V21C15.8297 21 16.5 21.6703 16.5 22.5C16.5 23.3297 15.8297 24 15 24H1.5C0.670312 24 0 23.3297 0 22.5C0 21.6703 0.670312 21 1.5 21V3ZM3.5 2.85C3.5 2.38056 3.88056 2 4.35 2H12.15C12.6194 2 13 2.38056 13 2.85V5.15C13 5.61944 12.6194 6 12.15 6H4.35C3.88056 6 3.5 5.61944 3.5 5.15V2.85ZM10.436 13.2923C10.2807 13.2033 10.0809 13.2033 9.90339 13.2923L8.66057 14.0267L7.81723 14.4941L6.59661 15.2285C6.44125 15.3175 6.24151 15.3175 6.06397 15.2285L5.10966 14.6499C4.95431 14.5608 4.84334 14.3828 4.84334 14.1825V13.0697C4.84334 12.8917 4.93211 12.7136 5.10966 12.6024L6.06397 12.046C6.21932 11.957 6.41906 11.957 6.59661 12.046L7.55091 12.6246C7.70627 12.7136 7.81723 12.8917 7.81723 13.092V13.8264L8.66057 13.3368V12.5801C8.66057 12.4021 8.5718 12.224 8.39426 12.1128L6.6188 11.0668C6.46345 10.9777 6.26371 10.9777 6.08616 11.0668L4.26632 12.135C4.08877 12.224 4 12.4021 4 12.5801V14.6721C4 14.8501 4.08877 15.0282 4.26632 15.1395L6.06397 16.1855C6.21932 16.2745 6.41906 16.2745 6.59661 16.1855L7.81723 15.4733L8.66057 14.9837L9.8812 14.2715C10.0366 14.1825 10.2363 14.1825 10.4138 14.2715L11.3681 14.8279C11.5235 14.9169 11.6345 15.095 11.6345 15.2953V16.408C11.6345 16.5861 11.5457 16.7641 11.3681 16.8754L10.436 17.4318C10.2807 17.5208 10.0809 17.5208 9.90339 17.4318L8.94909 16.8754C8.79373 16.7864 8.68277 16.6083 8.68277 16.408V15.6958L7.83943 16.1855V16.9199C7.83943 17.0979 7.9282 17.276 8.10574 17.3872L9.90339 18.4332C10.0587 18.5223 10.2585 18.5223 10.436 18.4332L12.2337 17.3872C12.389 17.2982 12.5 17.1202 12.5 16.9199V14.8056C12.5 14.6276 12.4112 14.4496 12.2337 14.3383L10.436 13.2923Z",fill:"currentColor"})}),C("defs",{children:C("clipPath",{id:"clip0_11176_21224",children:C("rect",{width:24,height:24,fill:"currentColor"})})})]})};export{c as default};
2	+ //# sourceMappingURL=ico-polygon-gas.js.map

package/dist/es/components/icons/ico-polygon-gas.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ico-polygon-gas.js","sources":["../../../../src/components/icons/ico-polygon-gas.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /**\n * Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoPolygonGas = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor || token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <g clipPath=\"url(#clip0_11176_21224)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1.5 3C1.5 1.34531 2.84531 0 4.5 0H12C13.6547 0 15 1.34531 15 3V12H15.375C17.6531 12 19.5 13.8469 19.5 16.125V17.625C19.5 18.2484 20.0016 18.75 20.625 18.75C21.2484 18.75 21.75 18.2484 21.75 17.625V10.4062C20.4562 10.0734 19.5 8.89688 19.5 7.5V4.5L18 3C17.5875 2.5875 17.5875 1.9125 18 1.5C18.4125 1.0875 19.0875 1.0875 19.5 1.5L23.1234 5.12344C23.6859 5.68594 24 6.45 24 7.24688V17.625C24 19.4906 22.4906 21 20.625 21C18.7594 21 17.25 19.4906 17.25 17.625V16.125C17.25 15.0891 16.4109 14.25 15.375 14.25H15V21C15.8297 21 16.5 21.6703 16.5 22.5C16.5 23.3297 15.8297 24 15 24H1.5C0.670312 24 0 23.3297 0 22.5C0 21.6703 0.670312 21 1.5 21V3ZM3.5 2.85C3.5 2.38056 3.88056 2 4.35 2H12.15C12.6194 2 13 2.38056 13 2.85V5.15C13 5.61944 12.6194 6 12.15 6H4.35C3.88056 6 3.5 5.61944 3.5 5.15V2.85ZM10.436 13.2923C10.2807 13.2033 10.0809 13.2033 9.90339 13.2923L8.66057 14.0267L7.81723 14.4941L6.59661 15.2285C6.44125 15.3175 6.24151 15.3175 6.06397 15.2285L5.10966 14.6499C4.95431 14.5608 4.84334 14.3828 4.84334 14.1825V13.0697C4.84334 12.8917 4.93211 12.7136 5.10966 12.6024L6.06397 12.046C6.21932 11.957 6.41906 11.957 6.59661 12.046L7.55091 12.6246C7.70627 12.7136 7.81723 12.8917 7.81723 13.092V13.8264L8.66057 13.3368V12.5801C8.66057 12.4021 8.5718 12.224 8.39426 12.1128L6.6188 11.0668C6.46345 10.9777 6.26371 10.9777 6.08616 11.0668L4.26632 12.135C4.08877 12.224 4 12.4021 4 12.5801V14.6721C4 14.8501 4.08877 15.0282 4.26632 15.1395L6.06397 16.1855C6.21932 16.2745 6.41906 16.2745 6.59661 16.1855L7.81723 15.4733L8.66057 14.9837L9.8812 14.2715C10.0366 14.1825 10.2363 14.1825 10.4138 14.2715L11.3681 14.8279C11.5235 14.9169 11.6345 15.095 11.6345 15.2953V16.408C11.6345 16.5861 11.5457 16.7641 11.3681 16.8754L10.436 17.4318C10.2807 17.5208 10.0809 17.5208 9.90339 17.4318L8.94909 16.8754C8.79373 16.7864 8.68277 16.6083 8.68277 16.408V15.6958L7.83943 16.1855V16.9199C7.83943 17.0979 7.9282 17.276 8.10574 17.3872L9.90339 18.4332C10.0587 18.5223 10.2585 18.5223 10.436 18.4332L12.2337 17.3872C12.389 17.2982 12.5 17.1202 12.5 16.9199V14.8056C12.5 14.6276 12.4112 14.4496 12.2337 14.3383L10.436 13.2923Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_11176_21224\">\n <rect width={24} height={24} fill=\"currentColor\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\nexport default IcoPolygonGas;\n"],"names":["IcoPolygonGas","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAEhF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,SACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,WAAO,GAAIL,EAAU,SAAAD,IAAiB,KAC/CM,OAAG,SAAS,0BACV,SAAAA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,wjEACF,KAAK,gBAEL,CAAA,EACJA,mBACEA,EAAU,WAAA,CAAA,GAAG,oBAAmB,SAC9BA,UAAM,MAAO,GAAI,OAAQ,GAAI,KAAK,gBACzB,CAAA,CAAA,CAAA,CACN,CACH,CAAA,CAEV"}

package/dist/es/components/icons/ico-swap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const C=({color:t,title:e,titleId:o,...r})=>{const i=t||n("colors.text.primary");return d("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":o,...r,children:[e?l("title",{id:o,children:e}):null,l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.6591 16.0996C24.1136 15.6451 24.1136 14.9081 23.6591 14.4535C23.2045 13.999 22.4675 13.999 22.013 14.4535L19.6096 16.8569L19.6097 5.16392C19.6097 4.52107 19.0886 3.99993 18.4458 3.99992C17.8029 3.99991 17.2818 4.52104 17.2818 5.16389L17.2816 16.8568L14.8784 14.4536C14.4238 13.9991 13.6868 13.9991 13.2323 14.4536C12.7777 14.9082 12.7777 15.6452 13.2323 16.0998L17.6226 20.49C18.0771 20.9446 18.8141 20.9446 19.2687 20.49L23.6591 16.0996Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7677 8.74592C11.2223 9.20048 11.2223 9.93748 10.7677 10.392C10.3132 10.8466 9.57618 10.8466 9.12161 10.392L6.71823 7.98866L6.71839 19.6816C6.7184 20.3245 6.19727 20.8456 5.55442 20.8456C4.91156 20.8457 4.39042 20.3245 4.39041 19.6817L4.39025 7.98873L1.98705 10.3919C1.53249 10.8465 0.79549 10.8465 0.340924 10.3919C-0.113641 9.93737 -0.113642 9.20037 0.340924 8.74581L4.73121 4.35552C5.18578 3.90095 5.92277 3.90096 6.37734 4.35552L10.7677 8.74592Z",fill:"currentColor"})]})};export{C as default};
+import{jsxs as d,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const C=({color:t,title:e,titleId:o,...r})=>{const i=t||n("colors.text.primary");return d("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":o,...r,children:[e?l("title",{id:o,children:e}):null,l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.6591 16.0996C24.1136 15.6451 24.1136 14.9081 23.6591 14.4535C23.2045 13.999 22.4675 13.999 22.013 14.4535L19.6096 16.8569L19.6097 5.16392C19.6097 4.52107 19.0886 3.99993 18.4458 3.99992C17.8029 3.99991 17.2818 4.52104 17.2818 5.16389L17.2816 16.8568L14.8784 14.4536C14.4238 13.9991 13.6868 13.9991 13.2323 14.4536C12.7777 14.9082 12.7777 15.6452 13.2323 16.0998L17.6225 20.49C18.0771 20.9446 18.8141 20.9446 19.2687 20.49L23.6591 16.0996Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7677 8.74592C11.2223 9.20048 11.2223 9.93748 10.7677 10.392C10.3132 10.8466 9.57618 10.8466 9.12161 10.392L6.71823 7.98866L6.71839 19.6816C6.7184 20.3245 6.19727 20.8456 5.55442 20.8456C4.91156 20.8457 4.39042 20.3245 4.39041 19.6817L4.39025 7.98873L1.98705 10.3919C1.53249 10.8465 0.795489 10.8465 0.340924 10.3919C-0.113641 9.93737 -0.113642 9.20037 0.340923 8.74581L4.73121 4.35552C5.18577 3.90095 5.92277 3.90096 6.37734 4.35552L10.7677 8.74592Z",fill:"currentColor"})]})};export{C as default};
 //# sourceMappingURL=ico-swap.js.map

package/dist/es/components/icons/ico-swap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-swap.js","sources":["../../../../src/components/icons/ico-swap.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoSwap = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.6591 16.0996C24.1136 15.6451 24.1136 14.9081 23.6591 14.4535C23.2045 13.999 22.4675 13.999 22.013 14.4535L19.6096 16.8569L19.6097 5.16392C19.6097 4.52107 19.0886 3.99993 18.4458 3.99992C17.8029 3.99991 17.2818 4.52104 17.2818 5.16389L17.2816 16.8568L14.8784 14.4536C14.4238 13.9991 13.6868 13.9991 13.2323 14.4536C12.7777 14.9082 12.7777 15.6452 13.2323 16.0998L17.~~6226~~ 20.49C18.0771 20.9446 18.8141 20.9446 19.2687 20.49L23.6591 16.0996Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.7677 8.74592C11.2223 9.20048 11.2223 9.93748 10.7677 10.392C10.3132 10.8466 9.57618 10.8466 9.12161 10.392L6.71823 7.98866L6.71839 19.6816C6.7184 20.3245 6.19727 20.8456 5.55442 20.8456C4.91156 20.8457 4.39042 20.3245 4.39041 19.6817L4.39025 7.98873L1.98705 10.3919C1.53249 10.8465 0.~~79549~~ 10.8465 0.340924 10.3919C-0.113641 9.93737 -0.113642 9.20037 0.~~340924~~ 8.74581L4.73121 4.35552C5.~~18578~~ 3.90095 5.92277 3.90096 6.37734 4.35552L10.7677 8.74592Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoSwap;\n"],"names":["IcoSwap","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE1E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,KACbC,EAAK,SAAA,CAERF,EAAQM,EAAA,QAAA,CAAO,GAAIL,WAAUD,CAAK,CAAA,EAAY,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,6bACF,KAAK,cAAc,CAAA,EAErBA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,~~ucACF~~,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"ico-swap.js","sources":["../../../../src/components/icons/ico-swap.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoSwap = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M23.6591 16.0996C24.1136 15.6451 24.1136 14.9081 23.6591 14.4535C23.2045 13.999 22.4675 13.999 22.013 14.4535L19.6096 16.8569L19.6097 5.16392C19.6097 4.52107 19.0886 3.99993 18.4458 3.99992C17.8029 3.99991 17.2818 4.52104 17.2818 5.16389L17.2816 16.8568L14.8784 14.4536C14.4238 13.9991 13.6868 13.9991 13.2323 14.4536C12.7777 14.9082 12.7777 15.6452 13.2323 16.0998L17.6225 20.49C18.0771 20.9446 18.8141 20.9446 19.2687 20.49L23.6591 16.0996Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.7677 8.74592C11.2223 9.20048 11.2223 9.93748 10.7677 10.392C10.3132 10.8466 9.57618 10.8466 9.12161 10.392L6.71823 7.98866L6.71839 19.6816C6.7184 20.3245 6.19727 20.8456 5.55442 20.8456C4.91156 20.8457 4.39042 20.3245 4.39041 19.6817L4.39025 7.98873L1.98705 10.3919C1.53249 10.8465 0.795489 10.8465 0.340924 10.3919C-0.113641 9.93737 -0.113642 9.20037 0.340923 8.74581L4.73121 4.35552C5.18577 3.90095 5.92277 3.90096 6.37734 4.35552L10.7677 8.74592Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoSwap;\n"],"names":["IcoSwap","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE1E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,KACbC,EAAK,SAAA,CAERF,EAAQM,EAAA,QAAA,CAAO,GAAIL,WAAUD,CAAK,CAAA,EAAY,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,6bACF,KAAK,cAAc,CAAA,EAErBA,EAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,wcACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}

package/dist/es/components/icons/ico-warning.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:o,title:t,titleId:e,...r})=>{const i=o||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[t?l("title",{id:e,children:t}):null,l("path",{d:"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z",fill:"currentColor"}),l("path",{d:"M11.9946 16.75C11.3043 16.75 10.7446 17.3096 10.7446 18C10.7446 18.6904 11.3043 19.25 11.9946 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9946Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36633 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36908C1.0919 24 -0.355043 21.5625 0.735391 19.5634L9.36633 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5011 4.00292 11.1221 4.69778L2.49118 20.5211C2.1277 21.1875 2.61002 22 3.36908 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as C,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:o,title:t,titleId:e,...r})=>{const i=o||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[t?l("title",{id:e,children:t}):null,l("path",{d:"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z",fill:"currentColor"}),l("path",{d:"M11.9947 16.75C11.3043 16.75 10.7447 17.3096 10.7447 18C10.7447 18.6904 11.3043 19.25 11.9947 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9947Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36637 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.3551 21.5626 22.9081 24 20.6309 24H3.36911C1.09193 24 -0.355013 21.5625 0.735422 19.5634L9.36637 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5012 4.00292 11.1222 4.69778L2.49121 20.5211C2.12773 21.1875 2.61005 22 3.36911 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z",fill:"currentColor"})]})};export{d as default};
 //# sourceMappingURL=ico-warning.js.map

package/dist/es/components/icons/ico-warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-warning.js","sources":["../../../../src/components/icons/ico-warning.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarning = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M11.~~9946~~ 16.75C11.3043 16.75 10.~~7446~~ 17.3096 10.~~7446~~ 18C10.~~7446~~ 18.6904 11.3043 19.25 11.~~9946~~ 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.~~9946Z~~\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.~~36633~~ 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.~~355~~ 21.5626 22.9081 24 20.6309 24H3.~~36908C1~~.~~0919~~ 24 -0.~~355043~~ 21.5625 0.~~735391~~ 19.5634L9.~~36633~~ 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.~~5011~~ 4.00292 11.~~1221~~ 4.69778L2.~~49118~~ 20.5211C2.~~1277~~ 21.1875 2.~~61002~~ 22 3.~~36908~~ 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarning;\n"],"names":["IcoWarning","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE7E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CM,EAAA,OAAA,CACE,EAAE,4HACF,KAAK,cAAc,CAAA,EAErBA,EACE,OAAA,CAAA,EAAE,0MACF,KAAK,cACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,~~qXACF~~,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"ico-warning.js","sources":["../../../../src/components/icons/ico-warning.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarning = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M11.9947 16.75C11.3043 16.75 10.7447 17.3096 10.7447 18C10.7447 18.6904 11.3043 19.25 11.9947 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9947Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.36637 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.3551 21.5626 22.9081 24 20.6309 24H3.36911C1.09193 24 -0.355013 21.5625 0.735422 19.5634L9.36637 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5012 4.00292 11.1222 4.69778L2.49121 20.5211C2.12773 21.1875 2.61005 22 3.36911 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarning;\n"],"names":["IcoWarning","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE7E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CM,EAAA,OAAA,CACE,EAAE,4HACF,KAAK,cAAc,CAAA,EAErBA,EACE,OAAA,CAAA,EAAE,0MACF,KAAK,cACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,wXACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}

package/dist/es/components/logos/blc-binance.js CHANGED Viewed

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