@magiclabs/ui-components 1.28.3 → 1.30.0

package/dist/cjs/components/primitives/checkbox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),j=require("@styled/tokens"),y=require("../icons/ico-checkmark.js"),k=require("./text.js"),q=require("../../hooks/useToggleState.js"),i=require("@styled/css"),C=require("@styled/jsx/flex"),o=require("react"),a=require("react-aria");const b=o.forwardRef((c,h)=>{const{label:n,indeterminate:r=!1,disabled:l=!1,checked:x,"aria-label":m,...f}=c,s=q.useToggleState({...c,isSelected:x}),g=o.useRef(null),t=h||g;o.useEffect(()=>{const u="current"in t?t.current:null;u&&(u.indeterminate=!!r)},[r,t]);const{inputProps:p}=a.useCheckbox({...f,"aria-label":n||m||"Checkbox",isDisabled:l,isIndeterminate:r},s,t),{isFocusVisible:d,focusProps:v}=a.useFocusRing();return e.jsxs("label",{className:i.css({display:"flex",alignItems:"center",rounded:"sm",opacity:l?.3:1}),children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{...a.mergeProps(p,v),ref:t})}),e.jsx("div",{className:i.css({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:s.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:s.isSelected||d?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:l?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:d?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:e.jsxs("span",{children:[s.isSelected&&!r&&e.jsx(y.default,{height:16,width:16,color:j.token("colors.surface.primary")}),s.isSelected&&!!r&&e.jsx(C.Flex,{justifyContent:"center",alignItems:"center",children:e.jsx("div",{className:i.css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),n&&e.jsx("div",{className:i.css({ml:3}),children:e.jsx(k.default,{fontWeight:"medium",styles:{lineHeight:1},children:n})})]})});b.displayName="Checkbox",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),v=require("@styled/tokens"),y=require("../icons/ico-checkmark.js"),k=require("./text.js"),q=require("../../hooks/useToggleState.js"),l=require("@styled/css"),C=require("@styled/jsx"),S=require("@styled/jsx/flex"),o=require("react"),i=require("react-aria");const b=o.forwardRef((c,h)=>{const{label:a,indeterminate:r=!1,disabled:n=!1,checked:x,"aria-label":f,...m}=c,s=q.useToggleState({...c,isSelected:x}),g=o.useRef(null),t=h||g;o.useEffect(()=>{const u="current"in t?t.current:null;u&&(u.indeterminate=!!r)},[r,t]);const{inputProps:p}=i.useCheckbox({...m,"aria-label":a||f||"Checkbox",isDisabled:n,isIndeterminate:r},s,t),{isFocusVisible:d,focusProps:j}=i.useFocusRing();return e.jsxs("label",{className:l.css({display:"flex",alignItems:"center",rounded:"sm",opacity:n?.3:1}),children:[e.jsx(i.VisuallyHidden,{children:e.jsx("input",{...i.mergeProps(p,j),ref:t})}),e.jsx("div",{className:l.css({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:s.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:s.isSelected||d?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:n?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:d?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:e.jsxs("span",{children:[s.isSelected&&!r&&e.jsx(y.default,{height:16,width:16,color:v.token("colors.surface.primary")}),s.isSelected&&!!r&&e.jsx(S.Flex,{justifyContent:"center",alignItems:"center",children:e.jsx("div",{className:l.css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),a&&e.jsx(C.Box,{ml:3,children:e.jsx(k.default,{fontWeight:"medium",styles:{lineHeight:1},children:a})})]})});b.displayName="Checkbox",exports.default=b;
 //# sourceMappingURL=checkbox.js.map

package/dist/cjs/components/primitives/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { VisuallyHidden, mergeProps, useCheckbox, useFocusRing, type AriaCheckboxProps } from 'react-aria';\n\nexport type CheckboxProps = AriaCheckboxProps & {\n  label?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  checked?: boolean;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, forwardedRef) => {\n  const { label, indeterminate = false, disabled = false, checked, 'aria-label': ariaLabel, ...otherProps } = props;\n  const state = useToggleState({ ...props, isSelected: checked });\n  const internalRef = useRef<HTMLInputElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  useEffect(() => {\n    const currentRef = 'current' in ref ? ref.current : null;\n    if (currentRef) {\n      currentRef.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate, ref]);\n\n  const { inputProps } = useCheckbox(\n    {\n      ...otherProps,\n      'aria-label': label || ariaLabel || 'Checkbox',\n      isDisabled: disabled,\n      isIndeterminate: indeterminate,\n    },\n    state,\n    ref as React.RefObject<HTMLInputElement>,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <label\n      className={css({\n        display: 'flex',\n        alignItems: 'center',\n        rounded: 'sm',\n        opacity: disabled ? 0.3 : 1,\n      })}\n    >\n      <VisuallyHidden>\n        <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n      </VisuallyHidden>\n      <div\n        className={css({\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          width: 5,\n          height: 5,\n          bg: state.isSelected ? 'brand.base' : 'transparent',\n          borderWidth: 'thick',\n          borderColor: state.isSelected || isFocusVisible ? 'brand.base' : 'text.tertiary',\n          transition: 'background-color 0.2s ease, border-color 0.2s ease',\n          _hover: {\n            cursor: 'pointer',\n            borderColor: 'brand.base',\n          },\n          pointerEvents: disabled ? 'none' : 'auto',\n          rounded: 'sm',\n          boxSizing: 'border-box',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n        })}\n      >\n        <span>\n          {state.isSelected && !indeterminate && (\n            <IcoCheckmark height={16} width={16} color={token('colors.surface.primary')} />\n          )}\n          {state.isSelected && !!indeterminate && (\n            <Flex justifyContent=\"center\" alignItems=\"center\">\n              <div\n                className={css({\n                  w: 2.5,\n                  h: 0.5,\n                  bg: 'surface.primary',\n                })}\n              />\n            </Flex>\n          )}\n        </span>\n      </div>\n      {label && (\n        <div className={css({ ml: 3 })}>\n          <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n            {label}\n          </Text>\n        </div>\n      )}\n    </label>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","props","forwardedRef","label","indeterminate","disabled","checked","ariaLabel","otherProps","state","useToggleState","internalRef","useRef","ref","useEffect","currentRef","inputProps","useCheckbox","isFocusVisible","focusProps","useFocusRing","_jsxs","css","_jsx","VisuallyHidden","mergeProps","IcoCheckmark","token","Flex","Text"],"mappings":"oVAgBMA,EAAWC,EAAAA,WAA4C,CAACC,EAAOC,IAAgB,CACnF,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAgB,GAAO,SAAAC,EAAW,GAAO,QAAAC,EAAS,aAAcC,EAAW,GAAGC,CAAU,EAAKP,EACtGQ,EAAQC,iBAAe,CAAE,GAAGT,EAAO,WAAYK,CAAO,CAAE,EACxDK,EAAcC,EAAAA,OAAyB,IAAI,EAC3CC,EAAMX,GAAgBS,EAE5BG,EAAAA,UAAU,IAAK,CACb,MAAMC,EAAa,YAAaF,EAAMA,EAAI,QAAU,KAChDE,IACFA,EAAW,cAAgB,CAAC,CAACX,EAEjC,EAAG,CAACA,EAAeS,CAAG,CAAC,EAEvB,KAAM,CAAE,WAAAG,CAAY,EAAGC,cACrB,CACE,GAAGT,EACH,aAAcL,GAASI,GAAa,WACpC,WAAYF,EACZ,gBAAiBD,CAClB,EACDK,EACAI,CAAwC,EAEpC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OACEC,EAAAA,KAAA,QAAA,CACE,UAAWC,MAAI,CACb,QAAS,OACT,WAAY,SACZ,QAAS,KACT,QAASjB,EAAW,GAAM,EAC3B,EAAC,SAAA,CAEFkB,MAACC,iBAAc,CAAA,SACbD,kBAAWE,aAAWT,EAAYG,CAAU,EAAG,IAAKN,CAAO,CAAA,CAAA,CAAA,EAE7DU,MACE,MAAA,CAAA,UAAWD,EAAAA,IAAI,CACb,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,EACP,OAAQ,EACR,GAAIb,EAAM,WAAa,aAAe,cACtC,YAAa,QACb,YAAaA,EAAM,YAAcS,EAAiB,aAAe,gBACjE,WAAY,qDACZ,OAAQ,CACN,OAAQ,UACR,YAAa,YACd,EACD,cAAeb,EAAW,OAAS,OACnC,QAAS,KACT,UAAW,aACX,aAAca,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GAChB,EAAC,SAEFG,EAAAA,KACG,OAAA,CAAA,SAAA,CAAAZ,EAAM,YAAc,CAACL,GACpBmB,MAACG,WAAa,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,MAAA,wBAAwB,IAE3ElB,EAAM,YAAc,CAAC,CAACL,GACrBmB,MAACK,QAAK,eAAe,SAAS,WAAW,SAAQ,SAC/CL,MACE,MAAA,CAAA,UAAWD,EAAAA,IAAI,CACb,EAAG,IACH,EAAG,GACH,GAAI,iBACL,CAAA,GAEE,CAAA,CACR,GAEC,CAAA,EACLnB,GACCoB,EAAAA,WAAK,UAAWD,MAAI,CAAE,GAAI,EAAG,EAAC,SAC5BC,EAACM,IAAAA,EAAAA,SAAK,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,WAC9C1B,CAAK,CAAA,GAGX,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAS,YAAc"}
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { Flex } from '@styled/jsx/flex';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { VisuallyHidden, mergeProps, useCheckbox, useFocusRing, type AriaCheckboxProps } from 'react-aria';\n\nexport type CheckboxProps = AriaCheckboxProps & {\n  label?: string;\n  disabled?: boolean;\n  indeterminate?: boolean;\n  checked?: boolean;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, forwardedRef) => {\n  const { label, indeterminate = false, disabled = false, checked, 'aria-label': ariaLabel, ...otherProps } = props;\n  const state = useToggleState({ ...props, isSelected: checked });\n  const internalRef = useRef<HTMLInputElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  useEffect(() => {\n    const currentRef = 'current' in ref ? ref.current : null;\n    if (currentRef) {\n      currentRef.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate, ref]);\n\n  const { inputProps } = useCheckbox(\n    {\n      ...otherProps,\n      'aria-label': label || ariaLabel || 'Checkbox',\n      isDisabled: disabled,\n      isIndeterminate: indeterminate,\n    },\n    state,\n    ref as React.RefObject<HTMLInputElement>,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <label\n      className={css({\n        display: 'flex',\n        alignItems: 'center',\n        rounded: 'sm',\n        opacity: disabled ? 0.3 : 1,\n      })}\n    >\n      <VisuallyHidden>\n        <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n      </VisuallyHidden>\n      <div\n        className={css({\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          width: 5,\n          height: 5,\n          bg: state.isSelected ? 'brand.base' : 'transparent',\n          borderWidth: 'thick',\n          borderColor: state.isSelected || isFocusVisible ? 'brand.base' : 'text.tertiary',\n          transition: 'background-color 0.2s ease, border-color 0.2s ease',\n          _hover: {\n            cursor: 'pointer',\n            borderColor: 'brand.base',\n          },\n          pointerEvents: disabled ? 'none' : 'auto',\n          rounded: 'sm',\n          boxSizing: 'border-box',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n        })}\n      >\n        <span>\n          {state.isSelected && !indeterminate && (\n            <IcoCheckmark height={16} width={16} color={token('colors.surface.primary')} />\n          )}\n          {state.isSelected && !!indeterminate && (\n            <Flex justifyContent=\"center\" alignItems=\"center\">\n              <div\n                className={css({\n                  w: 2.5,\n                  h: 0.5,\n                  bg: 'surface.primary',\n                })}\n              />\n            </Flex>\n          )}\n        </span>\n      </div>\n      {label && (\n        <Box ml={3}>\n          <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </label>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","props","forwardedRef","label","indeterminate","disabled","checked","ariaLabel","otherProps","state","useToggleState","internalRef","useRef","ref","useEffect","currentRef","inputProps","useCheckbox","isFocusVisible","focusProps","useFocusRing","_jsxs","css","_jsx","VisuallyHidden","mergeProps","IcoCheckmark","token","Flex","Box","Text"],"mappings":"uWAiBA,MAAMA,EAAWC,EAAAA,WAA4C,CAACC,EAAOC,IAAgB,CACnF,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAgB,GAAO,SAAAC,EAAW,GAAO,QAAAC,EAAS,aAAcC,EAAW,GAAGC,CAAU,EAAKP,EACtGQ,EAAQC,EAAAA,eAAe,CAAE,GAAGT,EAAO,WAAYK,CAAO,CAAE,EACxDK,EAAcC,EAAAA,OAAyB,IAAI,EAC3CC,EAAMX,GAAgBS,EAE5BG,YAAU,IAAK,CACb,MAAMC,EAAa,YAAaF,EAAMA,EAAI,QAAU,KAChDE,IACFA,EAAW,cAAgB,CAAC,CAACX,EAEjC,EAAG,CAACA,EAAeS,CAAG,CAAC,EAEvB,KAAM,CAAE,WAAAG,CAAY,EAAGC,EAAAA,YACrB,CACE,GAAGT,EACH,aAAcL,GAASI,GAAa,WACpC,WAAYF,EACZ,gBAAiBD,CAClB,EACDK,EACAI,CAAwC,EAEpC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,EAAA,KAAA,QAAA,CACE,UAAWC,EAAAA,IAAI,CACb,QAAS,OACT,WAAY,SACZ,QAAS,KACT,QAASjB,EAAW,GAAM,EAC3B,EAAC,SAAA,CAEFkB,EAAAA,IAACC,EAAc,eAAA,CAAA,SACbD,EAAAA,gBAAWE,EAAAA,WAAWT,EAAYG,CAAU,EAAG,IAAKN,CAAO,CAAA,CAAA,CAAA,EAE7DU,EAAAA,IACE,MAAA,CAAA,UAAWD,EAAAA,IAAI,CACb,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,EACP,OAAQ,EACR,GAAIb,EAAM,WAAa,aAAe,cACtC,YAAa,QACb,YAAaA,EAAM,YAAcS,EAAiB,aAAe,gBACjE,WAAY,qDACZ,OAAQ,CACN,OAAQ,UACR,YAAa,YACd,EACD,cAAeb,EAAW,OAAS,OACnC,QAAS,KACT,UAAW,aACX,aAAca,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GAChB,EAAC,SAEFG,EAAAA,KACG,OAAA,CAAA,SAAA,CAAAZ,EAAM,YAAc,CAACL,GACpBmB,EAAAA,IAACG,EAAAA,SAAa,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,MAAA,wBAAwB,IAE3ElB,EAAM,YAAc,CAAC,CAACL,GACrBmB,EAAAA,IAACK,QAAK,eAAe,SAAS,WAAW,SAAQ,SAC/CL,MACE,MAAA,CAAA,UAAWD,EAAAA,IAAI,CACb,EAAG,IACH,EAAG,GACH,GAAI,iBACL,CAAA,GAEE,CAAA,CACR,CACI,CAAA,CAAA,CAAA,EAERnB,GACCoB,EAAAA,IAACM,EAAAA,IAAI,CAAA,GAAI,WACPN,EAAAA,IAACO,EAAAA,QAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,WAC9C3B,CAAK,CAAA,GAGX,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAS,YAAc"}

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

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

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

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

package/dist/cjs/components/primitives/popover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),S=require("./button.js");require("./checkbox.js"),require("./dropdown-selector.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js"),require("./text.js");var V=require("../../hooks/useToggleState.js"),Z=require("@styled/css"),v=require("@styled/jsx"),$=require("@styled/patterns"),ee=require("@styled/tokens"),h=require("create-slots"),t=require("react"),m=require("react-aria");const R="bottom left",_=8,re="hover",O=h.createSlot(({children:o})=>r.jsx(r.Fragment,{children:o})),z=h.createSlot(({children:o,...l})=>{const{onPress:n,...a}=l;return r.jsx(v.Center,{children:t.Children.map(o,c=>t.cloneElement(c,a))})}),D=h.createSlot(({children:o,...l})=>r.jsx(v.Center,{children:t.Children.map(o,n=>t.cloneElement(n,l))})),w=h.createSlot(({children:o,...l})=>r.jsx(v.Center,{children:t.Children.map(o,n=>t.cloneElement(n,l))})),H=({children:o,...l})=>h.createHost(o,n=>{var a;const{isOpen:c,defaultOpen:N,onOpenChange:U,trigger:F=re,iconSize:te,onPress:ne,...L}=l,{isSelected:X,setSelected:y}=V.useToggleState({isOpen:c,defaultSelected:N,onChange:U,...l}),E=c!==void 0?c:X,s=24,i=t.useMemo(()=>({isOpen:E,open:()=>{y(!0)},close:()=>{y(!1)},setOpen(e){y(e)},toggle(){}}),[E]),k=n.getProps(O),d=t.useRef(null),{triggerProps:A,overlayProps:Y}=m.useOverlayTrigger({type:"dialog"},i,d),u=t.useRef(null),{popoverProps:B,underlayProps:W}=m.usePopover({placement:R,offset:_,popoverRef:u,triggerRef:d,...k},i),x=m.mergeProps(k,B);!((a=x?.style)===null||a===void 0)&&a.zIndex&&(x.style.zIndex=ee.token("zIndex.max"));const I=t.useCallback(()=>{i.open()},[i]),j=t.useCallback(e=>{var C,T;const p=(C=d.current)===null||C===void 0?void 0:C.getBoundingClientRect(),g=(T=u.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(p&&g){const J=e.clientX>=p.left-s&&e.clientX<=p.right+s&&e.clientY>=p.top-s&&e.clientY<=p.bottom+s,Q=e.clientX>=g.left-s&&e.clientX<=g.right+s&&e.clientY>=g.top-s&&e.clientY<=g.bottom+s;!J&&!Q&&i.close()}},[i]),K=()=>{if(u.current){const e=u.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus()}},G=e=>{e.key==="Enter"&&(e.preventDefault(),c?i.close():(i.open(),setTimeout(K,0)))};t.useEffect(()=>(document.addEventListener("mousemove",j),()=>{document.removeEventListener("mousemove",j)}),[j]);const f=l.size==="sm"?16:24,b=n.get(z),P=n.get(D),q=n.get(w);return r.jsxs(r.Fragment,{children:[b?r.jsx(v.Box,{display:"inline-block",ref:d,...L,children:b&&{...b,props:{...b.props,...A}}}):r.jsx(v.Box,{display:"inline-block",ref:d,children:r.jsxs(S.default,{...m.mergeProps(A,L),onKeyDown:G,onHover:()=>F==="hover"&&I(),onPress:()=>F==="click"&&I(),children:[P&&r.jsx(S.default.LeadingIcon,{children:P&&{...P,props:{...P.props,width:f,height:f}}}),q&&r.jsx(S.default.TrailingIcon,{children:q&&{...q,props:{...q.props,width:f,height:f}}})]})}),E&&r.jsxs(m.Overlay,{...Y,children:[r.jsx("div",{...W,className:"underlay"}),r.jsx("div",{ref:u,...x,className:Z.cx($.vstack({bg:"surface.primary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),x.className),children:n.get(O)})]})]})}),M=Object.assign(H,{Trigger:z,LeadingIcon:D,TrailingIcon:w,Content:O});exports.DEFAULT_OFFSET=_,exports.DEFAULT_PLACEMENT=R,exports.Popover=M,exports.PopoverHost=H,exports.default=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),v=require("./button.js");require("./checkbox.js"),require("./dropdown-selector.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js"),require("./text.js");var V=require("../../hooks/useToggleState.js"),$=require("@styled/css"),E=require("@styled/jsx"),ee=require("@styled/patterns"),re=require("@styled/tokens"),x=require("create-slots"),s=require("react"),f=require("react-aria");const _="bottom left",D=8,te="hover",S=x.createSlot(({children:t})=>r.jsx(r.Fragment,{children:t})),N=x.createSlot(({children:t,...a})=>{const{onPress:i,...c}=a;return r.jsx(E.Center,{children:s.Children.map(t,l=>s.cloneElement(l,c))})}),B=x.createSlot(t=>r.jsx(v.default.LeadingIcon,{...t})),H=x.createSlot(t=>r.jsx(v.default.TrailingIcon,{...t})),M=({children:t,...a})=>x.createHost(t,i=>{var c;const{isOpen:l,defaultOpen:X,onOpenChange:Y,trigger:C=te,iconSize:P,onPress:oe,...O}=a,{isSelected:z,setSelected:b}=V.useToggleState({isOpen:l,defaultSelected:X,onChange:Y,...a}),q=l!==void 0?l:z,o=24,n=s.useMemo(()=>({isOpen:q,open:()=>{b(!0)},close:()=>{b(!1)},setOpen(e){b(e)},toggle(){}}),[q]),L=i.getProps(S),u=s.useRef(null),{triggerProps:F,overlayProps:w}=f.useOverlayTrigger({type:"dialog"},n,u),d=s.useRef(null),{popoverProps:W,underlayProps:K}=f.usePopover({placement:a.placement||_,offset:D,popoverRef:d,triggerRef:u,...L},n),m=f.mergeProps(L,W);!((c=m?.style)===null||c===void 0)&&c.zIndex&&(m.style.zIndex=re.token("zIndex.max"));const k=s.useCallback(()=>{n.open()},[n]),y=s.useCallback(e=>{var j,T;const p=(j=u.current)===null||j===void 0?void 0:j.getBoundingClientRect(),g=(T=d.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(p&&g){const Z=e.clientX>=p.left-o&&e.clientX<=p.right+o&&e.clientY>=p.top-o&&e.clientY<=p.bottom+o,Q=e.clientX>=g.left-o&&e.clientX<=g.right+o&&e.clientY>=g.top-o&&e.clientY<=g.bottom+o;!Z&&!Q&&n.close()}},[n]),G=()=>{if(d.current){const e=d.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus()}},J=e=>{e.key==="Enter"&&(e.preventDefault(),l?n.close():(n.open(),setTimeout(G,0)))};s.useEffect(()=>(document.addEventListener("mousemove",y),()=>{document.removeEventListener("mousemove",y)}),[y]);const h=i.get(N),I=i.getProps(B),R=i.getProps(H),A=P?{height:P,width:P}:{};return r.jsxs(r.Fragment,{children:[h?r.jsx(E.Box,{display:"inline-block",ref:u,...O,children:h&&{...h,props:{...h.props,...F}}}):r.jsx(E.Box,{display:"inline-block",ref:u,children:r.jsxs(v.default,{...f.mergeProps(F,O),onKeyDown:J,onHover:()=>C==="hover"&&k(),onPress:()=>C==="click"&&k(),children:[I&&r.jsx(v.default.LeadingIcon,{...I,...A}),R&&r.jsx(v.default.TrailingIcon,{...R,...A})]})}),q&&r.jsxs(f.Overlay,{...w,children:[r.jsx("div",{...K,className:"underlay"}),r.jsx("div",{ref:d,...m,className:$.cx(ee.vstack({bg:"surface.secondary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),m.className),children:i.get(S)})]})]})}),U=Object.assign(M,{Trigger:N,LeadingIcon:B,TrailingIcon:H,Content:S});exports.DEFAULT_OFFSET=D,exports.DEFAULT_PLACEMENT=_,exports.Popover=U,exports.PopoverHost=M,exports.default=U;
 //# sourceMappingURL=popover.js.map

package/dist/cjs/components/primitives/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../../src/components/primitives/popover.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@components/primitives';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { cx } from '@styled/css';\nimport { Box, Center } from '@styled/jsx';\nimport { vstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport {\n  Children,\n  ComponentProps,\n  PropsWithChildren,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport type { AriaPopoverProps, Placement } from 'react-aria';\nimport { Overlay, mergeProps, useOverlayTrigger, usePopover } from 'react-aria';\n\ninterface OverlayTriggerProps extends ButtonProps {\n  isOpen?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  trigger?: 'click' | 'hover';\n}\n\ninterface OverlayTriggerState {\n  readonly isOpen: boolean;\n  setOpen(isOpen: boolean): void;\n  open(): void;\n  close(): void;\n  toggle(): void;\n}\n\ntype PopoverContentProps = Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef'> & {\n  children?: ReactNode;\n  state?: OverlayTriggerState;\n} & ComponentProps<'div'>;\n\nexport const DEFAULT_PLACEMENT: Placement = 'bottom left';\nexport const DEFAULT_OFFSET = 8;\n\nconst DEFAULT_TRIGGER: string = 'hover';\n\nconst PopoverContent = createSlot(({ children }: PopoverContentProps) => <>{children}</>);\n\nconst Trigger = createSlot(({ children, ...props }) => {\n  const { onPress, ...restProps } = props;\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, restProps);\n      })}\n    </Center>\n  );\n});\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nexport type PopoverProps = PropsWithChildren<OverlayTriggerProps>;\n\nexport const PopoverHost = ({ children, ...props }: PopoverProps) => {\n  return createHost(children, slots => {\n    const { isOpen, defaultOpen, onOpenChange, trigger = DEFAULT_TRIGGER, iconSize, onPress, ...restProps } = props;\n    const { isSelected, setSelected: setOpen } = useToggleState({\n      isOpen: isOpen,\n      defaultSelected: defaultOpen,\n      onChange: onOpenChange,\n      ...props,\n    });\n\n    const isPopoverOpen = isOpen !== undefined ? isOpen : isSelected;\n    const safeZoneRadius = 24;\n\n    const state = useMemo(\n      () => ({\n        isOpen: isPopoverOpen,\n        open: () => {\n          setOpen(true);\n        },\n        close: () => {\n          setOpen(false);\n        },\n        setOpen(value: boolean) {\n          setOpen(value);\n        },\n        toggle() {},\n      }),\n      [isPopoverOpen],\n    );\n\n    const popoverContentProps = slots.getProps(PopoverContent);\n\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const { triggerProps, overlayProps } = useOverlayTrigger({ type: 'dialog' }, state, triggerRef);\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { popoverProps, underlayProps } = usePopover(\n      {\n        placement: DEFAULT_PLACEMENT,\n        offset: DEFAULT_OFFSET,\n        popoverRef: contentRef,\n        triggerRef,\n        ...popoverContentProps,\n      },\n      state,\n    );\n\n    const contentProps = mergeProps(popoverContentProps, popoverProps);\n\n    // Need to override zIndex set by react-aria so popover displays over iframe\n    if (contentProps?.style?.zIndex) {\n      contentProps.style.zIndex = token('zIndex.max');\n    }\n\n    const handleTrigger = useCallback(() => {\n      state.open();\n    }, [state]);\n\n    const handleMouseLeave = useCallback(\n      (event: MouseEvent) => {\n        const buttonRect = triggerRef.current?.getBoundingClientRect();\n        const popoverRect = contentRef.current?.getBoundingClientRect();\n\n        if (buttonRect && popoverRect) {\n          const withinButtonSafeZone =\n            event.clientX >= buttonRect.left - safeZoneRadius &&\n            event.clientX <= buttonRect.right + safeZoneRadius &&\n            event.clientY >= buttonRect.top - safeZoneRadius &&\n            event.clientY <= buttonRect.bottom + safeZoneRadius;\n\n          const withinPopoverSafeZone =\n            event.clientX >= popoverRect.left - safeZoneRadius &&\n            event.clientX <= popoverRect.right + safeZoneRadius &&\n            event.clientY >= popoverRect.top - safeZoneRadius &&\n            event.clientY <= popoverRect.bottom + safeZoneRadius;\n\n          if (!withinButtonSafeZone && !withinPopoverSafeZone) {\n            state.close();\n          }\n        }\n      },\n      [state],\n    );\n\n    const focusFirstInteractiveElement = () => {\n      if (contentRef.current) {\n        const interactiveElements = contentRef.current.querySelectorAll(\n          'a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n        );\n        if (interactiveElements.length > 0) {\n          (interactiveElements[0] as HTMLElement).focus();\n        }\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        if (isOpen) {\n          state.close();\n        } else {\n          state.open();\n          setTimeout(focusFirstInteractiveElement, 0);\n        }\n      }\n    };\n\n    useEffect(() => {\n      document.addEventListener('mousemove', handleMouseLeave);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseLeave);\n      };\n    }, [handleMouseLeave]);\n\n    const size = props.size === 'sm' ? 16 : 24;\n    const triggerEle = slots.get(Trigger);\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n\n    return (\n      <>\n        {triggerEle ? (\n          <Box display=\"inline-block\" ref={triggerRef} {...restProps}>\n            {triggerEle && { ...triggerEle, props: { ...triggerEle.props, ...triggerProps } }}\n          </Box>\n        ) : (\n          <Box display=\"inline-block\" ref={triggerRef}>\n            <Button\n              {...mergeProps(triggerProps, restProps)}\n              onKeyDown={handleKeyDown}\n              onHover={() => trigger === 'hover' && handleTrigger()}\n              onPress={() => trigger === 'click' && handleTrigger()}\n            >\n              {leadingIcon && (\n                <Button.LeadingIcon>\n                  {leadingIcon && {\n                    ...leadingIcon,\n                    props: { ...leadingIcon.props, width: size, height: size },\n                  }}\n                </Button.LeadingIcon>\n              )}\n              {trailingIcon && (\n                <Button.TrailingIcon>\n                  {trailingIcon && {\n                    ...trailingIcon,\n                    props: { ...trailingIcon.props, width: size, height: size },\n                  }}\n                </Button.TrailingIcon>\n              )}\n            </Button>\n          </Box>\n        )}\n        {isPopoverOpen && (\n          <Overlay {...overlayProps}>\n            <div {...underlayProps} className=\"underlay\" />\n            <div\n              ref={contentRef}\n              {...contentProps}\n              className={cx(\n                vstack({\n                  bg: 'surface.primary',\n                  p: 3,\n                  gap: 0,\n                  color: 'text.secondary',\n                  borderWidth: 1,\n                  borderColor: 'neutral.secondary',\n                  borderRadius: 'xl',\n                  boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n                  maxW: 52,\n                  alignItems: 'start',\n                }),\n                contentProps.className,\n              )}\n            >\n              {slots.get(PopoverContent)}\n            </div>\n          </Overlay>\n        )}\n      </>\n    );\n  });\n};\n\nexport const Popover = Object.assign(PopoverHost, {\n  Trigger,\n  LeadingIcon,\n  TrailingIcon,\n  Content: PopoverContent,\n});\n\nexport default Popover;\n"],"names":["DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_TRIGGER","PopoverContent","createSlot","children","_jsx","_Fragment","Trigger","props","onPress","restProps","Center","Children","child","cloneElement","LeadingIcon","TrailingIcon","PopoverHost","createHost","slots","isOpen","defaultOpen","onOpenChange","trigger","iconSize","isSelected","setOpen","useToggleState","isPopoverOpen","safeZoneRadius","state","useMemo","value","popoverContentProps","triggerRef","useRef","triggerProps","overlayProps","useOverlayTrigger","contentRef","popoverProps","underlayProps","usePopover","contentProps","mergeProps","_a","token","handleTrigger","useCallback","handleMouseLeave","event","buttonRect","popoverRect","_b","withinButtonSafeZone","withinPopoverSafeZone","focusFirstInteractiveElement","interactiveElements","handleKeyDown","useEffect","size","triggerEle","leadingIcon","trailingIcon","_jsxs","Box","Button","Overlay","cx","vstack","Popover"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../../../src/components/primitives/popover.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@components/primitives';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { cx } from '@styled/css';\nimport { Box, Center } from '@styled/jsx';\nimport { vstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport {\n  Children,\n  ComponentProps,\n  PropsWithChildren,\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport type { AriaPopoverProps, Placement } from 'react-aria';\nimport { Overlay, mergeProps, useOverlayTrigger, usePopover } from 'react-aria';\n\ninterface OverlayTriggerProps extends ButtonProps {\n  isOpen?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  placement?: Placement;\n  trigger?: 'click' | 'hover';\n}\n\ninterface OverlayTriggerState {\n  readonly isOpen: boolean;\n  setOpen(isOpen: boolean): void;\n  open(): void;\n  close(): void;\n  toggle(): void;\n}\n\ntype PopoverContentProps = Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef'> & {\n  children?: ReactNode;\n  state?: OverlayTriggerState;\n} & ComponentProps<'div'>;\n\nexport const DEFAULT_PLACEMENT: Placement = 'bottom left';\nexport const DEFAULT_OFFSET = 8;\n\nconst DEFAULT_TRIGGER: string = 'hover';\n\nconst PopoverContent = createSlot(({ children }: PopoverContentProps) => <>{children}</>);\n\nconst Trigger = createSlot(({ children, ...props }) => {\n  const { onPress, ...restProps } = props;\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, restProps);\n      })}\n    </Center>\n  );\n});\n\nconst LeadingIcon = createSlot(props => <Button.LeadingIcon {...props} />);\n\nconst TrailingIcon = createSlot(props => <Button.TrailingIcon {...props} />);\n\nexport type PopoverProps = PropsWithChildren<OverlayTriggerProps>;\n\nexport const PopoverHost = ({ children, ...props }: PopoverProps) => {\n  return createHost(children, slots => {\n    const { isOpen, defaultOpen, onOpenChange, trigger = DEFAULT_TRIGGER, iconSize, onPress, ...restProps } = props;\n    const { isSelected, setSelected: setOpen } = useToggleState({\n      isOpen: isOpen,\n      defaultSelected: defaultOpen,\n      onChange: onOpenChange,\n      ...props,\n    });\n\n    const isPopoverOpen = isOpen !== undefined ? isOpen : isSelected;\n    const safeZoneRadius = 24;\n\n    const state = useMemo(\n      () => ({\n        isOpen: isPopoverOpen,\n        open: () => {\n          setOpen(true);\n        },\n        close: () => {\n          setOpen(false);\n        },\n        setOpen(value: boolean) {\n          setOpen(value);\n        },\n        toggle() {},\n      }),\n      [isPopoverOpen],\n    );\n\n    const popoverContentProps = slots.getProps(PopoverContent);\n\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const { triggerProps, overlayProps } = useOverlayTrigger({ type: 'dialog' }, state, triggerRef);\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { popoverProps, underlayProps } = usePopover(\n      {\n        placement: props.placement || DEFAULT_PLACEMENT,\n        offset: DEFAULT_OFFSET,\n        popoverRef: contentRef,\n        triggerRef,\n        ...popoverContentProps,\n      },\n      state,\n    );\n\n    const contentProps = mergeProps(popoverContentProps, popoverProps);\n\n    // Need to override zIndex set by react-aria so popover displays over iframe\n    if (contentProps?.style?.zIndex) {\n      contentProps.style.zIndex = token('zIndex.max');\n    }\n\n    const handleTrigger = useCallback(() => {\n      state.open();\n    }, [state]);\n\n    const handleMouseLeave = useCallback(\n      (event: MouseEvent) => {\n        const buttonRect = triggerRef.current?.getBoundingClientRect();\n        const popoverRect = contentRef.current?.getBoundingClientRect();\n\n        if (buttonRect && popoverRect) {\n          const withinButtonSafeZone =\n            event.clientX >= buttonRect.left - safeZoneRadius &&\n            event.clientX <= buttonRect.right + safeZoneRadius &&\n            event.clientY >= buttonRect.top - safeZoneRadius &&\n            event.clientY <= buttonRect.bottom + safeZoneRadius;\n\n          const withinPopoverSafeZone =\n            event.clientX >= popoverRect.left - safeZoneRadius &&\n            event.clientX <= popoverRect.right + safeZoneRadius &&\n            event.clientY >= popoverRect.top - safeZoneRadius &&\n            event.clientY <= popoverRect.bottom + safeZoneRadius;\n\n          if (!withinButtonSafeZone && !withinPopoverSafeZone) {\n            state.close();\n          }\n        }\n      },\n      [state],\n    );\n\n    const focusFirstInteractiveElement = () => {\n      if (contentRef.current) {\n        const interactiveElements = contentRef.current.querySelectorAll(\n          'a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n        );\n        if (interactiveElements.length > 0) {\n          (interactiveElements[0] as HTMLElement).focus();\n        }\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        if (isOpen) {\n          state.close();\n        } else {\n          state.open();\n          setTimeout(focusFirstInteractiveElement, 0);\n        }\n      }\n    };\n\n    useEffect(() => {\n      document.addEventListener('mousemove', handleMouseLeave);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseLeave);\n      };\n    }, [handleMouseLeave]);\n\n    const triggerEle = slots.get(Trigger);\n    const leadingIconProps = slots.getProps(LeadingIcon);\n    const trailingIconProps = slots.getProps(TrailingIcon);\n    const customIconSize = iconSize ? { height: iconSize, width: iconSize } : {};\n\n    return (\n      <>\n        {triggerEle ? (\n          <Box display=\"inline-block\" ref={triggerRef} {...restProps}>\n            {triggerEle && { ...triggerEle, props: { ...triggerEle.props, ...triggerProps } }}\n          </Box>\n        ) : (\n          <Box display=\"inline-block\" ref={triggerRef}>\n            <Button\n              {...mergeProps(triggerProps, restProps)}\n              onKeyDown={handleKeyDown}\n              onHover={() => trigger === 'hover' && handleTrigger()}\n              onPress={() => trigger === 'click' && handleTrigger()}\n            >\n              {leadingIconProps && <Button.LeadingIcon {...leadingIconProps} {...customIconSize} />}\n              {trailingIconProps && <Button.TrailingIcon {...trailingIconProps} {...customIconSize} />}\n            </Button>\n          </Box>\n        )}\n        {isPopoverOpen && (\n          <Overlay {...overlayProps}>\n            <div {...underlayProps} className=\"underlay\" />\n            <div\n              ref={contentRef}\n              {...contentProps}\n              className={cx(\n                vstack({\n                  bg: 'surface.secondary',\n                  p: 3,\n                  gap: 0,\n                  color: 'text.secondary',\n                  borderWidth: 1,\n                  borderColor: 'neutral.secondary',\n                  borderRadius: 'xl',\n                  boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n                  maxW: 52,\n                  alignItems: 'start',\n                }),\n                contentProps.className,\n              )}\n            >\n              {slots.get(PopoverContent)}\n            </div>\n          </Overlay>\n        )}\n      </>\n    );\n  });\n};\n\nexport const Popover = Object.assign(PopoverHost, {\n  Trigger,\n  LeadingIcon,\n  TrailingIcon,\n  Content: PopoverContent,\n});\n\nexport default Popover;\n"],"names":["DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_TRIGGER","PopoverContent","createSlot","children","_jsx","_Fragment","Trigger","props","onPress","restProps","Center","Children","child","cloneElement","LeadingIcon","Button","TrailingIcon","PopoverHost","createHost","slots","isOpen","defaultOpen","onOpenChange","trigger","iconSize","isSelected","setOpen","useToggleState","isPopoverOpen","safeZoneRadius","state","useMemo","value","popoverContentProps","triggerRef","useRef","triggerProps","overlayProps","useOverlayTrigger","contentRef","popoverProps","underlayProps","usePopover","contentProps","mergeProps","_a","token","handleTrigger","useCallback","handleMouseLeave","event","buttonRect","popoverRect","_b","withinButtonSafeZone","withinPopoverSafeZone","focusFirstInteractiveElement","interactiveElements","handleKeyDown","useEffect","triggerEle","leadingIconProps","trailingIconProps","customIconSize","_jsxs","Box","Overlay","cx","vstack","Popover"],"mappings":"ugBA0CaA,EAA+B,cAC/BC,EAAiB,EAExBC,GAA0B,QAE1BC,EAAiBC,EAAW,WAAA,CAAC,CAAE,SAAAC,CAA+B,IAAKC,EAAAA,IAAAC,EAAAA,SAAA,CAAA,SAAGF,CAAQ,CAAA,CAAI,EAElFG,EAAUJ,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGI,CAAO,IAAI,CACpD,KAAM,CAAE,QAAAC,EAAS,GAAGC,CAAW,EAAGF,EAClC,OACEH,EAAAA,IAACM,EAAAA,OAAM,CAAA,SACJC,EAAS,SAAA,IAAIR,EAAUS,GACfC,EAAAA,aAAaD,EAAOH,CAAS,CACrC,CACM,CAAA,CAEb,CAAC,EAEKK,EAAcZ,EAAWK,WAAAA,GAASH,EAACW,IAAAA,EAAAA,QAAO,YAAW,CAAA,GAAKR,CAAK,CAAA,CAAI,EAEnES,EAAed,EAAAA,WAAWK,GAASH,EAAAA,IAACW,EAAAA,QAAO,aAAY,CAAA,GAAKR,CAAK,CAAA,CAAI,EAI9DU,EAAc,CAAC,CAAE,SAAAd,EAAU,GAAGI,CAAqB,IACvDW,EAAWf,WAAAA,EAAUgB,GAAQ,OAClC,KAAM,CAAE,OAAAC,EAAQ,YAAAC,EAAa,aAAAC,EAAc,QAAAC,EAAUvB,GAAiB,SAAAwB,EAAU,QAAAhB,GAAS,GAAGC,CAAW,EAAGF,EACpG,CAAE,WAAAkB,EAAY,YAAaC,CAAO,EAAKC,iBAAe,CAC1D,OAAQP,EACR,gBAAiBC,EACjB,SAAUC,EACV,GAAGf,CACJ,CAAA,EAEKqB,EAAgBR,IAAW,OAAYA,EAASK,EAChDI,EAAiB,GAEjBC,EAAQC,EAAAA,QACZ,KAAO,CACL,OAAQH,EACR,KAAM,IAAK,CACTF,EAAQ,EAAI,CACd,EACA,MAAO,IAAK,CACVA,EAAQ,EAAK,CACf,EACA,QAAQM,EAAc,CACpBN,EAAQM,CAAK,CACf,EACA,UACD,GACD,CAACJ,CAAa,CAAC,EAGXK,EAAsBd,EAAM,SAASlB,CAAc,EAEnDiC,EAAaC,EAAAA,OAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,CAAc,EAAGC,oBAAkB,CAAE,KAAM,QAAU,EAAER,EAAOI,CAAU,EAExFK,EAAaJ,EAAAA,OAAuB,IAAI,EACxC,CAAE,aAAAK,EAAc,cAAAC,CAAe,EAAGC,EAAAA,WACtC,CACE,UAAWnC,EAAM,WAAaT,EAC9B,OAAQC,EACR,WAAYwC,EACZ,WAAAL,EACA,GAAGD,GAELH,CAAK,EAGDa,EAAeC,EAAAA,WAAWX,EAAqBO,CAAY,EAG7D,GAAAK,EAAAF,GAAc,SAAK,MAAAE,IAAA,SAAAA,EAAE,SACvBF,EAAa,MAAM,OAASG,SAAM,YAAY,GAGhD,MAAMC,EAAgBC,EAAAA,YAAY,IAAK,CACrClB,EAAM,KACR,CAAA,EAAG,CAACA,CAAK,CAAC,EAEJmB,EAAmBD,cACtBE,GAAqB,SACpB,MAAMC,GAAaN,EAAAX,EAAW,WAAO,MAAAW,IAAA,OAAA,OAAAA,EAAE,wBACjCO,GAAcC,EAAAd,EAAW,WAAO,MAAAc,IAAA,OAAA,OAAAA,EAAE,sBAAqB,EAE7D,GAAIF,GAAcC,EAAa,CAC7B,MAAME,EACJJ,EAAM,SAAWC,EAAW,KAAOtB,GACnCqB,EAAM,SAAWC,EAAW,MAAQtB,GACpCqB,EAAM,SAAWC,EAAW,IAAMtB,GAClCqB,EAAM,SAAWC,EAAW,OAAStB,EAEjC0B,EACJL,EAAM,SAAWE,EAAY,KAAOvB,GACpCqB,EAAM,SAAWE,EAAY,MAAQvB,GACrCqB,EAAM,SAAWE,EAAY,IAAMvB,GACnCqB,EAAM,SAAWE,EAAY,OAASvB,EAEpC,CAACyB,GAAwB,CAACC,GAC5BzB,EAAM,MAEV,CAAA,CACF,EACA,CAACA,CAAK,CAAC,EAGH0B,EAA+B,IAAK,CACxC,GAAIjB,EAAW,QAAS,CACtB,MAAMkB,EAAsBlB,EAAW,QAAQ,iBAC7C,qEAAqE,EAEnEkB,EAAoB,OAAS,GAC9BA,EAAoB,CAAC,EAAkB,OAE5C,CACF,EAEMC,EAAiBR,GAA8B,CAC/CA,EAAM,MAAQ,UAChBA,EAAM,eAAc,EAChB9B,EACFU,EAAM,MAAA,GAENA,EAAM,KACN,EAAA,WAAW0B,EAA8B,CAAC,GAGhD,EAEAG,EAAAA,UAAU,KACR,SAAS,iBAAiB,YAAaV,CAAgB,EAChD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAgB,CAC5D,GACC,CAACA,CAAgB,CAAC,EAErB,MAAMW,EAAazC,EAAM,IAAIb,CAAO,EAC9BuD,EAAmB1C,EAAM,SAASL,CAAW,EAC7CgD,EAAoB3C,EAAM,SAASH,CAAY,EAC/C+C,EAAiBvC,EAAW,CAAE,OAAQA,EAAU,MAAOA,CAAQ,EAAK,GAE1E,OACEwC,EAAAA,KAAA3D,EAAAA,SAAA,CAAA,SAAA,CACGuD,EACCxD,EAAAA,IAAC6D,EAAAA,KAAI,QAAQ,eAAe,IAAK/B,EAAgB,GAAAzB,EAC9C,SAAAmD,GAAc,CAAE,GAAGA,EAAY,MAAO,CAAE,GAAGA,EAAW,MAAO,GAAGxB,CAAc,CAAA,CAC3E,CAAA,EAENhC,EAAAA,IAAC6D,EAAAA,IAAG,CAAC,QAAQ,eAAe,IAAK/B,EAAU,SACzC8B,EAAAA,KAACjD,UACK,CAAA,GAAA6B,aAAWR,EAAc3B,CAAS,EACtC,UAAWiD,EACX,QAAS,IAAMnC,IAAY,SAAWwB,IACtC,QAAS,IAAMxB,IAAY,SAAWwB,EAAe,EAAA,SAAA,CAEpDc,GAAoBzD,MAACW,EAAO,QAAA,gBAAgB8C,EAAgB,GAAME,CAAc,CAAA,EAChFD,GAAqB1D,EAAAA,IAACW,EAAAA,QAAO,aAAY,CAAA,GAAK+C,EAAiB,GAAMC,CAAc,CAAA,CAAI,CACjF,CAAA,CAAA,CAAA,EAGZnC,GACCoC,EAAAA,KAACE,EAAAA,QAAO,CAAA,GAAK7B,EAAY,SAAA,CACvBjC,EAAAA,cAASqC,EAAe,UAAU,UAAU,CAAA,EAC5CrC,EAAAA,IAAA,MAAA,CACE,IAAKmC,EACD,GAAAI,EACJ,UAAWwB,EAAAA,GACTC,GAAAA,OAAO,CACL,GAAI,oBACJ,EAAG,EACH,IAAK,EACL,MAAO,iBACP,YAAa,EACb,YAAa,oBACb,aAAc,KACd,UAAW,uCACX,KAAM,GACN,WAAY,OACb,CAAA,EACDzB,EAAa,SAAS,WAGvBxB,EAAM,IAAIlB,CAAc,CAAC,CAAA,CACtB,GAET,CAAA,CAAA,CAGP,CAAC,EAGUoE,EAAU,OAAO,OAAOpD,EAAa,CAChD,QAAAX,EACA,YAAAQ,EACA,aAAAE,EACA,QAASf,CACV,CAAA"}

package/dist/cjs/components/primitives/switch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),v=require("./text.js"),m=require("../../hooks/useToggleState.js"),a=require("@styled/css"),x=require("@styled/jsx/flex"),S=require("@styled/patterns"),l=require("react"),s=require("react-aria");const n=l.forwardRef((t,o)=>{const{checked:u,disabled:c=!1,label:i,...d}=t,b=l.useRef(null),p=o||b,e=m.useToggleState({...t,isSelected:u}),{buttonProps:g}=s.useToggleButton({...d,isDisabled:c},e,p),{isFocusVisible:f,focusProps:h}=s.useFocusRing();return r.jsxs(x.Flex,{alignItems:"center",children:[i&&r.jsx("div",{className:a.css({mr:2}),children:r.jsx(v.default,{fontWeight:"medium",styles:{lineHeight:1},children:i})}),r.jsx("button",{...s.mergeProps(g,h),className:a.css({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:f?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:r.jsx("span",{className:S.circle({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});n.displayName="Switch",exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),h=require("./text.js"),v=require("../../hooks/useToggleState.js"),x=require("@styled/css"),m=require("@styled/jsx"),q=require("@styled/jsx/flex"),S=require("@styled/patterns"),a=require("react"),s=require("react-aria");const l=a.forwardRef((t,n)=>{const{checked:o,disabled:u=!1,label:i,...c}=t,d=a.useRef(null),b=n||d,e=v.useToggleState({...t,isSelected:o}),{buttonProps:p}=s.useToggleButton({...c,isDisabled:u},e,b),{isFocusVisible:g,focusProps:f}=s.useFocusRing();return r.jsxs(q.Flex,{alignItems:"center",children:[i&&r.jsx(m.Box,{mr:2,children:r.jsx(h.default,{fontWeight:"medium",styles:{lineHeight:1},children:i})}),r.jsx("button",{...s.mergeProps(p,f),className:x.css({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:g?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:r.jsx("span",{className:S.circle({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});l.displayName="Switch",exports.default=l;
 //# sourceMappingURL=switch.js.map

package/dist/cjs/components/primitives/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n  checked?: boolean;\n  disabled?: boolean;\n  label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n  const { checked, disabled = false, label, ...otherProps } = props;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const state = useToggleState({ ...props, isSelected: checked });\n\n  const { buttonProps } = useToggleButton(\n    { ...otherProps, isDisabled: disabled },\n    state,\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <Flex alignItems=\"center\">\n      {label && (\n        <div className={css({ mr: 2 })}>\n          <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n            {label}\n          </Text>\n        </div>\n      )}\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        className={css({\n          px: 0.5,\n          h: 5,\n          width: 11,\n          _disabled: {\n            opacity: 0.3,\n            pointerEvents: 'none',\n          },\n          bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n          _hover: {\n            bg: !state.isSelected ? 'ink.70' : 'brand.base',\n            _dark: {\n              bg: !state.isSelected ? 'slate.4' : 'brand.base',\n            },\n          },\n          transition: 'background-color 0.2s ease',\n          rounded: 'full',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          cursor: 'pointer',\n        })}\n      >\n        <span\n          className={circle({\n            h: 4,\n            w: 4,\n            bg: 'paper',\n            position: 'relative',\n            left: state.isSelected ? 6 : 0,\n            transition: 'left 0.2s ease',\n          })}\n        />\n      </button>\n    </Flex>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","css","Text","mergeProps","circle"],"mappings":"ySAcA,MAAMA,EAASC,EAAAA,WAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,SAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,EAAe,eAAA,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EAAAA,gBACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,OAACC,EAAAA,KAAK,CAAA,WAAW,SAAQ,SAAA,CACtBb,GACCc,EAAAA,IAAA,MAAA,CAAK,UAAWC,MAAI,CAAE,GAAI,CAAC,CAAE,EAAC,SAC5BD,EAACE,IAAAA,EAAAA,QAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,EAC9C,SAAAhB,CACI,CAAA,CAAA,CAAA,EAGXc,EAAA,IAAA,SAAA,CAAA,GACMG,EAAWV,WAAAA,EAAaG,CAAU,EACtC,UAAWK,MAAI,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,GAAIV,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAAA,IAAA,OAAA,CACE,UAAWI,EAAAA,OAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,KAAMb,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}
+{"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n  checked?: boolean;\n  disabled?: boolean;\n  label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n  const { checked, disabled = false, label, ...otherProps } = props;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const state = useToggleState({ ...props, isSelected: checked });\n\n  const { buttonProps } = useToggleButton(\n    { ...otherProps, isDisabled: disabled },\n    state,\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <Flex alignItems=\"center\">\n      {label && (\n        <Box mr={2}>\n          <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n            {label}\n          </Text>\n        </Box>\n      )}\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        className={css({\n          px: 0.5,\n          h: 5,\n          width: 11,\n          _disabled: {\n            opacity: 0.3,\n            pointerEvents: 'none',\n          },\n          bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n          _hover: {\n            bg: !state.isSelected ? 'ink.70' : 'brand.base',\n            _dark: {\n              bg: !state.isSelected ? 'slate.4' : 'brand.base',\n            },\n          },\n          transition: 'background-color 0.2s ease',\n          rounded: 'full',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          cursor: 'pointer',\n        })}\n      >\n        <span\n          className={circle({\n            h: 4,\n            w: 4,\n            bg: 'paper',\n            position: 'relative',\n            left: state.isSelected ? 6 : 0,\n            transition: 'left 0.2s ease',\n          })}\n        />\n      </button>\n    </Flex>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","Box","Text","mergeProps","css","circle"],"mappings":"kUAeMA,MAAAA,EAASC,EAAAA,WAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,SAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,iBAAe,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EAAAA,gBACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OACEC,EAACC,KAAAA,EAAAA,KAAI,CAAC,WAAW,SACd,SAAA,CAAAb,GACCc,MAACC,EAAAA,IAAG,CAAC,GAAI,WACPD,MAACE,EAAK,QAAA,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAG,EAAA,SAChDhB,CAAK,CAAA,CAEJ,CAAA,EAERc,EAAAA,IACM,SAAA,CAAA,GAAAG,EAAAA,WAAWV,EAAaG,CAAU,EACtC,UAAWQ,EAAI,IAAA,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,GAAIb,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAAA,IAAA,OAAA,CACE,UAAWK,EAAAA,OAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,KAAMd,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var j=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var n=require("@styled/jsx"),m=require("@styled/tokens"),v=require("../icons/ico-checkmark-circle-fill.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("react"),require("../../hooks/useToast.js"),require("../../recipes/toast.js"),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"),j=require("@styled/tokens"),m=require("../icons/ico-checkmark-circle-fill.js");require("react");var n=require("@styled/jsx");require("@styled/css"),require("../feedback/callout.js");var v=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("../../hooks/useToast.js"),require("../../recipes/toast.js"),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 u=t.createSlot(({children:r})=>r),S=r=>{const{isPending:o,isSuccess:s,onChange:a,onComplete:c,originName:q,pinLength:d,id:l,autoFocus:g,errorMessage:i,children:h}=r,p=()=>o?e.jsx(v.LoadingSpinner,{size:36,strokeWidth:4}):s?e.jsx(m.default,{color:j.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(u)]}))},y=Object.assign(S,{RetryContent:u});exports.VerifyPincode=y;
 //# sourceMappingURL=verify-pincode.js.map

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

@@ -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":"q3BAeA,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"}
+{"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":"44BAeA,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/components/sections/wallet-navigation.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),c=require("@styled/tokens"),u=require("../icons/ico-clock-fill.js"),v=require("../icons/ico-grid-fill.js"),d=require("../icons/ico-home-fill.js"),x=require("../icons/ico-settings-fill.js"),n=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var y=require("@styled/css"),l=require("@styled/jsx");const t=({active:e,children:a,label:i,onPress:o})=>r.jsx(l.Box,{pointerEvents:e===i?"none":"initial",children:r.jsx(n.default,{variant:"text",onPress:o,children:r.jsx(n.default.LeadingIcon,{className:y.css({color:e===i?"text.primary":"text.tertiary",_groupHover:{color:e===i?"text.primary":"text.secondary"}}),children:a})})});exports.NavSection=void 0,function(e){e.Home="home",e.Gallery="gallery",e.Activity="activity",e.Settings="settings"}(exports.NavSection||(exports.NavSection={}));const q=({active:e=exports.NavSection.Home,onActivity:a,onGallery:i,onHome:o,onSettings:s})=>r.jsx(l.Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c.token("colors.surface.primary")} 100%)`},children:r.jsxs(l.HStack,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[r.jsx(t,{active:e,label:exports.NavSection.Home,onPress:o,children:r.jsx(d.default,{})}),r.jsx(t,{active:e,label:exports.NavSection.Gallery,onPress:i,children:r.jsx(v.default,{})}),r.jsx(t,{active:e,label:exports.NavSection.Activity,onPress:a,children:r.jsx(u.default,{})}),r.jsx(t,{active:e,label:exports.NavSection.Settings,onPress:s,children:r.jsx(x.default,{})})]})});exports.WalletNavigation=q;
+//# sourceMappingURL=wallet-navigation.js.map

package/dist/cjs/components/sections/wallet-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\ninterface ActionProps extends PropsWithChildren {\n  active?: NavSection;\n  label: NavSection;\n  onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n  active?: NavSection;\n  onActivity: () => void;\n  onGallery: () => void;\n  onHome: () => void;\n  onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n  <Box pointerEvents={active === label ? 'none' : 'initial'}>\n    <Button variant=\"text\" onPress={onPress}>\n      <Button.LeadingIcon\n        className={css({\n          color: active === label ? 'text.primary' : 'text.tertiary',\n          _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n        })}\n      >\n        {children}\n      </Button.LeadingIcon>\n    </Button>\n  </Box>\n);\n\nexport enum NavSection {\n  Home = 'home',\n  Gallery = 'gallery',\n  Activity = 'activity',\n  Settings = 'settings',\n}\n\nexport const WalletNavigation = ({\n  active = NavSection.Home,\n  onActivity,\n  onGallery,\n  onHome,\n  onSettings,\n}: WalletNavigationProps) => {\n  return (\n    <Center\n      bottom={0}\n      pos=\"fixed\"\n      h=\"6.25rem\"\n      w=\"full\"\n      style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n    >\n      <HStack\n        bgColor=\"surface.tertiary\"\n        borderColor=\"neutral.tertiary\"\n        borderWidth=\"medium\"\n        borderStyle=\"solid\"\n        borderRadius={52}\n        p={1.5}\n      >\n        <Action active={active} label={NavSection.Home} onPress={onHome}>\n          <IcoHomeFill />\n        </Action>\n        <Action active={active} label={NavSection.Gallery} onPress={onGallery}>\n          <IcoGridFill />\n        </Action>\n        <Action active={active} label={NavSection.Activity} onPress={onActivity}>\n          <IcoClockFill />\n        </Action>\n        <Action active={active} label={NavSection.Settings} onPress={onSettings}>\n          <IcoSettingsFill />\n        </Action>\n      </HStack>\n    </Center>\n  );\n};\n"],"names":["Action","active","children","label","onPress","_jsx","Box","Button","css","NavSection","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"mlBAqBA,MAAMA,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAAAA,IAACC,MAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,MAACE,EAAAA,QAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAAAA,IAACE,UAAO,YACN,CAAA,UAAWC,EAAI,IAAA,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIDO,0BAAZ,SAAYA,EAAU,CACpBA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,EALYA,QAAAA,aAAAA,QAKX,WAAA,CAAA,EAAA,EAEY,MAAAC,EAAmB,CAAC,CAC/B,OAAAT,EAASQ,QAAAA,WAAW,KACpB,WAAAE,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBT,MAACU,EAAAA,OAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,QAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,OAACC,EAAAA,OAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENb,MAACL,GAAO,OAAQC,EAAQ,MAAOQ,mBAAW,KAAM,QAASI,EAAM,SAC7DR,EAAAA,IAACc,UAAc,CAAA,CAAA,CAAA,CAAA,EAEjBd,EAAAA,IAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOQ,QAAA,WAAW,QAAS,QAASG,EAC1D,SAAAP,EAAAA,IAACe,EAAAA,QAAc,CAAA,CAAA,CAAA,CAAA,EAEjBf,MAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOQ,QAAAA,WAAW,SAAU,QAASE,EAC3D,SAAAN,EAACgB,IAAAA,UAAY,CAAA,CAAA,IAEfhB,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOQ,QAAA,WAAW,SAAU,QAASK,EAC3D,SAAAT,EAAAA,IAACiB,EAAAA,QAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}

package/dist/cjs/index.js

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

package/dist/cjs/styles/keyframes.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("@pandacss/dev");const t=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}}});exports.keyframes=t;
+"use strict";var a=require("@pandacss/dev");const e=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}});exports.keyframes=e;
 //# sourceMappingURL=keyframes.js.map