npm - @magiclabs/ui-components - Versions diffs - 1.16.7 → 1.17.0 - Mend

@magiclabs/ui-components 1.16.7 → 1.17.0

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 (22) hide show

package/dist/cjs/components/inputs/dropdown-selector.js ADDED Viewed

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

package/dist/cjs/components/inputs/dropdown-selector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/inputs/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 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 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 children: string;\n isFocused?: boolean;\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 DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, children, isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label: children });\n }, [setSelectedOption, value, children]);\n\n return (\n <HStack\n px={4}\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 >\n <Box w={4}>{isSelected && <IcoCheckmark width={16} height={16} color={token('colors.surface.primary')} />}</Box>\n <Text size=\"lg\" styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\n {children}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [selectedOption, setSelectedOption] = useState<OptionData | null>(null);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const maxHeight = viewMax * 2.5 + 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 setSelectedOption(option);\n onSelect(option.value);\n setIsOpen(false);\n },\n [setSelectedOption],\n );\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 setSelectedOption({\n label: selectedChild.props.children,\n value: selectedChild.props.value,\n });\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 value={{ selectedOption, setSelectedOption: handleSelect }}>\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\" h={12} p={4} justifyContent=\"space-between\">\n <Text size=\"lg\" styles={{ color: token(`colors.text.${selectedOption?.label ? 'primary' : 'tertiary'}`) }}>\n {selectedOption?.label ?? 'Select one'}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={18} height={18} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={18} height={18} 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 top={55}\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem` }}\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 }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n"],"names":["DropdownContext","createContext","DropdownOption","value","children","isFocused","selectedOption","setSelectedOption","useContext","isSelected","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","onSelect","label","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","Children","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","child","index","cloneElement"],"mappings":"gxBA6CA,MAAMA,EAAkBC,EAAmC,cAAA,CACzD,eAAgB,KAChB,kBAAmB,IAAK,CACzB,CAAA,CAAA,EAEYC,EAAiB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,CAAS,IAA2B,CACpF,KAAM,CAAE,eAAAC,EAAgB,kBAAAC,CAAiB,EAAKC,EAAAA,WAAWR,CAAe,EAClES,EAAaH,GAAgB,QAAUH,EAEvCO,EAAqBC,EAAAA,YAAY,IAAK,CAC1CJ,EAAkB,CAAE,MAAAJ,EAAO,MAAOC,CAAU,CAAA,CAC9C,EAAG,CAACG,EAAmBJ,EAAOC,CAAQ,CAAC,EAEvC,OACEQ,EAAAA,KAACC,SACC,CAAA,GAAI,EACJ,GAAI,IACJ,IAAK,EACL,GAAIJ,EAAa,aAAeJ,EAAY,iBAAmB,GAC/D,OAASI,EAAwC,CAAA,EAA3B,CAAE,GAAI,gBAAkB,EAC9C,QAASC,EAAkB,SAAA,CAE3BI,EAAAA,IAACC,EAAAA,IAAI,CAAA,EAAG,EAAC,SAAGN,GAAcK,MAACE,EAAAA,QAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAW,CAAA,EAChHH,MAACI,EAAAA,QAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,IAAK,MAAOD,EAAAA,MAAM,UAAUR,EAAa,UAAY,MAAM,UAAU,CAAG,EAAA,SAC3GL,CAAQ,CAAA,CACJ,CACA,CAAA,CAEb,EAEae,EAAmB,CAAC,CAC/B,SAAAf,EACA,SAAAgB,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,EACV,GAAGC,CACmB,IAAI,OAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,SAAA,EAAK,EACpC,CAACtB,EAAgBC,CAAiB,EAAIqB,EAAAA,SAA4B,IAAI,EACtE,CAACC,EAAcC,CAAe,EAAIF,WAAwB,IAAI,EAC9DG,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAAcD,EAAAA,OAAuB,IAAI,EAEzCE,EAAYV,EAAU,IAAM,EAE5BW,EAAiBxB,cAAY,IAAK,CACtCgB,EAAUS,GAAQ,CAACA,CAAI,EAClBV,IACHI,EAAgB,IAAI,EACpB,WAAW,IAAK,CAAA,IAAAO,EAAC,OAAAA,EAAAJ,EAAY,qCAAS,MAAK,CAAE,CAAA,EAEjD,EAAG,CAACP,CAAM,CAAC,EAELY,EAAe3B,EAAAA,YAClB4B,GAAsB,CACrBhC,EAAkBgC,CAAM,EACxBnB,EAASmB,EAAO,KAAK,EACrBZ,EAAU,EAAK,CACjB,EACA,CAACpB,CAAiB,CAAC,EAGf,CAAE,YAAAiC,CAAa,EAAGC,EAAAA,UACtB,CACE,GAAGhB,EACH,WAAYF,EACZ,QAASY,GAEXJ,CAAS,EAGL,CAAE,WAAAW,EAAY,eAAAC,GAAmBC,EAAAA,aAEjC,EAAA,CAAE,cAAAC,CAAe,EAAGC,cAAY,CACpC,UAAWC,GAAQ,SACjB,GAAI,CAACrB,EAAQ,OAEb,IAAIsB,EAAkBnB,EACtB,MAAMoB,EAAaC,EAAS,SAAA,QAAQ9C,CAAQ,EAE5C,OAAQ2C,EAAM,IAAK,CACjB,IAAK,UACHA,EAAM,eACFlB,EAAAA,IAAiB,KACnBC,EAAgBoB,EAAAA,SAAS,MAAM9C,CAAQ,EAAI,CAAC,GAE5C4C,EAAkBnB,EAAe,EAAIA,EAAe,EAAIqB,WAAS,MAAM9C,CAAQ,EAAI,EACnF0B,EAAgBkB,CAAe,GAEjC,MACF,IAAK,YACHD,EAAM,eAAc,EAChBlB,IAAiB,KACnBC,EAAgB,CAAC,GAEjBkB,EAAkBnB,EAAeqB,EAAAA,SAAS,MAAM9C,CAAQ,EAAI,EAAIyB,EAAe,EAAI,EACnFC,EAAgBkB,CAAe,GAEjC,MACF,IAAK,QAGH,GAFAD,EAAM,eAAc,GACpBV,EAAAN,EAAU,WAAS,MAAAM,IAAA,QAAAA,EAAA,MAAA,EACfR,IAAiB,KAAM,OAC3B,GAAIA,GAAgB,GAAKA,EAAeoB,EAAW,OAAQ,CACzD,MAAME,EAAgBF,EAAWpB,CAAY,EACzCsB,IACF5C,EAAkB,CAChB,MAAO4C,EAAc,MAAM,SAC3B,MAAOA,EAAc,MAAM,KAC5B,CAAA,EACD/B,EAAS+B,EAAc,MAAM,KAAK,EAEtC,CACA,MACF,IAAK,SACHxB,EAAU,EAAK,GACfyB,EAAArB,EAAU,WAAS,MAAAqB,IAAA,QAAAA,EAAA,QACnB,KAGJ,CACF,CACD,CAAA,EAED,OAAAC,EAAAA,UAAU,IAAK,CACb,MAAMC,EAAeP,GAAqB,OACnC,GAAAV,EAAAJ,EAAY,WAAO,MAAAI,IAAA,SAAAA,EAAE,SAASU,EAAM,MAAc,GACrDpB,EAAU,EAAK,CAEnB,EAEA,OAAA,SAAS,iBAAiB,YAAa2B,CAAW,EAE3C,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAW,CACvD,CACF,EAAG,CAAE,CAAA,EAGHxC,EAAAA,IAACd,EAAgB,SAAS,CAAA,MAAO,CAAE,eAAAM,EAAgB,kBAAmBgC,CAAY,EAChF,SAAA1B,OAAC2C,EAAM,OAAA,CAAC,IAAK,EAAG,EAAE,OAAO,WAAW,aAClC,SAAA,CAAA3C,EAACC,KAAAA,EAAAA,OAAM,CAAC,IAAK,EAAG,QAASU,EAAW,GAAM,GAAI,WAAY,mBAAkB,SAAA,CACzEF,GACCP,MAACI,UAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAG,EACtC,SAAAG,CACI,CAAA,EAGRC,GACCR,EAAAA,IAAC0C,UAAQ,CAAA,WAAYjC,EAAU,QAASD,EACtC,SAAAR,EAAAA,IAAC2C,EAAAA,QAAsB,CAAA,UAAWC,EAAAA,IAAI,CAAE,EAAG,EAAG,EAAG,EAAG,MAAO,iBAAiB,CAAE,CAAC,CAAA,CACvE,CAAA,CACX,CACM,CAAA,EAET9C,OACE,SAAA,CAAA,UAAW8C,EAAI,IAAA,CACb,EAAG,OACH,EAAG,cACH,YAAa,OACb,YAAa,oBACb,QAAS,KACT,WAAY,mBACZ,SAAU,WACV,OAAQ,UACR,aAAc,aACd,aAAcf,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,OAAQ,CAAE,YAAa,iBAAmB,EAC1C,UAAW,CAAE,QAAS,GAAK,cAAe,MAAQ,EACnD,EACD,IAAKZ,KACD4B,EAAAA,WAAWnB,EAAaE,EAAYG,CAAa,EAAC,SAAA,CAEtDjC,OAACC,EAAM,OAAA,CAAC,EAAE,OAAO,EAAG,GAAI,EAAG,EAAG,eAAe,gBAAe,SAAA,CAC1DC,MAACI,EAAAA,QAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,MAAOD,EAAAA,MAAM,eAAeX,GAAgB,MAAQ,UAAY,UAAU,EAAE,CAAC,EACpG,UAAA+B,EAAA/B,GAAgB,SAAS,MAAA+B,IAAA,OAAAA,EAAA,eAE3BX,EACCZ,EAAAA,IAAC8C,EAAAA,QAAW,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAO3C,EAAAA,MAAM,mBAAmB,CAAC,CAAA,EAEpEH,EAAAA,IAAC+C,EAAAA,QAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAO5C,EAAAA,MAAM,mBAAmB,CAAK,CAAA,CAC3E,CACM,CAAA,EAERS,GACCZ,EAAAA,IAACC,EAAAA,KACC,IAAKkB,EACL,SAAU,GACV,GAAI,EACJ,GAAG,kBACH,SAAS,WACT,EAAE,OACF,QAAQ,QACR,IAAK,GACL,UAAU,uCACV,MAAO,CAAE,UAAW,GAAGC,CAAS,KAAK,EACrC,UAAU,OACV,QAAQ,OACR,OAAO,MAAK,SAEXgB,WAAS,IAAI9C,EAAU,CAAC0D,EAAOC,IAC9BC,EAAAA,aAAaF,EAA4C,CACvD,UAAWC,IAAUlC,CACtB,CAAA,CAAC,CAEA,CAAA,CACP,GACM,CACF,CAAA,CAAA,CAAA,CAGf"}

package/dist/cjs/components/sections/verify-pincode.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var j=require("../feedback/loading-spinner.js"),m=require("@styled/tokens"),v=require("../icons/ico-checkmark-circle-fill.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("react"),require("../../hooks/useToast.js"),require("../../recipes/toast.js");var n=require("@styled/jsx");require("../feedback/tooltip.js"),require("../inputs/phone-input.js");var k=require("../inputs/pincode-input.js");require("../inputs/text-input.js");var t=require("create-slots");const o=t.createSlot(({children:r})=>r),S=r=>{const{isPending:s,isSuccess:u,onChange:a,onComplete:c,originName:q,pinLength:d,id:l,autoFocus:g,errorMessage:i,children:h}=r,p=()=>s?e.jsx(j.LoadingSpinner,{size:36,strokeWidth:4}):u?e.jsx(v.default,{color:m.token("colors.brand.base"),width:36,height:36}):e.jsx(k.PinCodeInput,{originName:q,onChange:a,pinLength:d,onComplete:c,id:l,autoFocus:g});return t.createHost(h,x=>e.jsxs(n.VStack,{gap:3,my:3,children:[e.jsx(n.Center,{height:12,children:p()}),i&&e.jsx(C.default,{variant:"error",size:"sm",styles:{textAlign:"center"},children:i}),x.get(o)]}))},y=Object.assign(S,{RetryContent:o});exports.VerifyPincode=y;
+"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var j=require("../feedback/loading-spinner.js"),m=require("@styled/tokens"),v=require("../icons/ico-checkmark-circle-fill.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("react"),require("../../hooks/useToast.js"),require("../../recipes/toast.js");var n=require("@styled/jsx");require("../feedback/tooltip.js"),require("../inputs/dropdown-selector.js"),require("../inputs/phone-input.js");var k=require("../inputs/pincode-input.js");require("../inputs/text-input.js");var t=require("create-slots");const o=t.createSlot(({children:r})=>r),S=r=>{const{isPending:s,isSuccess:u,onChange:a,onComplete:c,originName:q,pinLength:d,id:l,autoFocus:g,errorMessage:i,children:h}=r,p=()=>s?e.jsx(j.LoadingSpinner,{size:36,strokeWidth:4}):u?e.jsx(v.default,{color:m.token("colors.brand.base"),width:36,height:36}):e.jsx(k.PinCodeInput,{originName:q,onChange:a,pinLength:d,onComplete:c,id:l,autoFocus:g});return t.createHost(h,x=>e.jsxs(n.VStack,{gap:3,my:3,children:[e.jsx(n.Center,{height:12,children:p()}),i&&e.jsx(C.default,{variant:"error",size:"sm",styles:{textAlign:"center"},children:i}),x.get(o)]}))},y=Object.assign(S,{RetryContent:o});exports.VerifyPincode=y;
 //# sourceMappingURL=verify-pincode.js.map

package/dist/cjs/components/sections/verify-pincode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"~~gyBAeA~~,MAAMA,EAAeC,EAAAA,WAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAAAA,IAACC,iBAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,MAACE,EAAAA,QAAsB,CAAC,MAAOC,EAAAA,MAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,MAACI,EAAY,aAAA,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAAA,WAAWlB,EAAUmB,GAExBC,EAAAA,KAACC,SAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAAAA,IAACS,EAAAA,OAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAAAA,IAACU,WAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}
1	+ {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"00BAeA,MAAMA,EAAeC,EAAAA,WAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAAAA,IAACC,iBAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,MAACE,EAAAA,QAAsB,CAAC,MAAOC,EAAAA,MAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,MAACI,EAAY,aAAA,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAAA,WAAWlB,EAAUmB,GAExBC,EAAAA,KAACC,SAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAAAA,IAACS,EAAAA,OAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAAAA,IAACU,WAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}

package/dist/cjs/index.js CHANGED Viewed

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

package/dist/cjs/recipes/text-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@styled/css");const n=t.sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"}},center:{input:{textAlign:"center"}},right:{input:{textAlign:"right"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});exports.textInput=n;
+"use strict";var t=require("@styled/css");const n=t.sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"},container:{alignItems:"flex-start"}},center:{input:{textAlign:"center"},container:{alignItems:"center"}},right:{input:{textAlign:"right"},container:{alignItems:"flex-end"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});exports.textInput=n;
 //# sourceMappingURL=text-input.js.map

package/dist/cjs/recipes/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const textInput = sva({\n slots: ['container', 'label', 'inputContainer', 'input', 'description', 'typeIcon', 'actionIcon', 'actionButton'],\n base: {\n label: {\n fontSize: 'sm',\n fontWeight: 'medium',\n color: 'text.primary',\n },\n inputContainer: {\n backgroundColor: 'transparent',\n borderStyle: 'solid',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n borderRadius: 'input',\n boxSizing: 'border-box',\n transition: 'all linear 120ms',\n width: '100%',\n\n _hover: {\n borderColor: 'neutral.primary',\n },\n\n _focusWithin: {\n outlineColor: 'brand.base',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n },\n },\n input: {\n transition: 'all linear 120ms',\n width: '100%',\n boxSizing: 'border-box',\n m: 0,\n p: 0,\n outline: 'none',\n minWidth: 10,\n fontWeight: 'normal',\n backgroundColor: 'transparent',\n color: 'text.primary',\n _placeholder: {\n color: 'text.tertiary',\n },\n\n _groupHover: {\n borderColor: 'neutral.primary',\n },\n },\n description: {\n fontSize: 'sm',\n color: 'text.primary',\n },\n typeIcon: {\n transition: 'opacity linear 120ms',\n },\n actionIcon: {\n transition: 'opacity linear 120ms',\n cursor: 'pointer',\n },\n actionButton: {\n transition: 'opacity linear 120ms',\n },\n },\n variants: {\n size: {\n sm: {\n input: {\n fontSize: 'sm',\n textAlign: 'left',\n },\n inputContainer: {\n height: 10,\n p: 3,\n },\n },\n md: {\n input: {\n fontSize: 'md',\n textAlign: 'left',\n },\n inputContainer: {\n height: 12,\n p: 3,\n },\n },\n lg: {\n input: {\n fontSize: 'lg',\n textAlign: 'left',\n },\n inputContainer: {\n height: 15,\n padding: 4,\n },\n },\n },\n alignText: {\n left: {\n input: {\n textAlign: 'left',\n },\n },\n center: {\n input: {\n textAlign: 'center',\n },\n },\n right: {\n input: {\n textAlign: 'right',\n },\n },\n },\n isError: {\n true: {\n inputContainer: {\n borderColor: 'negative.base',\n },\n },\n },\n char: {\n true: {\n input: {\n fontSize: 'xl',\n textAlign: 'center',\n },\n inputContainer: {\n height: 12,\n py: 2,\n },\n },\n },\n disabled: {\n true: {\n container: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n inputContainer: {\n _hover: {\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"0CAEO,MAAMA,EAAYC,EAAAA,IAAI,CAC3B,MAAO,CAAC,YAAa,QAAS,iBAAkB,QAAS,cAAe,WAAY,aAAc,cAAc,EAChH,KAAM,CACJ,MAAO,CACL,SAAU,KACV,WAAY,SACZ,MAAO,cACR,EACD,eAAgB,CACd,gBAAiB,cACjB,YAAa,QACb,YAAa,OACb,YAAa,oBACb,aAAc,QACd,UAAW,aACX,WAAY,mBACZ,MAAO,OAEP,OAAQ,CACN,YAAa,iBACd,EAED,aAAc,CACZ,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,EACD,MAAO,CACL,WAAY,mBACZ,MAAO,OACP,UAAW,aACX,EAAG,EACH,EAAG,EACH,QAAS,OACT,SAAU,GACV,WAAY,SACZ,gBAAiB,cACjB,MAAO,eACP,aAAc,CACZ,MAAO,eACR,EAED,YAAa,CACX,YAAa,iBACd,CACF,EACD,YAAa,CACX,SAAU,KACV,MAAO,cACR,EACD,SAAU,CACR,WAAY,sBACb,EACD,WAAY,CACV,WAAY,uBACZ,OAAQ,SACT,EACD,aAAc,CACZ,WAAY,sBACb,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,QAAS,CACV,CACF,CACF,EACD,UAAW,CACT,KAAM,CACJ,MAAO,CACL,UAAW,MACZ,CACF,EACD,OAAQ,CACN,MAAO,CACL,UAAW,QACZ,CACF,EACD,MAAO,CACL,MAAO,CACL,UAAW,OACZ,CACF,CACF,EACD,QAAS,CACP,KAAM,CACJ,eAAgB,CACd,YAAa,eACd,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,SAAU,KACV,UAAW,QACZ,EACD,eAAgB,CACd,OAAQ,GACR,GAAI,CACL,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,eAAgB,CACd,OAAQ,CACN,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,CAAA"}
1	+ {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const textInput = sva({\n slots: ['container', 'label', 'inputContainer', 'input', 'description', 'typeIcon', 'actionIcon', 'actionButton'],\n base: {\n label: {\n fontSize: 'sm',\n fontWeight: 'medium',\n color: 'text.primary',\n },\n inputContainer: {\n backgroundColor: 'transparent',\n borderStyle: 'solid',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n borderRadius: 'input',\n boxSizing: 'border-box',\n transition: 'all linear 120ms',\n width: '100%',\n\n _hover: {\n borderColor: 'neutral.primary',\n },\n\n _focusWithin: {\n outlineColor: 'brand.base',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n },\n },\n input: {\n transition: 'all linear 120ms',\n width: '100%',\n boxSizing: 'border-box',\n m: 0,\n p: 0,\n outline: 'none',\n minWidth: 10,\n fontWeight: 'normal',\n backgroundColor: 'transparent',\n color: 'text.primary',\n _placeholder: {\n color: 'text.tertiary',\n },\n\n _groupHover: {\n borderColor: 'neutral.primary',\n },\n },\n description: {\n fontSize: 'sm',\n color: 'text.primary',\n },\n typeIcon: {\n transition: 'opacity linear 120ms',\n },\n actionIcon: {\n transition: 'opacity linear 120ms',\n cursor: 'pointer',\n },\n actionButton: {\n transition: 'opacity linear 120ms',\n },\n },\n variants: {\n size: {\n sm: {\n input: {\n fontSize: 'sm',\n textAlign: 'left',\n },\n inputContainer: {\n height: 10,\n p: 3,\n },\n },\n md: {\n input: {\n fontSize: 'md',\n textAlign: 'left',\n },\n inputContainer: {\n height: 12,\n p: 3,\n },\n },\n lg: {\n input: {\n fontSize: 'lg',\n textAlign: 'left',\n },\n inputContainer: {\n height: 15,\n padding: 4,\n },\n },\n },\n alignText: {\n left: {\n input: {\n textAlign: 'left',\n },\n container: {\n alignItems: 'flex-start',\n },\n },\n center: {\n input: {\n textAlign: 'center',\n },\n container: {\n alignItems: 'center',\n },\n },\n right: {\n input: {\n textAlign: 'right',\n },\n container: {\n alignItems: 'flex-end',\n },\n },\n },\n isError: {\n true: {\n inputContainer: {\n borderColor: 'negative.base',\n },\n },\n },\n char: {\n true: {\n input: {\n fontSize: 'xl',\n textAlign: 'center',\n },\n inputContainer: {\n height: 12,\n py: 2,\n },\n },\n },\n disabled: {\n true: {\n container: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n inputContainer: {\n _hover: {\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"0CAEO,MAAMA,EAAYC,EAAAA,IAAI,CAC3B,MAAO,CAAC,YAAa,QAAS,iBAAkB,QAAS,cAAe,WAAY,aAAc,cAAc,EAChH,KAAM,CACJ,MAAO,CACL,SAAU,KACV,WAAY,SACZ,MAAO,cACR,EACD,eAAgB,CACd,gBAAiB,cACjB,YAAa,QACb,YAAa,OACb,YAAa,oBACb,aAAc,QACd,UAAW,aACX,WAAY,mBACZ,MAAO,OAEP,OAAQ,CACN,YAAa,iBACd,EAED,aAAc,CACZ,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,EACD,MAAO,CACL,WAAY,mBACZ,MAAO,OACP,UAAW,aACX,EAAG,EACH,EAAG,EACH,QAAS,OACT,SAAU,GACV,WAAY,SACZ,gBAAiB,cACjB,MAAO,eACP,aAAc,CACZ,MAAO,eACR,EAED,YAAa,CACX,YAAa,iBACd,CACF,EACD,YAAa,CACX,SAAU,KACV,MAAO,cACR,EACD,SAAU,CACR,WAAY,sBACb,EACD,WAAY,CACV,WAAY,uBACZ,OAAQ,SACT,EACD,aAAc,CACZ,WAAY,sBACb,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,QAAS,CACV,CACF,CACF,EACD,UAAW,CACT,KAAM,CACJ,MAAO,CACL,UAAW,MACZ,EACD,UAAW,CACT,WAAY,YACb,CACF,EACD,OAAQ,CACN,MAAO,CACL,UAAW,QACZ,EACD,UAAW,CACT,WAAY,QACb,CACF,EACD,MAAO,CACL,MAAO,CACL,UAAW,OACZ,EACD,UAAW,CACT,WAAY,UACb,CACF,CACF,EACD,QAAS,CACP,KAAM,CACJ,eAAgB,CACd,YAAa,eACd,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,SAAU,KACV,UAAW,QACZ,EACD,eAAgB,CACd,OAAQ,GACR,GAAI,CACL,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,eAAgB,CACd,OAAQ,CACN,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,CAAA"}

package/dist/es/components/inputs/dropdown-selector.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as p,jsx as t}from"react/jsx-runtime";import"../feedback/callout.js";import{css as z}from"@styled/css";import{HStack as D,Box as W,VStack as L}from"@styled/jsx";import{token as d}from"@styled/tokens";import N from"../icons/ico-caret-down.js";import T from"../icons/ico-caret-up.js";import V from"../icons/ico-checkmark.js";import M from"../icons/ico-question-circle-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import E from"../primitives/text.js";import"../primitives/portal.js";import{createContext as U,useContext as Y,useCallback as O,useState as $,useRef as j,Children as m,useEffect as q,cloneElement as G}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import J from"../feedback/tooltip.js";import{useButton as Q,useFocusRing as X,useKeyboard as Z,mergeProps as ee}from"react-aria";const A=U({selectedOption:null,setSelectedOption:()=>{}}),oe=({value:r,children:i,isFocused:f})=>{const{selectedOption:h,setSelectedOption:s}=Y(A),a=h?.value===r,w=O(()=>{s({value:r,label:i})},[s,r,i]);return p(D,{px:4,py:1.5,gap:2,bg:a?"brand.base":f?"brand.lightest":"",_hover:a?{}:{bg:"brand.lightest"},onClick:w,children:[t(W,{w:4,children:a&&t(V,{width:16,height:16,color:d("colors.surface.primary")})}),t(E,{size:"lg",styles:{fontWeight:500,color:d(`colors.${a?"surface":"text"}.primary`)},children:i})]})},te=({children:r,onSelect:i,label:f,tooltipContent:h,disabled:s,viewMax:a=5,...w})=>{var x;const[c,b]=$(!1),[k,S]=$(null),[o,u]=$(null),v=j(null),C=j(null),F=a*2.5+1,B=O(()=>{b(e=>!e),c\|\|(u(null),setTimeout(()=>{var e;return(e=C.current)===null\|\|e===void 0?void 0:e.focus()}))},[c]),H=O(e=>{S(e),i(e.value),b(!1)},[S]),{buttonProps:I}=Q({...w,isDisabled:s,onPress:B},v),{focusProps:R,isFocusVisible:_}=X(),{keyboardProps:K}=Z({onKeyDown:e=>{var l,n;if(!c)return;let y=o;const P=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),o===null?u(m.count(r)-1):(y=o>0?o-1:m.count(r)-1,u(y));break;case"ArrowDown":e.preventDefault(),o===null?u(0):(y=o<m.count(r)-1?o+1:0,u(y));break;case"Enter":if(e.preventDefault(),(l=v.current)===null\|\|l===void 0\|\|l.focus(),o===null)return;if(o>=0&&o<P.length){const g=P[o];g&&(S({label:g.props.children,value:g.props.value}),i(g.props.value))}break;case"Escape":b(!1),(n=v.current)===null\|\|n===void 0\|\|n.focus();break}}});return q(()=>{const e=l=>{var n;!((n=C.current)===null\|\|n===void 0)&&n.contains(l.target)\|\|b(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),t(A.Provider,{value:{selectedOption:k,setSelectedOption:H},children:p(L,{gap:2,w:"full",alignItems:"flex-start",children:[p(D,{gap:2,opacity:s?.3:"",transition:"all linear 120ms",children:[f&&t(E,{size:"sm",styles:{fontWeight:500},children:f}),h&&t(J,{isDisabled:s,content:h,children:t(M,{className:z({w:4,h:4,color:"neutral.primary"})})})]}),p("button",{className:z({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:v,...ee(I,R,K),children:[p(D,{w:"full",h:12,p:4,justifyContent:"space-between",children:[t(E,{size:"lg",styles:{color:d(`colors.text.${k?.label?"primary":"tertiary"}`)},children:(x=k?.label)!==null&&x!==void 0?x:"Select one"}),c?t(T,{width:18,height:18,color:d("colors.brand.base")}):t(N,{width:18,height:18,color:d("colors.brand.base")})]}),c&&t(W,{ref:C,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",top:55,boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${F}rem`},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>G(e,{isFocused:l===o}))})]})]})})};export{oe as DropdownOption,te as DropdownSelector};
2	+ //# sourceMappingURL=dropdown-selector.js.map

package/dist/es/components/inputs/dropdown-selector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/inputs/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 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 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 children: string;\n isFocused?: boolean;\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 DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, children, isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label: children });\n }, [setSelectedOption, value, children]);\n\n return (\n <HStack\n px={4}\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 >\n <Box w={4}>{isSelected && <IcoCheckmark width={16} height={16} color={token('colors.surface.primary')} />}</Box>\n <Text size=\"lg\" styles={{ fontWeight: 500, color: token(`colors.${isSelected ? 'surface' : 'text'}.primary`) }}>\n {children}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [selectedOption, setSelectedOption] = useState<OptionData | null>(null);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const maxHeight = viewMax * 2.5 + 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 setSelectedOption(option);\n onSelect(option.value);\n setIsOpen(false);\n },\n [setSelectedOption],\n );\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 setSelectedOption({\n label: selectedChild.props.children,\n value: selectedChild.props.value,\n });\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 value={{ selectedOption, setSelectedOption: handleSelect }}>\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\" h={12} p={4} justifyContent=\"space-between\">\n <Text size=\"lg\" styles={{ color: token(`colors.text.${selectedOption?.label ? 'primary' : 'tertiary'}`) }}>\n {selectedOption?.label ?? 'Select one'}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={18} height={18} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={18} height={18} 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 top={55}\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem` }}\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 }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n"],"names":["DropdownContext","createContext","DropdownOption","value","children","isFocused","selectedOption","setSelectedOption","useContext","isSelected","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","onSelect","label","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","Children","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","child","index","cloneElement"],"mappings":"q+BA6CA,MAAMA,EAAkBC,EAAmC,CACzD,eAAgB,KAChB,kBAAmB,IAAK,CACzB,CAAA,CAAA,EAEYC,GAAiB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,CAAS,IAA2B,CACpF,KAAM,CAAE,eAAAC,EAAgB,kBAAAC,CAAiB,EAAKC,EAAWR,CAAe,EAClES,EAAaH,GAAgB,QAAUH,EAEvCO,EAAqBC,EAAY,IAAK,CAC1CJ,EAAkB,CAAE,MAAAJ,EAAO,MAAOC,CAAU,CAAA,CAC9C,EAAG,CAACG,EAAmBJ,EAAOC,CAAQ,CAAC,EAEvC,OACEQ,EAACC,EACC,CAAA,GAAI,EACJ,GAAI,IACJ,IAAK,EACL,GAAIJ,EAAa,aAAeJ,EAAY,iBAAmB,GAC/D,OAASI,EAAwC,CAAA,EAA3B,CAAE,GAAI,gBAAkB,EAC9C,QAASC,EAAkB,SAAA,CAE3BI,EAACC,EAAI,CAAA,EAAG,EAAC,SAAGN,GAAcK,EAACE,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAW,CAAA,EAChHH,EAACI,EAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,IAAK,MAAOD,EAAM,UAAUR,EAAa,UAAY,MAAM,UAAU,CAAG,EAAA,SAC3GL,CAAQ,CAAA,CACJ,CACA,CAAA,CAEb,EAEae,GAAmB,CAAC,CAC/B,SAAAf,EACA,SAAAgB,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,EACV,GAAGC,CACmB,IAAI,OAC1B,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EACpC,CAACtB,EAAgBC,CAAiB,EAAIqB,EAA4B,IAAI,EACtE,CAACC,EAAcC,CAAe,EAAIF,EAAwB,IAAI,EAC9DG,EAAYC,EAA0B,IAAI,EAC1CC,EAAcD,EAAuB,IAAI,EAEzCE,EAAYV,EAAU,IAAM,EAE5BW,EAAiBxB,EAAY,IAAK,CACtCgB,EAAUS,GAAQ,CAACA,CAAI,EAClBV,IACHI,EAAgB,IAAI,EACpB,WAAW,IAAK,CAAA,IAAAO,EAAC,OAAAA,EAAAJ,EAAY,qCAAS,MAAK,CAAE,CAAA,EAEjD,EAAG,CAACP,CAAM,CAAC,EAELY,EAAe3B,EAClB4B,GAAsB,CACrBhC,EAAkBgC,CAAM,EACxBnB,EAASmB,EAAO,KAAK,EACrBZ,EAAU,EAAK,CACjB,EACA,CAACpB,CAAiB,CAAC,EAGf,CAAE,YAAAiC,CAAa,EAAGC,EACtB,CACE,GAAGhB,EACH,WAAYF,EACZ,QAASY,GAEXJ,CAAS,EAGL,CAAE,WAAAW,EAAY,eAAAC,GAAmBC,EAEjC,EAAA,CAAE,cAAAC,CAAe,EAAGC,EAAY,CACpC,UAAWC,GAAQ,SACjB,GAAI,CAACrB,EAAQ,OAEb,IAAIsB,EAAkBnB,EACtB,MAAMoB,EAAaC,EAAS,QAAQ9C,CAAQ,EAE5C,OAAQ2C,EAAM,IAAK,CACjB,IAAK,UACHA,EAAM,eACFlB,EAAAA,IAAiB,KACnBC,EAAgBoB,EAAS,MAAM9C,CAAQ,EAAI,CAAC,GAE5C4C,EAAkBnB,EAAe,EAAIA,EAAe,EAAIqB,EAAS,MAAM9C,CAAQ,EAAI,EACnF0B,EAAgBkB,CAAe,GAEjC,MACF,IAAK,YACHD,EAAM,eAAc,EAChBlB,IAAiB,KACnBC,EAAgB,CAAC,GAEjBkB,EAAkBnB,EAAeqB,EAAS,MAAM9C,CAAQ,EAAI,EAAIyB,EAAe,EAAI,EACnFC,EAAgBkB,CAAe,GAEjC,MACF,IAAK,QAGH,GAFAD,EAAM,eAAc,GACpBV,EAAAN,EAAU,WAAS,MAAAM,IAAA,QAAAA,EAAA,MAAA,EACfR,IAAiB,KAAM,OAC3B,GAAIA,GAAgB,GAAKA,EAAeoB,EAAW,OAAQ,CACzD,MAAME,EAAgBF,EAAWpB,CAAY,EACzCsB,IACF5C,EAAkB,CAChB,MAAO4C,EAAc,MAAM,SAC3B,MAAOA,EAAc,MAAM,KAC5B,CAAA,EACD/B,EAAS+B,EAAc,MAAM,KAAK,EAEtC,CACA,MACF,IAAK,SACHxB,EAAU,EAAK,GACfyB,EAAArB,EAAU,WAAS,MAAAqB,IAAA,QAAAA,EAAA,QACnB,KAGJ,CACF,CACD,CAAA,EAED,OAAAC,EAAU,IAAK,CACb,MAAMC,EAAeP,GAAqB,OACnC,GAAAV,EAAAJ,EAAY,WAAO,MAAAI,IAAA,SAAAA,EAAE,SAASU,EAAM,MAAc,GACrDpB,EAAU,EAAK,CAEnB,EAEA,OAAA,SAAS,iBAAiB,YAAa2B,CAAW,EAE3C,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAW,CACvD,CACF,EAAG,CAAE,CAAA,EAGHxC,EAACd,EAAgB,SAAS,CAAA,MAAO,CAAE,eAAAM,EAAgB,kBAAmBgC,CAAY,EAChF,SAAA1B,EAAC2C,EAAM,CAAC,IAAK,EAAG,EAAE,OAAO,WAAW,aAClC,SAAA,CAAA3C,EAACC,EAAM,CAAC,IAAK,EAAG,QAASU,EAAW,GAAM,GAAI,WAAY,mBAAkB,SAAA,CACzEF,GACCP,EAACI,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAG,EACtC,SAAAG,CACI,CAAA,EAGRC,GACCR,EAAC0C,EAAQ,CAAA,WAAYjC,EAAU,QAASD,EACtC,SAAAR,EAAC2C,EAAsB,CAAA,UAAWC,EAAI,CAAE,EAAG,EAAG,EAAG,EAAG,MAAO,iBAAiB,CAAE,CAAC,CAAA,CACvE,CAAA,CACX,CACM,CAAA,EAET9C,EACE,SAAA,CAAA,UAAW8C,EAAI,CACb,EAAG,OACH,EAAG,cACH,YAAa,OACb,YAAa,oBACb,QAAS,KACT,WAAY,mBACZ,SAAU,WACV,OAAQ,UACR,aAAc,aACd,aAAcf,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,OAAQ,CAAE,YAAa,iBAAmB,EAC1C,UAAW,CAAE,QAAS,GAAK,cAAe,MAAQ,EACnD,EACD,IAAKZ,KACD4B,GAAWnB,EAAaE,EAAYG,CAAa,EAAC,SAAA,CAEtDjC,EAACC,EAAM,CAAC,EAAE,OAAO,EAAG,GAAI,EAAG,EAAG,eAAe,gBAAe,SAAA,CAC1DC,EAACI,EAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,MAAOD,EAAM,eAAeX,GAAgB,MAAQ,UAAY,UAAU,EAAE,CAAC,EACpG,UAAA+B,EAAA/B,GAAgB,SAAS,MAAA+B,IAAA,OAAAA,EAAA,eAE3BX,EACCZ,EAAC8C,EAAW,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAO3C,EAAM,mBAAmB,CAAC,CAAA,EAEpEH,EAAC+C,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAO5C,EAAM,mBAAmB,CAAK,CAAA,CAC3E,CACM,CAAA,EAERS,GACCZ,EAACC,GACC,IAAKkB,EACL,SAAU,GACV,GAAI,EACJ,GAAG,kBACH,SAAS,WACT,EAAE,OACF,QAAQ,QACR,IAAK,GACL,UAAU,uCACV,MAAO,CAAE,UAAW,GAAGC,CAAS,KAAK,EACrC,UAAU,OACV,QAAQ,OACR,OAAO,MAAK,SAEXgB,EAAS,IAAI9C,EAAU,CAAC0D,EAAOC,IAC9BC,EAAaF,EAA4C,CACvD,UAAWC,IAAUlC,CACtB,CAAA,CAAC,CAEA,CAAA,CACP,GACM,CACF,CAAA,CAAA,CAAA,CAGf"}

package/dist/es/components/sections/verify-pincode.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import{token as C}from"@styled/tokens";import j from"../icons/ico-checkmark-circle-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import x from"../primitives/text.js";import"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{VStack as y,Center as S}from"@styled/jsx";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as b}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(j,{color:C("colors.brand.base"),width:36,height:36}):o(b,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(y,{gap:3,my:3,children:[o(S,{height:12,children:d()}),t&&o(x,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
+import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import{token as C}from"@styled/tokens";import j from"../icons/ico-checkmark-circle-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import x from"../primitives/text.js";import"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{VStack as y,Center as S}from"@styled/jsx";import"../feedback/tooltip.js";import"../inputs/dropdown-selector.js";import"../inputs/phone-input.js";import{PinCodeInput as b}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(j,{color:C("colors.brand.base"),width:36,height:36}):o(b,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(y,{gap:3,my:3,children:[o(S,{height:12,children:d()}),t&&o(x,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
 //# sourceMappingURL=verify-pincode.js.map

package/dist/es/components/sections/verify-pincode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"~~i1BAeA~~,MAAMA,EAAeC,EAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAACC,EAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,EAACE,EAAsB,CAAC,MAAOC,EAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,EAACI,EAAY,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAWlB,EAAUmB,GAExBC,EAACC,EAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAACS,EAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAACU,GAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}
1	+ {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"w3BAeA,MAAMA,EAAeC,EAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAACC,EAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,EAACE,EAAsB,CAAC,MAAOC,EAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,EAACI,EAAY,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAWlB,EAAUmB,GAExBC,EAACC,EAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAACS,EAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAACU,GAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}

package/dist/es/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Content as r}from"./components/containers/content.js";import{Drawer as t}from"./components/containers/drawer.js";import{Footer as l}from"./components/containers/footer.js";import{Header as m}from"./components/containers/header.js";import{Modal as d}from"./components/containers/modal.js";import{Overlay as x}from"./components/containers/overlay.js";import{PayPalButton as n}from"./components/external/paypal-button.js";import{SocialLoginButton as g}from"./components/external/social-login-button.js";import{Callout as I}from"./components/feedback/callout.js";import{LoadingSpinner as k}from"./components/feedback/loading-spinner.js";import{Toast as F,ToastProvider as C}from"./components/feedback/toast-provider.js";import{default as w}from"./components/feedback/tooltip.js";import{default as A}from"./components/icons/ico-add.js";import{default as S}from"./components/icons/ico-alert-circle-fill.js";import{default as W}from"./components/icons/ico-alert-circle.js";import{default as E}from"./components/icons/ico-arrow-down.js";import{default as G}from"./components/icons/ico-arrow-left.js";import{default as O}from"./components/icons/ico-arrow-right.js";import{default as H}from"./components/icons/ico-asterisk.js";import{default as N}from"./components/icons/ico-astronaut.js";import{default as X}from"./components/icons/ico-bank.js";import{default as Q}from"./components/icons/ico-bell-notification.js";import{default as V}from"./components/icons/ico-bell.js";import{default as J}from"./components/icons/ico-branding.js";import{default as Y}from"./components/icons/ico-caret-down.js";import{default as $}from"./components/icons/ico-caret-left.js";import{default as eo}from"./components/icons/ico-caret-right.js";import{default as ao}from"./components/icons/ico-caret-up.js";import{default as fo}from"./components/icons/ico-checkmark-circle-fill.js";import{default as so}from"./components/icons/ico-checkmark-circle.js";import{default as po}from"./components/icons/ico-checkmark.js";import{default as xo}from"./components/icons/ico-code-editor.js";import{default as no}from"./components/icons/ico-code-sandbox.js";import{default as go}from"./components/icons/ico-code.js";import{default as Io}from"./components/icons/ico-command-line.js";import{default as ko}from"./components/icons/ico-comment.js";import{default as Fo}from"./components/icons/ico-copy.js";import{default as ho}from"./components/icons/ico-credit-card.js";import{default as Po}from"./components/icons/ico-diamond.js";import{default as bo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as yo}from"./components/icons/ico-dismiss-circle.js";import{default as To}from"./components/icons/ico-dismiss.js";import{default as Do}from"./components/icons/ico-doc.js";import{default as Ro}from"./components/icons/ico-download.js";import{default as vo}from"./components/icons/ico-edit-email.js";import{default as Zo}from"./components/icons/ico-edit.js";import{default as zo}from"./components/icons/ico-email-fill.js";import{default as jo}from"./components/icons/ico-email-open.js";import{default as Uo}from"./components/icons/ico-email.js";import{default as qo}from"./components/icons/ico-expiration.js";import{default as Ko}from"./components/icons/ico-external-link.js";import{default as _o}from"./components/icons/ico-eye-closed.js";import{default as oe}from"./components/icons/ico-eye-opened.js";import{default as re}from"./components/icons/ico-fingerprint-fill.js";import{default as te}from"./components/icons/ico-fingerprint.js";import{default as le}from"./components/icons/ico-gas.js";import{default as me}from"./components/icons/ico-gift.js";import{default as de}from"./components/icons/ico-globe.js";import{default as xe}from"./components/icons/ico-guide.js";import{default as ne}from"./components/icons/ico-home.js";import{default as ge}from"./components/icons/ico-hourglass.js";import{default as Ie}from"./components/icons/ico-info-circle-fill.js";import{default as ke}from"./components/icons/ico-info-circle.js";import{default as Fe}from"./components/icons/ico-key.js";import{default as he}from"./components/icons/ico-lightbulb-fill.js";import{default as Pe}from"./components/icons/ico-lightbulb.js";import{default as be}from"./components/icons/ico-lightning-fill.js";import{default as ye}from"./components/icons/ico-lightning.js";import{default as Te}from"./components/icons/ico-link.js";import{default as De}from"./components/icons/ico-loading.js";import{default as Re}from"./components/icons/ico-lock-locked.js";import{default as ve}from"./components/icons/ico-lock-password.js";import{default as Ze}from"./components/icons/ico-lock-unlocked.js";import{default as ze}from"./components/icons/ico-login-form.js";import{default as je}from"./components/icons/ico-magic.js";import{default as Ue}from"./components/icons/ico-menu.js";import{default as qe}from"./components/icons/ico-message-fill.js";import{default as Ke}from"./components/icons/ico-message.js";import{default as _e}from"./components/icons/ico-mfa.js";import{default as or}from"./components/icons/ico-mobile2fa.js";import{default as rr}from"./components/icons/ico-mobile2fafill.js";import{default as tr}from"./components/icons/ico-paper-plane.js";import{default as lr}from"./components/icons/ico-passwordless.js";import{default as mr}from"./components/icons/ico-pending-connection.js";import{default as dr}from"./components/icons/ico-phone.js";import{default as xr}from"./components/icons/ico-price.js";import{default as nr}from"./components/icons/ico-qrcode.js";import{default as gr}from"./components/icons/ico-question-circle-fill.js";import{default as Ir}from"./components/icons/ico-question-circle.js";import{default as kr}from"./components/icons/ico-refresh-circle-fill.js";import{default as Fr}from"./components/icons/ico-refresh.js";import{default as hr}from"./components/icons/ico-rocket-fill.js";import{default as Pr}from"./components/icons/ico-search.js";import{default as br}from"./components/icons/ico-settings.js";import{default as yr}from"./components/icons/ico-shield-approved.js";import{default as Tr}from"./components/icons/ico-shield-rejected.js";import{default as Dr}from"./components/icons/ico-shield.js";import{default as Rr}from"./components/icons/ico-social.js";import{default as vr}from"./components/icons/ico-sold-out-tag.js";import{default as Zr}from"./components/icons/ico-star.js";import{default as zr}from"./components/icons/ico-swap.js";import{default as jr}from"./components/icons/ico-swatches.js";import{default as Ur}from"./components/icons/ico-team.js";import{default as qr}from"./components/icons/ico-users.js";import{default as Kr}from"./components/icons/ico-wallet-fill.js";import{default as _r}from"./components/icons/ico-wallet.js";import{default as oa}from"./components/icons/ico-wand.js";import{default as ra}from"./components/icons/ico-warning-fill.js";import{default as ta}from"./components/icons/ico-warning.js";import{default as la}from"./components/icons/ico-widget-ui.js";import{default as ma}from"./components/inputs/phone-input.js";import{PinCodeInput as da}from"./components/inputs/pincode-input.js";import{TextInput as xa}from"./components/inputs/text-input.js";import{Dialogue as na}from"./components/layouts/dialogue.js";import{Error as ga}from"./components/layouts/error.js";import{Page as Ia}from"./components/layouts/page.js";import{default as ka}from"./components/list-items/navigation-button.js";import{NFTTile as Fa}from"./components/list-items/nft-tile.js";import{TokenListItem as ha}from"./components/list-items/token-list-item.js";import{default as Pa}from"./components/logos/blc-algorand.js";import{default as ba}from"./components/logos/blc-aptos.js";import{default as ya}from"./components/logos/blc-arbitrum.js";import{default as Ta}from"./components/logos/blc-astar.js";import{default as Da}from"./components/logos/blc-avalanche.js";import{default as Ra}from"./components/logos/blc-base.js";import{default as va}from"./components/logos/blc-berachain.js";import{default as Za}from"./components/logos/blc-binance.js";import{default as za}from"./components/logos/blc-bitcoin.js";import{default as ja}from"./components/logos/blc-celo.js";import{default as Ua}from"./components/logos/blc-chiliz.js";import{default as qa}from"./components/logos/blc-cosmos.js";import{default as Ka}from"./components/logos/blc-ethereum.js";import{default as _a}from"./components/logos/blc-etherlink.js";import{default as ot}from"./components/logos/blc-flow.js";import{default as rt}from"./components/logos/blc-harmony.js";import{default as tt}from"./components/logos/blc-icon.js";import{default as lt}from"./components/logos/blc-immutable-x.js";import{default as mt}from"./components/logos/blc-loopring.js";import{default as dt}from"./components/logos/blc-moonbeam.js";import{default as xt}from"./components/logos/blc-near.js";import{default as nt}from"./components/logos/blc-optimism.js";import{default as gt}from"./components/logos/blc-polkadot.js";import{default as It}from"./components/logos/blc-polygon.js";import{default as kt}from"./components/logos/blc-rarichain.js";import{default as Ft}from"./components/logos/blc-solana.js";import{default as ht}from"./components/logos/blc-stability.js";import{default as Pt}from"./components/logos/blc-sui.js";import{default as bt}from"./components/logos/blc-tezos.js";import{default as yt}from"./components/logos/blc-wax.js";import{default as Tt}from"./components/logos/blc-zetachain.js";import{default as Dt}from"./components/logos/blc-zilliqa.js";import{default as Rt}from"./components/logos/blc-zksync.js";import{default as vt}from"./components/logos/fwk-11ty.js";import{default as Zt}from"./components/logos/fwk-android.js";import{default as zt}from"./components/logos/fwk-apple.js";import{default as jt}from"./components/logos/fwk-authy.js";import{default as Ut}from"./components/logos/fwk-binance-fill.js";import{default as qt}from"./components/logos/fwk-chrome.js";import{default as Kt}from"./components/logos/fwk-electron.js";import{default as _t}from"./components/logos/fwk-express.js";import{default as of}from"./components/logos/fwk-fauna.js";import{default as rf}from"./components/logos/fwk-firebase.js";import{default as tf}from"./components/logos/fwk-go.js";import{default as lf}from"./components/logos/fwk-google-authenticator.js";import{default as mf}from"./components/logos/fwk-hasura.js";import{default as df}from"./components/logos/fwk-javascript.js";import{default as xf}from"./components/logos/fwk-jwt.js";import{default as nf}from"./components/logos/fwk-laravel.js";import{default as Lf}from"./components/logos/fwk-nextjs.js";import{default as Mf}from"./components/logos/fwk-nodejs.js";import{default as Bf}from"./components/logos/fwk-nuxtjs.js";import{default as Cf}from"./components/logos/fwk-php.js";import{default as wf}from"./components/logos/fwk-react.js";import{default as Af}from"./components/logos/fwk-strapi.js";import{default as Sf}from"./components/logos/fwk-stripe.js";import{default as Wf}from"./components/logos/fwk-vue.js";import{default as Ef}from"./components/logos/fwk-webflow.js";import{default as Gf}from"./components/logos/fwk-wordpress.js";import{default as Of}from"./components/logos/fwk-zapier.js";import{default as Hf}from"./components/logos/icon-art-dark.js";import{default as Nf}from"./components/logos/icon-art.js";import{default as Xf}from"./components/logos/icon-game-controller-dark.js";import{default as Qf}from"./components/logos/icon-game-controller.js";import{default as Vf}from"./components/logos/icon-generic-token.js";import{default as Jf}from"./components/logos/icon-magic-logo.js";import{default as Yf}from"./components/logos/icon-music-dark.js";import{default as $f}from"./components/logos/icon-music.js";import{default as el}from"./components/logos/icon-profile-dark.js";import{default as al}from"./components/logos/icon-profile-light.js";import{default as fl}from"./components/logos/icon-ticket-dark.js";import{default as sl}from"./components/logos/icon-ticket.js";import{default as pl}from"./components/logos/logo-algorand-mono.js";import{default as ul}from"./components/logos/logo-algorand.js";import{default as cl}from"./components/logos/logo-apple-mono.js";import{default as il}from"./components/logos/logo-apple.js";import{default as Ll}from"./components/logos/logo-aptos-mono.js";import{default as Ml}from"./components/logos/logo-aptos.js";import{default as Bl}from"./components/logos/logo-arbitrum-mono.js";import{default as Cl}from"./components/logos/logo-arbitrum-one-mono.js";import{default as wl}from"./components/logos/logo-arbitrum-one.js";import{default as Al}from"./components/logos/logo-arbitrum.js";import{default as Sl}from"./components/logos/logo-astar-mono.js";import{default as Wl}from"./components/logos/logo-astar.js";import{default as El}from"./components/logos/logo-avalanche-mono.js";import{default as Gl}from"./components/logos/logo-avalanche.js";import{default as Ol}from"./components/logos/logo-base-mono.js";import{default as Hl}from"./components/logos/logo-base.js";import{default as Nl}from"./components/logos/logo-berachain-mono.js";import{default as Xl}from"./components/logos/logo-berachain.js";import{default as Ql}from"./components/logos/logo-binance-mono.js";import{default as Vl}from"./components/logos/logo-binance.js";import{default as Jl}from"./components/logos/logo-bit-bucket-mono.js";import{default as Yl}from"./components/logos/logo-bit-bucket.js";import{default as $l}from"./components/logos/logo-bitcoin-mono.js";import{default as es}from"./components/logos/logo-bitcoin.js";import{default as as}from"./components/logos/logo-bnb-mono.js";import{default as fs}from"./components/logos/logo-bnb.js";import{default as ss}from"./components/logos/logo-celo-mono.js";import{default as ps}from"./components/logos/logo-celo.js";import{default as us}from"./components/logos/logo-chiliz-mono.js";import{default as cs}from"./components/logos/logo-chiliz.js";import{default as is}from"./components/logos/logo-cosmos-mono.js";import{default as Ls}from"./components/logos/logo-cosmos.js";import{default as Ms}from"./components/logos/logo-discord-mono.js";import{default as Bs}from"./components/logos/logo-discord.js";import{default as Cs}from"./components/logos/logo-ethereum-mono.js";import{default as ws}from"./components/logos/logo-ethereum.js";import{default as As}from"./components/logos/logo-etherlink-mono.js";import{default as Ss}from"./components/logos/logo-etherlink.js";import{default as Ws}from"./components/logos/logo-facebook-mono.js";import{default as Es}from"./components/logos/logo-facebook.js";import{default as Gs}from"./components/logos/logo-flare-mono.js";import{default as Os}from"./components/logos/logo-flare.js";import{default as Hs}from"./components/logos/logo-flow-mono.js";import{default as Ns}from"./components/logos/logo-flow.js";import{default as Xs}from"./components/logos/logo-git-hub-mono.js";import{default as Qs}from"./components/logos/logo-git-hub.js";import{default as Vs}from"./components/logos/logo-git-lab-mono.js";import{default as Js}from"./components/logos/logo-git-lab.js";import{default as Ys}from"./components/logos/logo-google-mono.js";import{default as $s}from"./components/logos/logo-google.js";import{default as em}from"./components/logos/logo-harmony-mono.js";import{default as am}from"./components/logos/logo-harmony.js";import{default as fm}from"./components/logos/logo-horizen-mono.js";import{default as sm}from"./components/logos/logo-horizen.js";import{default as pm}from"./components/logos/logo-icon-mono.js";import{default as um}from"./components/logos/logo-icon.js";import{default as cm}from"./components/logos/logo-immutable-x-mono.js";import{default as im}from"./components/logos/logo-immutable-x.js";import{default as Lm}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Mm}from"./components/logos/logo-link-by-stripe.js";import{default as Bm}from"./components/logos/logo-link-mono.js";import{default as Cm}from"./components/logos/logo-link.js";import{default as wm}from"./components/logos/logo-linked-in-mono.js";import{default as Am}from"./components/logos/logo-linked-in.js";import{default as Sm}from"./components/logos/logo-loopring-mono.js";import{default as Wm}from"./components/logos/logo-loopring.js";import{default as Em}from"./components/logos/logo-microsoft-mono.js";import{default as Gm}from"./components/logos/logo-microsoft.js";import{default as Om}from"./components/logos/logo-moonbeam-mono.js";import{default as Hm}from"./components/logos/logo-moonbeam.js";import{default as Nm}from"./components/logos/logo-near-mono.js";import{default as Xm}from"./components/logos/logo-near.js";import{default as Qm}from"./components/logos/logo-onramper-mono.js";import{default as Vm}from"./components/logos/logo-onramper.js";import{default as Jm}from"./components/logos/logo-optimism-mono.js";import{default as Ym}from"./components/logos/logo-optimism.js";import{default as $m}from"./components/logos/logo-pay-pal-mono.js";import{default as ep}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as ap}from"./components/logos/logo-pay-pal-wordmark.js";import{default as fp}from"./components/logos/logo-pay-pal.js";import{default as sp}from"./components/logos/logo-poa-mono.js";import{default as pp}from"./components/logos/logo-poa.js";import{default as up}from"./components/logos/logo-polkadot-mono.js";import{default as cp}from"./components/logos/logo-polkadot.js";import{default as ip}from"./components/logos/logo-polygon-mono.js";import{default as Lp}from"./components/logos/logo-polygon.js";import{default as Mp}from"./components/logos/logo-rarichain-mono.js";import{default as Bp}from"./components/logos/logo-rarichain.js";import{default as Cp}from"./components/logos/logo-sardine-mono.js";import{default as wp}from"./components/logos/logo-sardine.js";import{default as Ap}from"./components/logos/logo-sei-mono.js";import{default as Sp}from"./components/logos/logo-sei.js";import{default as Wp}from"./components/logos/logo-solana-mono.js";import{default as Ep}from"./components/logos/logo-solana.js";import{default as Gp}from"./components/logos/logo-stability-mono.js";import{default as Op}from"./components/logos/logo-stability.js";import{default as Hp}from"./components/logos/logo-sui-mono.js";import{default as Np}from"./components/logos/logo-sui.js";import{default as Xp}from"./components/logos/logo-tezos-mono.js";import{default as Qp}from"./components/logos/logo-tezos.js";import{default as Vp}from"./components/logos/logo-twitch-mono.js";import{default as Jp}from"./components/logos/logo-twitch.js";import{default as Yp}from"./components/logos/logo-twitter-mono.js";import{default as $p}from"./components/logos/logo-twitter.js";import{default as ed}from"./components/logos/logo-wallet-connect-mono.js";import{default as ad}from"./components/logos/logo-wallet-connect.js";import{default as fd}from"./components/logos/logo-warpcast-mono.js";import{default as sd}from"./components/logos/logo-warpcast.js";import{default as pd}from"./components/logos/logo-wax-mono.js";import{default as ud}from"./components/logos/logo-wax.js";import{default as cd}from"./components/logos/logo-xdc-mono.js";import{default as id}from"./components/logos/logo-xdc.js";import{default as Ld}from"./components/logos/logo-zetachain-mono.js";import{default as Md}from"./components/logos/logo-zetachain.js";import{default as Bd}from"./components/logos/logo-zilliqa-mono.js";import{default as Cd}from"./components/logos/logo-zilliqa.js";import{default as wd}from"./components/logos/logo-zksync-mono.js";import{default as Ad}from"./components/logos/logo-zksync.js";import{default as Sd}from"./components/logos/pay-amex.js";import{default as Wd}from"./components/logos/pay-discover.js";import{default as Ed}from"./components/logos/pay-mastercard.js";import{default as Gd}from"./components/logos/pay-visa.js";import{default as Od}from"./components/logos/presentation-logo.js";import{default as Hd}from"./components/logos/wlt-coinbase.js";import{default as Nd}from"./components/logos/wlt-mattel.js";import{default as Xd}from"./components/logos/wlt-metamask.js";import{default as Qd}from"./components/logos/wlt-phantom.js";import{default as Vd}from"./components/logos/wlt-rainbow.js";import{default as Jd}from"./components/logos/wlt-wallet-connect.js";import{default as Yd}from"./components/primitives/button.js";import{default as $d}from"./components/primitives/checkbox.js";import{Popover as eu}from"./components/primitives/popover.js";import{Radio as au,RadioGroup as tu}from"./components/primitives/radio.js";import{SegmentedControl as lu,Tab as su}from"./components/primitives/segmented-control.js";import{default as pu}from"./components/primitives/switch.js";import{default as uu}from"./components/primitives/text.js";import{VerifyPincode as cu}from"./components/sections/verify-pincode.js";import{default as iu}from"./components/utils/animate.js";import{ClientAssetLogo as Lu}from"./components/utils/client-asset-logo.js";import{default as Mu}from"./components/utils/copy-button.js";import{default as Bu}from"./components/utils/email-wbr.js";import{default as Cu}from"./components/utils/qr-code.js";import{default as wu}from"./components/utils/secured-by-magic.js";import{default as Au}from"./components/utils/security-otp.js";import{default as Su}from"./components/utils/shared-logo.js";import{default as Wu}from"./components/utils/wallet-address.js";import{useCustomVars as Eu}from"./hooks/theme.js";import{useToast as Gu}from"./hooks/useToast.js";export{iu as Animate,Pa as BlcAlgorand,ba as BlcAptos,ya as BlcArbitrum,Ta as BlcAstar,Da as BlcAvalanche,Ra as BlcBase,va as BlcBerachain,Za as BlcBinance,za as BlcBitcoin,ja as BlcCelo,Ua as BlcChiliz,qa as BlcCosmos,Ka as BlcEthereum,_a as BlcEtherlink,ot as BlcFlow,rt as BlcHarmony,tt as BlcIcon,lt as BlcImmutableX,mt as BlcLoopring,dt as BlcMoonbeam,xt as BlcNear,nt as BlcOptimism,gt as BlcPolkadot,It as BlcPolygon,kt as BlcRarichain,Ft as BlcSolana,ht as BlcStability,Pt as BlcSui,bt as BlcTezos,yt as BlcWax,Tt as BlcZetachain,Dt as BlcZilliqa,Rt as BlcZksync,Yd as Button,I as Callout,$d as Checkbox,Lu as ClientAssetLogo,r as Content,Mu as CopyButton,na as Dialogue,t as Drawer,Bu as EmailWbr,ga as Error,l as Footer,vt as Fwk11ty,Zt as FwkAndroid,zt as FwkApple,jt as FwkAuthy,Ut as FwkBinanceFill,qt as FwkChrome,Kt as FwkElectron,_t as FwkExpress,of as FwkFauna,rf as FwkFirebase,tf as FwkGo,lf as FwkGoogleAuthenticator,mf as FwkHasura,df as FwkJavascript,xf as FwkJwt,nf as FwkLaravel,Lf as FwkNextjs,Mf as FwkNodejs,Bf as FwkNuxtjs,Cf as FwkPhp,wf as FwkReact,Af as FwkStrapi,Sf as FwkStripe,Wf as FwkVue,Ef as FwkWebflow,Gf as FwkWordpress,Of as FwkZapier,m as Header,A as IcoAdd,W as IcoAlertCircle,S as IcoAlertCircleFill,E as IcoArrowDown,G as IcoArrowLeft,O as IcoArrowRight,H as IcoAsterisk,N as IcoAstronaut,X as IcoBank,V as IcoBell,Q as IcoBellNotification,J as IcoBranding,Y as IcoCaretDown,$ as IcoCaretLeft,eo as IcoCaretRight,ao as IcoCaretUp,po as IcoCheckmark,so as IcoCheckmarkCircle,fo as IcoCheckmarkCircleFill,go as IcoCode,xo as IcoCodeEditor,no as IcoCodeSandbox,Io as IcoCommandLine,ko as IcoComment,Fo as IcoCopy,ho as IcoCreditCard,Po as IcoDiamond,To as IcoDismiss,yo as IcoDismissCircle,bo as IcoDismissCircleFill,Do as IcoDoc,Ro as IcoDownload,Zo as IcoEdit,vo as IcoEditEmail,Uo as IcoEmail,zo as IcoEmailFill,jo as IcoEmailOpen,qo as IcoExpiration,Ko as IcoExternalLink,_o as IcoEyeClosed,oe as IcoEyeOpened,te as IcoFingerprint,re as IcoFingerprintFill,le as IcoGas,me as IcoGift,de as IcoGlobe,xe as IcoGuide,ne as IcoHome,ge as IcoHourglass,ke as IcoInfoCircle,Ie as IcoInfoCircleFill,Fe as IcoKey,Pe as IcoLightbulb,he as IcoLightbulbFill,ye as IcoLightning,be as IcoLightningFill,Te as IcoLink,De as IcoLoading,Re as IcoLockLocked,ve as IcoLockPassword,Ze as IcoLockUnlocked,ze as IcoLoginForm,je as IcoMagic,Ue as IcoMenu,Ke as IcoMessage,qe as IcoMessageFill,_e as IcoMfa,or as IcoMobile2fa,rr as IcoMobile2fafill,tr as IcoPaperPlane,lr as IcoPasswordless,mr as IcoPendingConnection,dr as IcoPhone,xr as IcoPrice,nr as IcoQrcode,Ir as IcoQuestionCircle,gr as IcoQuestionCircleFill,Fr as IcoRefresh,kr as IcoRefreshCircleFill,hr as IcoRocketFill,Pr as IcoSearch,br as IcoSettings,Dr as IcoShield,yr as IcoShieldApproved,Tr as IcoShieldRejected,Rr as IcoSocial,vr as IcoSoldOutTag,Zr as IcoStar,zr as IcoSwap,jr as IcoSwatches,Ur as IcoTeam,qr as IcoUsers,_r as IcoWallet,Kr as IcoWalletFill,oa as IcoWand,ta as IcoWarning,ra as IcoWarningFill,la as IcoWidgetUi,Nf as IconArt,Hf as IconArtDark,Qf as IconGameController,Xf as IconGameControllerDark,Vf as IconGenericToken,Jf as IconMagicLogo,$f as IconMusic,Yf as IconMusicDark,el as IconProfileDark,al as IconProfileLight,sl as IconTicket,fl as IconTicketDark,k as LoadingSpinner,ul as LogoAlgorand,pl as LogoAlgorandMono,il as LogoApple,cl as LogoAppleMono,Ml as LogoAptos,Ll as LogoAptosMono,Al as LogoArbitrum,Bl as LogoArbitrumMono,wl as LogoArbitrumOne,Cl as LogoArbitrumOneMono,Wl as LogoAstar,Sl as LogoAstarMono,Gl as LogoAvalanche,El as LogoAvalancheMono,Hl as LogoBase,Ol as LogoBaseMono,Xl as LogoBerachain,Nl as LogoBerachainMono,Vl as LogoBinance,Ql as LogoBinanceMono,Yl as LogoBitBucket,Jl as LogoBitBucketMono,es as LogoBitcoin,$l as LogoBitcoinMono,fs as LogoBnb,as as LogoBnbMono,ps as LogoCelo,ss as LogoCeloMono,cs as LogoChiliz,us as LogoChilizMono,Ls as LogoCosmos,is as LogoCosmosMono,Bs as LogoDiscord,Ms as LogoDiscordMono,ws as LogoEthereum,Cs as LogoEthereumMono,Ss as LogoEtherlink,As as LogoEtherlinkMono,Es as LogoFacebook,Ws as LogoFacebookMono,Os as LogoFlare,Gs as LogoFlareMono,Ns as LogoFlow,Hs as LogoFlowMono,Qs as LogoGitHub,Xs as LogoGitHubMono,Js as LogoGitLab,Vs as LogoGitLabMono,$s as LogoGoogle,Ys as LogoGoogleMono,am as LogoHarmony,em as LogoHarmonyMono,sm as LogoHorizen,fm as LogoHorizenMono,um as LogoIcon,pm as LogoIconMono,im as LogoImmutableX,cm as LogoImmutableXMono,Cm as LogoLink,Mm as LogoLinkByStripe,Lm as LogoLinkByStripeMono,Bm as LogoLinkMono,Am as LogoLinkedIn,wm as LogoLinkedInMono,Wm as LogoLoopring,Sm as LogoLoopringMono,Gm as LogoMicrosoft,Em as LogoMicrosoftMono,Hm as LogoMoonbeam,Om as LogoMoonbeamMono,Xm as LogoNear,Nm as LogoNearMono,Vm as LogoOnramper,Qm as LogoOnramperMono,Ym as LogoOptimism,Jm as LogoOptimismMono,fp as LogoPayPal,$m as LogoPayPalMono,ap as LogoPayPalWordmark,ep as LogoPayPalWordmarkMono,pp as LogoPoa,sp as LogoPoaMono,cp as LogoPolkadot,up as LogoPolkadotMono,Lp as LogoPolygon,ip as LogoPolygonMono,Bp as LogoRarichain,Mp as LogoRarichainMono,wp as LogoSardine,Cp as LogoSardineMono,Sp as LogoSei,Ap as LogoSeiMono,Ep as LogoSolana,Wp as LogoSolanaMono,Op as LogoStability,Gp as LogoStabilityMono,Np as LogoSui,Hp as LogoSuiMono,Qp as LogoTezos,Xp as LogoTezosMono,Jp as LogoTwitch,Vp as LogoTwitchMono,$p as LogoTwitter,Yp as LogoTwitterMono,ad as LogoWalletConnect,ed as LogoWalletConnectMono,sd as LogoWarpcast,fd as LogoWarpcastMono,ud as LogoWax,pd as LogoWaxMono,id as LogoXdc,cd as LogoXdcMono,Md as LogoZetachain,Ld as LogoZetachainMono,Cd as LogoZilliqa,Bd as LogoZilliqaMono,Ad as LogoZksync,wd as LogoZksyncMono,d as Modal,Fa as NFTTile,ka as NavigationButton,x as Overlay,Ia as Page,Sd as PayAmex,Wd as PayDiscover,Ed as PayMastercard,n as PayPalButton,Gd as PayVisa,ma as PhoneInput,da as PinCodeInput,eu as Popover,Od as PresentationLogo,Cu as QRCode,au as Radio,tu as RadioGroup,wu as SecuredByMagic,Au as SecurityOtp,lu as SegmentedControl,Su as SharedLogo,g as SocialLoginButton,pu as Switch,su as Tab,uu as Text,xa as TextInput,F as Toast,C as ToastProvider,ha as TokenListItem,w as Tooltip,cu as VerifyPincode,Wu as WalletAddress,Hd as WltCoinbase,Nd as WltMattel,Xd as WltMetamask,Qd as WltPhantom,Vd as WltRainbow,Jd as WltWalletConnect,Eu as useCustomVars,Gu as useToast};
+import{Content as r}from"./components/containers/content.js";import{Drawer as t}from"./components/containers/drawer.js";import{Footer as l}from"./components/containers/footer.js";import{Header as m}from"./components/containers/header.js";import{Modal as d}from"./components/containers/modal.js";import{Overlay as x}from"./components/containers/overlay.js";import{PayPalButton as n}from"./components/external/paypal-button.js";import{SocialLoginButton as g}from"./components/external/social-login-button.js";import{Callout as I}from"./components/feedback/callout.js";import{LoadingSpinner as k}from"./components/feedback/loading-spinner.js";import{Toast as F,ToastProvider as C}from"./components/feedback/toast-provider.js";import{default as h}from"./components/feedback/tooltip.js";import{default as A}from"./components/icons/ico-add.js";import{default as S}from"./components/icons/ico-alert-circle-fill.js";import{default as W}from"./components/icons/ico-alert-circle.js";import{default as E}from"./components/icons/ico-arrow-down.js";import{default as G}from"./components/icons/ico-arrow-left.js";import{default as O}from"./components/icons/ico-arrow-right.js";import{default as H}from"./components/icons/ico-asterisk.js";import{default as N}from"./components/icons/ico-astronaut.js";import{default as X}from"./components/icons/ico-bank.js";import{default as Q}from"./components/icons/ico-bell-notification.js";import{default as V}from"./components/icons/ico-bell.js";import{default as J}from"./components/icons/ico-branding.js";import{default as Y}from"./components/icons/ico-caret-down.js";import{default as $}from"./components/icons/ico-caret-left.js";import{default as eo}from"./components/icons/ico-caret-right.js";import{default as ao}from"./components/icons/ico-caret-up.js";import{default as fo}from"./components/icons/ico-checkmark-circle-fill.js";import{default as so}from"./components/icons/ico-checkmark-circle.js";import{default as po}from"./components/icons/ico-checkmark.js";import{default as xo}from"./components/icons/ico-code-editor.js";import{default as no}from"./components/icons/ico-code-sandbox.js";import{default as go}from"./components/icons/ico-code.js";import{default as Io}from"./components/icons/ico-command-line.js";import{default as ko}from"./components/icons/ico-comment.js";import{default as Fo}from"./components/icons/ico-copy.js";import{default as wo}from"./components/icons/ico-credit-card.js";import{default as Po}from"./components/icons/ico-diamond.js";import{default as bo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as yo}from"./components/icons/ico-dismiss-circle.js";import{default as To}from"./components/icons/ico-dismiss.js";import{default as Do}from"./components/icons/ico-doc.js";import{default as Ro}from"./components/icons/ico-download.js";import{default as vo}from"./components/icons/ico-edit-email.js";import{default as Zo}from"./components/icons/ico-edit.js";import{default as zo}from"./components/icons/ico-email-fill.js";import{default as jo}from"./components/icons/ico-email-open.js";import{default as Uo}from"./components/icons/ico-email.js";import{default as qo}from"./components/icons/ico-expiration.js";import{default as Ko}from"./components/icons/ico-external-link.js";import{default as _o}from"./components/icons/ico-eye-closed.js";import{default as oe}from"./components/icons/ico-eye-opened.js";import{default as re}from"./components/icons/ico-fingerprint-fill.js";import{default as te}from"./components/icons/ico-fingerprint.js";import{default as le}from"./components/icons/ico-gas.js";import{default as me}from"./components/icons/ico-gift.js";import{default as de}from"./components/icons/ico-globe.js";import{default as xe}from"./components/icons/ico-guide.js";import{default as ne}from"./components/icons/ico-home.js";import{default as ge}from"./components/icons/ico-hourglass.js";import{default as Ie}from"./components/icons/ico-info-circle-fill.js";import{default as ke}from"./components/icons/ico-info-circle.js";import{default as Fe}from"./components/icons/ico-key.js";import{default as we}from"./components/icons/ico-lightbulb-fill.js";import{default as Pe}from"./components/icons/ico-lightbulb.js";import{default as be}from"./components/icons/ico-lightning-fill.js";import{default as ye}from"./components/icons/ico-lightning.js";import{default as Te}from"./components/icons/ico-link.js";import{default as De}from"./components/icons/ico-loading.js";import{default as Re}from"./components/icons/ico-lock-locked.js";import{default as ve}from"./components/icons/ico-lock-password.js";import{default as Ze}from"./components/icons/ico-lock-unlocked.js";import{default as ze}from"./components/icons/ico-login-form.js";import{default as je}from"./components/icons/ico-magic.js";import{default as Ue}from"./components/icons/ico-menu.js";import{default as qe}from"./components/icons/ico-message-fill.js";import{default as Ke}from"./components/icons/ico-message.js";import{default as _e}from"./components/icons/ico-mfa.js";import{default as or}from"./components/icons/ico-mobile2fa.js";import{default as rr}from"./components/icons/ico-mobile2fafill.js";import{default as tr}from"./components/icons/ico-paper-plane.js";import{default as lr}from"./components/icons/ico-passwordless.js";import{default as mr}from"./components/icons/ico-pending-connection.js";import{default as dr}from"./components/icons/ico-phone.js";import{default as xr}from"./components/icons/ico-price.js";import{default as nr}from"./components/icons/ico-qrcode.js";import{default as gr}from"./components/icons/ico-question-circle-fill.js";import{default as Ir}from"./components/icons/ico-question-circle.js";import{default as kr}from"./components/icons/ico-refresh-circle-fill.js";import{default as Fr}from"./components/icons/ico-refresh.js";import{default as wr}from"./components/icons/ico-rocket-fill.js";import{default as Pr}from"./components/icons/ico-search.js";import{default as br}from"./components/icons/ico-settings.js";import{default as yr}from"./components/icons/ico-shield-approved.js";import{default as Tr}from"./components/icons/ico-shield-rejected.js";import{default as Dr}from"./components/icons/ico-shield.js";import{default as Rr}from"./components/icons/ico-social.js";import{default as vr}from"./components/icons/ico-sold-out-tag.js";import{default as Zr}from"./components/icons/ico-star.js";import{default as zr}from"./components/icons/ico-swap.js";import{default as jr}from"./components/icons/ico-swatches.js";import{default as Ur}from"./components/icons/ico-team.js";import{default as qr}from"./components/icons/ico-users.js";import{default as Kr}from"./components/icons/ico-wallet-fill.js";import{default as _r}from"./components/icons/ico-wallet.js";import{default as oa}from"./components/icons/ico-wand.js";import{default as ra}from"./components/icons/ico-warning-fill.js";import{default as ta}from"./components/icons/ico-warning.js";import{default as la}from"./components/icons/ico-widget-ui.js";import{DropdownOption as ma,DropdownSelector as pa}from"./components/inputs/dropdown-selector.js";import{default as ua}from"./components/inputs/phone-input.js";import{PinCodeInput as ca}from"./components/inputs/pincode-input.js";import{TextInput as ia}from"./components/inputs/text-input.js";import{Dialogue as La}from"./components/layouts/dialogue.js";import{Error as Ma}from"./components/layouts/error.js";import{Page as Ba}from"./components/layouts/page.js";import{default as Ca}from"./components/list-items/navigation-button.js";import{NFTTile as ha}from"./components/list-items/nft-tile.js";import{TokenListItem as Aa}from"./components/list-items/token-list-item.js";import{default as Sa}from"./components/logos/blc-algorand.js";import{default as Wa}from"./components/logos/blc-aptos.js";import{default as Ea}from"./components/logos/blc-arbitrum.js";import{default as Ga}from"./components/logos/blc-astar.js";import{default as Oa}from"./components/logos/blc-avalanche.js";import{default as Ha}from"./components/logos/blc-base.js";import{default as Na}from"./components/logos/blc-berachain.js";import{default as Xa}from"./components/logos/blc-binance.js";import{default as Qa}from"./components/logos/blc-bitcoin.js";import{default as Va}from"./components/logos/blc-celo.js";import{default as Ja}from"./components/logos/blc-chiliz.js";import{default as Ya}from"./components/logos/blc-cosmos.js";import{default as $a}from"./components/logos/blc-ethereum.js";import{default as et}from"./components/logos/blc-etherlink.js";import{default as at}from"./components/logos/blc-flow.js";import{default as ft}from"./components/logos/blc-harmony.js";import{default as st}from"./components/logos/blc-icon.js";import{default as pt}from"./components/logos/blc-immutable-x.js";import{default as ut}from"./components/logos/blc-loopring.js";import{default as ct}from"./components/logos/blc-moonbeam.js";import{default as it}from"./components/logos/blc-near.js";import{default as Lt}from"./components/logos/blc-optimism.js";import{default as Mt}from"./components/logos/blc-polkadot.js";import{default as Bt}from"./components/logos/blc-polygon.js";import{default as Ct}from"./components/logos/blc-rarichain.js";import{default as ht}from"./components/logos/blc-solana.js";import{default as At}from"./components/logos/blc-stability.js";import{default as St}from"./components/logos/blc-sui.js";import{default as Wt}from"./components/logos/blc-tezos.js";import{default as Et}from"./components/logos/blc-wax.js";import{default as Gt}from"./components/logos/blc-zetachain.js";import{default as Ot}from"./components/logos/blc-zilliqa.js";import{default as Ht}from"./components/logos/blc-zksync.js";import{default as Nt}from"./components/logos/fwk-11ty.js";import{default as Xt}from"./components/logos/fwk-android.js";import{default as Qt}from"./components/logos/fwk-apple.js";import{default as Vt}from"./components/logos/fwk-authy.js";import{default as Jt}from"./components/logos/fwk-binance-fill.js";import{default as Yt}from"./components/logos/fwk-chrome.js";import{default as $t}from"./components/logos/fwk-electron.js";import{default as ef}from"./components/logos/fwk-express.js";import{default as af}from"./components/logos/fwk-fauna.js";import{default as ff}from"./components/logos/fwk-firebase.js";import{default as sf}from"./components/logos/fwk-go.js";import{default as pf}from"./components/logos/fwk-google-authenticator.js";import{default as uf}from"./components/logos/fwk-hasura.js";import{default as cf}from"./components/logos/fwk-javascript.js";import{default as gf}from"./components/logos/fwk-jwt.js";import{default as If}from"./components/logos/fwk-laravel.js";import{default as kf}from"./components/logos/fwk-nextjs.js";import{default as Ff}from"./components/logos/fwk-nodejs.js";import{default as wf}from"./components/logos/fwk-nuxtjs.js";import{default as Pf}from"./components/logos/fwk-php.js";import{default as bf}from"./components/logos/fwk-react.js";import{default as yf}from"./components/logos/fwk-strapi.js";import{default as Tf}from"./components/logos/fwk-stripe.js";import{default as Df}from"./components/logos/fwk-vue.js";import{default as Rf}from"./components/logos/fwk-webflow.js";import{default as vf}from"./components/logos/fwk-wordpress.js";import{default as Zf}from"./components/logos/fwk-zapier.js";import{default as zf}from"./components/logos/icon-art-dark.js";import{default as jf}from"./components/logos/icon-art.js";import{default as Uf}from"./components/logos/icon-game-controller-dark.js";import{default as qf}from"./components/logos/icon-game-controller.js";import{default as Kf}from"./components/logos/icon-generic-token.js";import{default as _f}from"./components/logos/icon-magic-logo.js";import{default as ol}from"./components/logos/icon-music-dark.js";import{default as rl}from"./components/logos/icon-music.js";import{default as tl}from"./components/logos/icon-profile-dark.js";import{default as ll}from"./components/logos/icon-profile-light.js";import{default as ml}from"./components/logos/icon-ticket-dark.js";import{default as dl}from"./components/logos/icon-ticket.js";import{default as xl}from"./components/logos/logo-algorand-mono.js";import{default as nl}from"./components/logos/logo-algorand.js";import{default as gl}from"./components/logos/logo-apple-mono.js";import{default as Il}from"./components/logos/logo-apple.js";import{default as kl}from"./components/logos/logo-aptos-mono.js";import{default as Fl}from"./components/logos/logo-aptos.js";import{default as wl}from"./components/logos/logo-arbitrum-mono.js";import{default as Pl}from"./components/logos/logo-arbitrum-one-mono.js";import{default as bl}from"./components/logos/logo-arbitrum-one.js";import{default as yl}from"./components/logos/logo-arbitrum.js";import{default as Tl}from"./components/logos/logo-astar-mono.js";import{default as Dl}from"./components/logos/logo-astar.js";import{default as Rl}from"./components/logos/logo-avalanche-mono.js";import{default as vl}from"./components/logos/logo-avalanche.js";import{default as Zl}from"./components/logos/logo-base-mono.js";import{default as zl}from"./components/logos/logo-base.js";import{default as jl}from"./components/logos/logo-berachain-mono.js";import{default as Ul}from"./components/logos/logo-berachain.js";import{default as ql}from"./components/logos/logo-binance-mono.js";import{default as Kl}from"./components/logos/logo-binance.js";import{default as _l}from"./components/logos/logo-bit-bucket-mono.js";import{default as os}from"./components/logos/logo-bit-bucket.js";import{default as rs}from"./components/logos/logo-bitcoin-mono.js";import{default as ts}from"./components/logos/logo-bitcoin.js";import{default as ls}from"./components/logos/logo-bnb-mono.js";import{default as ms}from"./components/logos/logo-bnb.js";import{default as ds}from"./components/logos/logo-celo-mono.js";import{default as xs}from"./components/logos/logo-celo.js";import{default as ns}from"./components/logos/logo-chiliz-mono.js";import{default as gs}from"./components/logos/logo-chiliz.js";import{default as Is}from"./components/logos/logo-cosmos-mono.js";import{default as ks}from"./components/logos/logo-cosmos.js";import{default as Fs}from"./components/logos/logo-discord-mono.js";import{default as ws}from"./components/logos/logo-discord.js";import{default as Ps}from"./components/logos/logo-ethereum-mono.js";import{default as bs}from"./components/logos/logo-ethereum.js";import{default as ys}from"./components/logos/logo-etherlink-mono.js";import{default as Ts}from"./components/logos/logo-etherlink.js";import{default as Ds}from"./components/logos/logo-facebook-mono.js";import{default as Rs}from"./components/logos/logo-facebook.js";import{default as vs}from"./components/logos/logo-flare-mono.js";import{default as Zs}from"./components/logos/logo-flare.js";import{default as zs}from"./components/logos/logo-flow-mono.js";import{default as js}from"./components/logos/logo-flow.js";import{default as Us}from"./components/logos/logo-git-hub-mono.js";import{default as qs}from"./components/logos/logo-git-hub.js";import{default as Ks}from"./components/logos/logo-git-lab-mono.js";import{default as _s}from"./components/logos/logo-git-lab.js";import{default as om}from"./components/logos/logo-google-mono.js";import{default as rm}from"./components/logos/logo-google.js";import{default as tm}from"./components/logos/logo-harmony-mono.js";import{default as lm}from"./components/logos/logo-harmony.js";import{default as mm}from"./components/logos/logo-horizen-mono.js";import{default as dm}from"./components/logos/logo-horizen.js";import{default as xm}from"./components/logos/logo-icon-mono.js";import{default as nm}from"./components/logos/logo-icon.js";import{default as gm}from"./components/logos/logo-immutable-x-mono.js";import{default as Im}from"./components/logos/logo-immutable-x.js";import{default as km}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Fm}from"./components/logos/logo-link-by-stripe.js";import{default as wm}from"./components/logos/logo-link-mono.js";import{default as Pm}from"./components/logos/logo-link.js";import{default as bm}from"./components/logos/logo-linked-in-mono.js";import{default as ym}from"./components/logos/logo-linked-in.js";import{default as Tm}from"./components/logos/logo-loopring-mono.js";import{default as Dm}from"./components/logos/logo-loopring.js";import{default as Rm}from"./components/logos/logo-microsoft-mono.js";import{default as vm}from"./components/logos/logo-microsoft.js";import{default as Zm}from"./components/logos/logo-moonbeam-mono.js";import{default as zm}from"./components/logos/logo-moonbeam.js";import{default as jm}from"./components/logos/logo-near-mono.js";import{default as Um}from"./components/logos/logo-near.js";import{default as qm}from"./components/logos/logo-onramper-mono.js";import{default as Km}from"./components/logos/logo-onramper.js";import{default as _m}from"./components/logos/logo-optimism-mono.js";import{default as op}from"./components/logos/logo-optimism.js";import{default as rp}from"./components/logos/logo-pay-pal-mono.js";import{default as tp}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as lp}from"./components/logos/logo-pay-pal-wordmark.js";import{default as mp}from"./components/logos/logo-pay-pal.js";import{default as dp}from"./components/logos/logo-poa-mono.js";import{default as xp}from"./components/logos/logo-poa.js";import{default as np}from"./components/logos/logo-polkadot-mono.js";import{default as gp}from"./components/logos/logo-polkadot.js";import{default as Ip}from"./components/logos/logo-polygon-mono.js";import{default as kp}from"./components/logos/logo-polygon.js";import{default as Fp}from"./components/logos/logo-rarichain-mono.js";import{default as wp}from"./components/logos/logo-rarichain.js";import{default as Pp}from"./components/logos/logo-sardine-mono.js";import{default as bp}from"./components/logos/logo-sardine.js";import{default as yp}from"./components/logos/logo-sei-mono.js";import{default as Tp}from"./components/logos/logo-sei.js";import{default as Dp}from"./components/logos/logo-solana-mono.js";import{default as Rp}from"./components/logos/logo-solana.js";import{default as vp}from"./components/logos/logo-stability-mono.js";import{default as Zp}from"./components/logos/logo-stability.js";import{default as zp}from"./components/logos/logo-sui-mono.js";import{default as jp}from"./components/logos/logo-sui.js";import{default as Up}from"./components/logos/logo-tezos-mono.js";import{default as qp}from"./components/logos/logo-tezos.js";import{default as Kp}from"./components/logos/logo-twitch-mono.js";import{default as _p}from"./components/logos/logo-twitch.js";import{default as od}from"./components/logos/logo-twitter-mono.js";import{default as rd}from"./components/logos/logo-twitter.js";import{default as td}from"./components/logos/logo-wallet-connect-mono.js";import{default as ld}from"./components/logos/logo-wallet-connect.js";import{default as md}from"./components/logos/logo-warpcast-mono.js";import{default as dd}from"./components/logos/logo-warpcast.js";import{default as xd}from"./components/logos/logo-wax-mono.js";import{default as nd}from"./components/logos/logo-wax.js";import{default as gd}from"./components/logos/logo-xdc-mono.js";import{default as Id}from"./components/logos/logo-xdc.js";import{default as kd}from"./components/logos/logo-zetachain-mono.js";import{default as Fd}from"./components/logos/logo-zetachain.js";import{default as wd}from"./components/logos/logo-zilliqa-mono.js";import{default as Pd}from"./components/logos/logo-zilliqa.js";import{default as bd}from"./components/logos/logo-zksync-mono.js";import{default as yd}from"./components/logos/logo-zksync.js";import{default as Td}from"./components/logos/pay-amex.js";import{default as Dd}from"./components/logos/pay-discover.js";import{default as Rd}from"./components/logos/pay-mastercard.js";import{default as vd}from"./components/logos/pay-visa.js";import{default as Zd}from"./components/logos/presentation-logo.js";import{default as zd}from"./components/logos/wlt-coinbase.js";import{default as jd}from"./components/logos/wlt-mattel.js";import{default as Ud}from"./components/logos/wlt-metamask.js";import{default as qd}from"./components/logos/wlt-phantom.js";import{default as Kd}from"./components/logos/wlt-rainbow.js";import{default as _d}from"./components/logos/wlt-wallet-connect.js";import{default as ou}from"./components/primitives/button.js";import{default as ru}from"./components/primitives/checkbox.js";import{Popover as tu}from"./components/primitives/popover.js";import{Radio as lu,RadioGroup as su}from"./components/primitives/radio.js";import{SegmentedControl as pu,Tab as du}from"./components/primitives/segmented-control.js";import{default as xu}from"./components/primitives/switch.js";import{default as nu}from"./components/primitives/text.js";import{VerifyPincode as gu}from"./components/sections/verify-pincode.js";import{default as Iu}from"./components/utils/animate.js";import{ClientAssetLogo as ku}from"./components/utils/client-asset-logo.js";import{default as Fu}from"./components/utils/copy-button.js";import{default as wu}from"./components/utils/email-wbr.js";import{default as Pu}from"./components/utils/qr-code.js";import{default as bu}from"./components/utils/secured-by-magic.js";import{default as yu}from"./components/utils/security-otp.js";import{default as Tu}from"./components/utils/shared-logo.js";import{default as Du}from"./components/utils/wallet-address.js";import{useCustomVars as Ru}from"./hooks/theme.js";import{useToast as vu}from"./hooks/useToast.js";export{Iu as Animate,Sa as BlcAlgorand,Wa as BlcAptos,Ea as BlcArbitrum,Ga as BlcAstar,Oa as BlcAvalanche,Ha as BlcBase,Na as BlcBerachain,Xa as BlcBinance,Qa as BlcBitcoin,Va as BlcCelo,Ja as BlcChiliz,Ya as BlcCosmos,$a as BlcEthereum,et as BlcEtherlink,at as BlcFlow,ft as BlcHarmony,st as BlcIcon,pt as BlcImmutableX,ut as BlcLoopring,ct as BlcMoonbeam,it as BlcNear,Lt as BlcOptimism,Mt as BlcPolkadot,Bt as BlcPolygon,Ct as BlcRarichain,ht as BlcSolana,At as BlcStability,St as BlcSui,Wt as BlcTezos,Et as BlcWax,Gt as BlcZetachain,Ot as BlcZilliqa,Ht as BlcZksync,ou as Button,I as Callout,ru as Checkbox,ku as ClientAssetLogo,r as Content,Fu as CopyButton,La as Dialogue,t as Drawer,ma as DropdownOption,pa as DropdownSelector,wu as EmailWbr,Ma as Error,l as Footer,Nt as Fwk11ty,Xt as FwkAndroid,Qt as FwkApple,Vt as FwkAuthy,Jt as FwkBinanceFill,Yt as FwkChrome,$t as FwkElectron,ef as FwkExpress,af as FwkFauna,ff as FwkFirebase,sf as FwkGo,pf as FwkGoogleAuthenticator,uf as FwkHasura,cf as FwkJavascript,gf as FwkJwt,If as FwkLaravel,kf as FwkNextjs,Ff as FwkNodejs,wf as FwkNuxtjs,Pf as FwkPhp,bf as FwkReact,yf as FwkStrapi,Tf as FwkStripe,Df as FwkVue,Rf as FwkWebflow,vf as FwkWordpress,Zf as FwkZapier,m as Header,A as IcoAdd,W as IcoAlertCircle,S as IcoAlertCircleFill,E as IcoArrowDown,G as IcoArrowLeft,O as IcoArrowRight,H as IcoAsterisk,N as IcoAstronaut,X as IcoBank,V as IcoBell,Q as IcoBellNotification,J as IcoBranding,Y as IcoCaretDown,$ as IcoCaretLeft,eo as IcoCaretRight,ao as IcoCaretUp,po as IcoCheckmark,so as IcoCheckmarkCircle,fo as IcoCheckmarkCircleFill,go as IcoCode,xo as IcoCodeEditor,no as IcoCodeSandbox,Io as IcoCommandLine,ko as IcoComment,Fo as IcoCopy,wo as IcoCreditCard,Po as IcoDiamond,To as IcoDismiss,yo as IcoDismissCircle,bo as IcoDismissCircleFill,Do as IcoDoc,Ro as IcoDownload,Zo as IcoEdit,vo as IcoEditEmail,Uo as IcoEmail,zo as IcoEmailFill,jo as IcoEmailOpen,qo as IcoExpiration,Ko as IcoExternalLink,_o as IcoEyeClosed,oe as IcoEyeOpened,te as IcoFingerprint,re as IcoFingerprintFill,le as IcoGas,me as IcoGift,de as IcoGlobe,xe as IcoGuide,ne as IcoHome,ge as IcoHourglass,ke as IcoInfoCircle,Ie as IcoInfoCircleFill,Fe as IcoKey,Pe as IcoLightbulb,we as IcoLightbulbFill,ye as IcoLightning,be as IcoLightningFill,Te as IcoLink,De as IcoLoading,Re as IcoLockLocked,ve as IcoLockPassword,Ze as IcoLockUnlocked,ze as IcoLoginForm,je as IcoMagic,Ue as IcoMenu,Ke as IcoMessage,qe as IcoMessageFill,_e as IcoMfa,or as IcoMobile2fa,rr as IcoMobile2fafill,tr as IcoPaperPlane,lr as IcoPasswordless,mr as IcoPendingConnection,dr as IcoPhone,xr as IcoPrice,nr as IcoQrcode,Ir as IcoQuestionCircle,gr as IcoQuestionCircleFill,Fr as IcoRefresh,kr as IcoRefreshCircleFill,wr as IcoRocketFill,Pr as IcoSearch,br as IcoSettings,Dr as IcoShield,yr as IcoShieldApproved,Tr as IcoShieldRejected,Rr as IcoSocial,vr as IcoSoldOutTag,Zr as IcoStar,zr as IcoSwap,jr as IcoSwatches,Ur as IcoTeam,qr as IcoUsers,_r as IcoWallet,Kr as IcoWalletFill,oa as IcoWand,ta as IcoWarning,ra as IcoWarningFill,la as IcoWidgetUi,jf as IconArt,zf as IconArtDark,qf as IconGameController,Uf as IconGameControllerDark,Kf as IconGenericToken,_f as IconMagicLogo,rl as IconMusic,ol as IconMusicDark,tl as IconProfileDark,ll as IconProfileLight,dl as IconTicket,ml as IconTicketDark,k as LoadingSpinner,nl as LogoAlgorand,xl as LogoAlgorandMono,Il as LogoApple,gl as LogoAppleMono,Fl as LogoAptos,kl as LogoAptosMono,yl as LogoArbitrum,wl as LogoArbitrumMono,bl as LogoArbitrumOne,Pl as LogoArbitrumOneMono,Dl as LogoAstar,Tl as LogoAstarMono,vl as LogoAvalanche,Rl as LogoAvalancheMono,zl as LogoBase,Zl as LogoBaseMono,Ul as LogoBerachain,jl as LogoBerachainMono,Kl as LogoBinance,ql as LogoBinanceMono,os as LogoBitBucket,_l as LogoBitBucketMono,ts as LogoBitcoin,rs as LogoBitcoinMono,ms as LogoBnb,ls as LogoBnbMono,xs as LogoCelo,ds as LogoCeloMono,gs as LogoChiliz,ns as LogoChilizMono,ks as LogoCosmos,Is as LogoCosmosMono,ws as LogoDiscord,Fs as LogoDiscordMono,bs as LogoEthereum,Ps as LogoEthereumMono,Ts as LogoEtherlink,ys as LogoEtherlinkMono,Rs as LogoFacebook,Ds as LogoFacebookMono,Zs as LogoFlare,vs as LogoFlareMono,js as LogoFlow,zs as LogoFlowMono,qs as LogoGitHub,Us as LogoGitHubMono,_s as LogoGitLab,Ks as LogoGitLabMono,rm as LogoGoogle,om as LogoGoogleMono,lm as LogoHarmony,tm as LogoHarmonyMono,dm as LogoHorizen,mm as LogoHorizenMono,nm as LogoIcon,xm as LogoIconMono,Im as LogoImmutableX,gm as LogoImmutableXMono,Pm as LogoLink,Fm as LogoLinkByStripe,km as LogoLinkByStripeMono,wm as LogoLinkMono,ym as LogoLinkedIn,bm as LogoLinkedInMono,Dm as LogoLoopring,Tm as LogoLoopringMono,vm as LogoMicrosoft,Rm as LogoMicrosoftMono,zm as LogoMoonbeam,Zm as LogoMoonbeamMono,Um as LogoNear,jm as LogoNearMono,Km as LogoOnramper,qm as LogoOnramperMono,op as LogoOptimism,_m as LogoOptimismMono,mp as LogoPayPal,rp as LogoPayPalMono,lp as LogoPayPalWordmark,tp as LogoPayPalWordmarkMono,xp as LogoPoa,dp as LogoPoaMono,gp as LogoPolkadot,np as LogoPolkadotMono,kp as LogoPolygon,Ip as LogoPolygonMono,wp as LogoRarichain,Fp as LogoRarichainMono,bp as LogoSardine,Pp as LogoSardineMono,Tp as LogoSei,yp as LogoSeiMono,Rp as LogoSolana,Dp as LogoSolanaMono,Zp as LogoStability,vp as LogoStabilityMono,jp as LogoSui,zp as LogoSuiMono,qp as LogoTezos,Up as LogoTezosMono,_p as LogoTwitch,Kp as LogoTwitchMono,rd as LogoTwitter,od as LogoTwitterMono,ld as LogoWalletConnect,td as LogoWalletConnectMono,dd as LogoWarpcast,md as LogoWarpcastMono,nd as LogoWax,xd as LogoWaxMono,Id as LogoXdc,gd as LogoXdcMono,Fd as LogoZetachain,kd as LogoZetachainMono,Pd as LogoZilliqa,wd as LogoZilliqaMono,yd as LogoZksync,bd as LogoZksyncMono,d as Modal,ha as NFTTile,Ca as NavigationButton,x as Overlay,Ba as Page,Td as PayAmex,Dd as PayDiscover,Rd as PayMastercard,n as PayPalButton,vd as PayVisa,ua as PhoneInput,ca as PinCodeInput,tu as Popover,Zd as PresentationLogo,Pu as QRCode,lu as Radio,su as RadioGroup,bu as SecuredByMagic,yu as SecurityOtp,pu as SegmentedControl,Tu as SharedLogo,g as SocialLoginButton,xu as Switch,du as Tab,nu as Text,ia as TextInput,F as Toast,C as ToastProvider,Aa as TokenListItem,h as Tooltip,gu as VerifyPincode,Du as WalletAddress,zd as WltCoinbase,jd as WltMattel,Ud as WltMetamask,qd as WltPhantom,Kd as WltRainbow,_d as WltWalletConnect,Ru as useCustomVars,vu as useToast};
 //# sourceMappingURL=index.js.map

package/dist/es/recipes/text-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{sva as t}from"@styled/css";const n=t({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"}},center:{input:{textAlign:"center"}},right:{input:{textAlign:"right"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});export{n as textInput};
+import{sva as t}from"@styled/css";const n=t({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"},container:{alignItems:"flex-start"}},center:{input:{textAlign:"center"},container:{alignItems:"center"}},right:{input:{textAlign:"right"},container:{alignItems:"flex-end"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});export{n as textInput};
 //# sourceMappingURL=text-input.js.map

package/dist/es/recipes/text-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const textInput = sva({\n slots: ['container', 'label', 'inputContainer', 'input', 'description', 'typeIcon', 'actionIcon', 'actionButton'],\n base: {\n label: {\n fontSize: 'sm',\n fontWeight: 'medium',\n color: 'text.primary',\n },\n inputContainer: {\n backgroundColor: 'transparent',\n borderStyle: 'solid',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n borderRadius: 'input',\n boxSizing: 'border-box',\n transition: 'all linear 120ms',\n width: '100%',\n\n _hover: {\n borderColor: 'neutral.primary',\n },\n\n _focusWithin: {\n outlineColor: 'brand.base',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n },\n },\n input: {\n transition: 'all linear 120ms',\n width: '100%',\n boxSizing: 'border-box',\n m: 0,\n p: 0,\n outline: 'none',\n minWidth: 10,\n fontWeight: 'normal',\n backgroundColor: 'transparent',\n color: 'text.primary',\n _placeholder: {\n color: 'text.tertiary',\n },\n\n _groupHover: {\n borderColor: 'neutral.primary',\n },\n },\n description: {\n fontSize: 'sm',\n color: 'text.primary',\n },\n typeIcon: {\n transition: 'opacity linear 120ms',\n },\n actionIcon: {\n transition: 'opacity linear 120ms',\n cursor: 'pointer',\n },\n actionButton: {\n transition: 'opacity linear 120ms',\n },\n },\n variants: {\n size: {\n sm: {\n input: {\n fontSize: 'sm',\n textAlign: 'left',\n },\n inputContainer: {\n height: 10,\n p: 3,\n },\n },\n md: {\n input: {\n fontSize: 'md',\n textAlign: 'left',\n },\n inputContainer: {\n height: 12,\n p: 3,\n },\n },\n lg: {\n input: {\n fontSize: 'lg',\n textAlign: 'left',\n },\n inputContainer: {\n height: 15,\n padding: 4,\n },\n },\n },\n alignText: {\n left: {\n input: {\n textAlign: 'left',\n },\n },\n center: {\n input: {\n textAlign: 'center',\n },\n },\n right: {\n input: {\n textAlign: 'right',\n },\n },\n },\n isError: {\n true: {\n inputContainer: {\n borderColor: 'negative.base',\n },\n },\n },\n char: {\n true: {\n input: {\n fontSize: 'xl',\n textAlign: 'center',\n },\n inputContainer: {\n height: 12,\n py: 2,\n },\n },\n },\n disabled: {\n true: {\n container: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n inputContainer: {\n _hover: {\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"kCAEO,MAAMA,EAAYC,EAAI,CAC3B,MAAO,CAAC,YAAa,QAAS,iBAAkB,QAAS,cAAe,WAAY,aAAc,cAAc,EAChH,KAAM,CACJ,MAAO,CACL,SAAU,KACV,WAAY,SACZ,MAAO,cACR,EACD,eAAgB,CACd,gBAAiB,cACjB,YAAa,QACb,YAAa,OACb,YAAa,oBACb,aAAc,QACd,UAAW,aACX,WAAY,mBACZ,MAAO,OAEP,OAAQ,CACN,YAAa,iBACd,EAED,aAAc,CACZ,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,EACD,MAAO,CACL,WAAY,mBACZ,MAAO,OACP,UAAW,aACX,EAAG,EACH,EAAG,EACH,QAAS,OACT,SAAU,GACV,WAAY,SACZ,gBAAiB,cACjB,MAAO,eACP,aAAc,CACZ,MAAO,eACR,EAED,YAAa,CACX,YAAa,iBACd,CACF,EACD,YAAa,CACX,SAAU,KACV,MAAO,cACR,EACD,SAAU,CACR,WAAY,sBACb,EACD,WAAY,CACV,WAAY,uBACZ,OAAQ,SACT,EACD,aAAc,CACZ,WAAY,sBACb,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,QAAS,CACV,CACF,CACF,EACD,UAAW,CACT,KAAM,CACJ,MAAO,CACL,UAAW,MACZ,CACF,EACD,OAAQ,CACN,MAAO,CACL,UAAW,QACZ,CACF,EACD,MAAO,CACL,MAAO,CACL,UAAW,OACZ,CACF,CACF,EACD,QAAS,CACP,KAAM,CACJ,eAAgB,CACd,YAAa,eACd,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,SAAU,KACV,UAAW,QACZ,EACD,eAAgB,CACd,OAAQ,GACR,GAAI,CACL,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,eAAgB,CACd,OAAQ,CACN,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,CAAA"}
1	+ {"version":3,"file":"text-input.js","sources":["../../../src/recipes/text-input.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const textInput = sva({\n slots: ['container', 'label', 'inputContainer', 'input', 'description', 'typeIcon', 'actionIcon', 'actionButton'],\n base: {\n label: {\n fontSize: 'sm',\n fontWeight: 'medium',\n color: 'text.primary',\n },\n inputContainer: {\n backgroundColor: 'transparent',\n borderStyle: 'solid',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n borderRadius: 'input',\n boxSizing: 'border-box',\n transition: 'all linear 120ms',\n width: '100%',\n\n _hover: {\n borderColor: 'neutral.primary',\n },\n\n _focusWithin: {\n outlineColor: 'brand.base',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n },\n },\n input: {\n transition: 'all linear 120ms',\n width: '100%',\n boxSizing: 'border-box',\n m: 0,\n p: 0,\n outline: 'none',\n minWidth: 10,\n fontWeight: 'normal',\n backgroundColor: 'transparent',\n color: 'text.primary',\n _placeholder: {\n color: 'text.tertiary',\n },\n\n _groupHover: {\n borderColor: 'neutral.primary',\n },\n },\n description: {\n fontSize: 'sm',\n color: 'text.primary',\n },\n typeIcon: {\n transition: 'opacity linear 120ms',\n },\n actionIcon: {\n transition: 'opacity linear 120ms',\n cursor: 'pointer',\n },\n actionButton: {\n transition: 'opacity linear 120ms',\n },\n },\n variants: {\n size: {\n sm: {\n input: {\n fontSize: 'sm',\n textAlign: 'left',\n },\n inputContainer: {\n height: 10,\n p: 3,\n },\n },\n md: {\n input: {\n fontSize: 'md',\n textAlign: 'left',\n },\n inputContainer: {\n height: 12,\n p: 3,\n },\n },\n lg: {\n input: {\n fontSize: 'lg',\n textAlign: 'left',\n },\n inputContainer: {\n height: 15,\n padding: 4,\n },\n },\n },\n alignText: {\n left: {\n input: {\n textAlign: 'left',\n },\n container: {\n alignItems: 'flex-start',\n },\n },\n center: {\n input: {\n textAlign: 'center',\n },\n container: {\n alignItems: 'center',\n },\n },\n right: {\n input: {\n textAlign: 'right',\n },\n container: {\n alignItems: 'flex-end',\n },\n },\n },\n isError: {\n true: {\n inputContainer: {\n borderColor: 'negative.base',\n },\n },\n },\n char: {\n true: {\n input: {\n fontSize: 'xl',\n textAlign: 'center',\n },\n inputContainer: {\n height: 12,\n py: 2,\n },\n },\n },\n disabled: {\n true: {\n container: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n inputContainer: {\n _hover: {\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n});\n"],"names":["textInput","sva"],"mappings":"kCAEO,MAAMA,EAAYC,EAAI,CAC3B,MAAO,CAAC,YAAa,QAAS,iBAAkB,QAAS,cAAe,WAAY,aAAc,cAAc,EAChH,KAAM,CACJ,MAAO,CACL,SAAU,KACV,WAAY,SACZ,MAAO,cACR,EACD,eAAgB,CACd,gBAAiB,cACjB,YAAa,QACb,YAAa,OACb,YAAa,oBACb,aAAc,QACd,UAAW,aACX,WAAY,mBACZ,MAAO,OAEP,OAAQ,CACN,YAAa,iBACd,EAED,aAAc,CACZ,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,EACD,MAAO,CACL,WAAY,mBACZ,MAAO,OACP,UAAW,aACX,EAAG,EACH,EAAG,EACH,QAAS,OACT,SAAU,GACV,WAAY,SACZ,gBAAiB,cACjB,MAAO,eACP,aAAc,CACZ,MAAO,eACR,EAED,YAAa,CACX,YAAa,iBACd,CACF,EACD,YAAa,CACX,SAAU,KACV,MAAO,cACR,EACD,SAAU,CACR,WAAY,sBACb,EACD,WAAY,CACV,WAAY,uBACZ,OAAQ,SACT,EACD,aAAc,CACZ,WAAY,sBACb,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,EAAG,CACJ,CACF,EACD,GAAI,CACF,MAAO,CACL,SAAU,KACV,UAAW,MACZ,EACD,eAAgB,CACd,OAAQ,GACR,QAAS,CACV,CACF,CACF,EACD,UAAW,CACT,KAAM,CACJ,MAAO,CACL,UAAW,MACZ,EACD,UAAW,CACT,WAAY,YACb,CACF,EACD,OAAQ,CACN,MAAO,CACL,UAAW,QACZ,EACD,UAAW,CACT,WAAY,QACb,CACF,EACD,MAAO,CACL,MAAO,CACL,UAAW,OACZ,EACD,UAAW,CACT,WAAY,UACb,CACF,CACF,EACD,QAAS,CACP,KAAM,CACJ,eAAgB,CACd,YAAa,eACd,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,MAAO,CACL,SAAU,KACV,UAAW,QACZ,EACD,eAAgB,CACd,OAAQ,GACR,GAAI,CACL,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,eAAgB,CACd,OAAQ,CACN,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,CAAA"}

package/dist/panda.buildinfo.json CHANGED Viewed

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

package/dist/types/components/inputs/dropdown-selector.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { AriaButtonProps } from 'react-aria';
+export interface DropdownSelectorProps extends AriaButtonProps {
+    children: ReactNode;
+    onSelect: (value: string) => void;
+    label?: string;
+    tooltipContent?: string;
+    disabled?: boolean;
+    viewMax?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+}
+export interface DropdownOptionProps {
+    value: string;
+    children: string;
+    isFocused?: boolean;
+}
+interface OptionData {
+    value: string;
+    label: string;
+}
+export interface DropdownContextType {
+    selectedOption: OptionData | null;
+    setSelectedOption: (option: OptionData) => void;
+}
+export declare const DropdownOption: ({ value, children, isFocused }: DropdownOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownSelector: ({ children, onSelect, label, tooltipContent, disabled, viewMax, ...props }: DropdownSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dropdown-selector.d.ts.map

package/dist/types/components/inputs/dropdown-selector.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown-selector.tsx"],"names":[],"mappings":"AAMA,OAAO,EAKL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAoD,MAAM,YAAY,CAAC;AAE/F,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;CAClD;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAOD,eAAO,MAAM,cAAc,mCAAoC,mBAAmB,4CAuBjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,+EAQ1B,qBAAqB,4CAiLvB,CAAC"}

package/dist/types/components/inputs/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export { DropdownOption, DropdownSelector } from '../inputs/dropdown-selector';
+export type { DropdownOptionProps, DropdownSelectorProps } from '../inputs/dropdown-selector';
 export { default as PhoneInput } from '../inputs/phone-input';
 export type { PhoneInputProps } from '../inputs/phone-input';
 export { PinCodeInput } from '../inputs/pincode-input';

package/dist/types/components/inputs/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxF,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/types/recipes/text-input.d.ts CHANGED Viewed

@@ -36,16 +36,25 @@ export declare const textInput: import("../../styled-system/types").SlotRecipeRu
             input: {
                 textAlign: "left";
             };
+            container: {
+                alignItems: "flex-start";
+            };
         };
         center: {
             input: {
                 textAlign: "center";
             };
+            container: {
+                alignItems: "center";
+            };
         };
         right: {
             input: {
                 textAlign: "right";
             };
+            container: {
+                alignItems: "flex-end";
+            };
         };
     };
     isError: {

package/dist/types/recipes/text-input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/recipes/text-input.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJpB~~,CAAC"}
1	+ {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/recipes/text-input.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2JpB,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@magiclabs/ui-components",
-  "version": "1.16.7",
+  "version": "1.17.0",
   "description": "💅 A theme-able library of reusable UI components",
   "author": "Magic Labs <open-source@magic.link>",
   "repository": {