npm - @magiclabs/ui-components - Versions diffs - 1.19.5 → 1.20.1 - Mend

@magiclabs/ui-components 1.19.5 → 1.20.1

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

Files changed (46) hide show

package/dist/cjs/components/containers/card.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("react/jsx-runtime"),o=require("../../recipes/card.js"),n=require("@styled/css"),i=require("@styled/jsx"),x=require("react");const u=x.forwardRef(({children:e,className:a,asButton:r,stack:l,...d},s)=>{const c=o.card({asButton:r,...d});return l\|\|r?t.jsx(i.Flex,{className:n.cx(c,a),flexDirection:"column",role:r?"button":"none",ref:s,children:e}):t.jsx(i.Box,{className:n.cx(c,a),ref:s,children:e})});u.displayName="Card",exports.Card=u;
2	+ //# sourceMappingURL=card.js.map

package/dist/cjs/components/containers/card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n alt?: boolean;\n className?: string;\n asButton?: boolean;\n alignment?: 'center' | 'left' | 'right';\n expand?: boolean;\n gapType?: 'none' | 'sm' | 'md' | 'lg';\n heavyShadow?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n stack?: boolean;\n widthMax?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(({ children, className, asButton, stack, ...props }, ref) => {\n const classStyles = card({ asButton, ...props });\n\n return stack || asButton ? (\n <Flex className={cx(classStyles, className)} flexDirection=\"column\" role={asButton ? 'button' : 'none'} ref={ref}>\n {children}\n </Flex>\n ) : (\n <Box className={cx(classStyles, className)} ref={ref}>\n {children}\n </Box>\n );\n});\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","asButton","stack","props","ref","classStyles","card","_jsx","Flex","cx","Box"],"mappings":"wJAkBa,MAAAA,EAAOC,EAAAA,WAAsC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAO,EAAEC,IAAO,CACpH,MAAMC,EAAcC,OAAK,CAAE,SAAAL,EAAU,GAAGE,CAAO,CAAA,EAE/C,OAAOD,GAASD,EACdM,MAACC,EAAI,KAAA,CAAC,UAAWC,EAAAA,GAAGJ,EAAaL,CAAS,EAAG,cAAc,SAAS,KAAMC,EAAW,SAAW,OAAQ,IAAKG,EAC1G,SAAAL,CACI,CAAA,EAEPQ,EAAAA,IAACG,MAAG,CAAC,UAAWD,EAAAA,GAAGJ,EAAaL,CAAS,EAAG,IAAKI,EAAG,SACjDL,CAAQ,CAAA,CAGf,CAAC,EAEDF,EAAK,YAAc"}

package/dist/cjs/components/external/paypal-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var b=require("../feedback/loading-spinner.js"),g=require("@styled/tokens");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var h=require("../primitives/text.js");require("../primitives/portal.js");var s=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var n=require("@styled/jsx");require("../feedback/tooltip.js");var j=require("../logos/logo-pay-pal-wordmark.js"),p=require("../../recipes/button.js"),o=require("@styled/css"),r=require("react-aria");const l=s.forwardRef((i,d)=>{const{disabled:t,expand:c,validating:u}=i,q=p.button({expand:c,validating:u}),f=s.useRef(null),a=d||f,{buttonProps:v}=r.useButton({...i,isDisabled:t??!1},a),{isFocusVisible:x,focusProps:P}=r.useFocusRing();return e.jsx("button",{className:o.cx(q.button,o.css({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:x?"solid":"none"})),ref:a,...r.mergeProps(v,P),"aria-disabled":t,children:u?e.jsx(b.LoadingSpinner,{size:24,strokeWidth:2.5,inverted:!0}):e.jsxs(n.HStack,{w:"full",gap:1,justifyContent:"center",children:[e.jsx(h.default,{styles:{fontWeight:600,color:g.token("colors.ink.90")},children:"Pay with"}),e.jsx(n.Box,{mt:.5,children:e.jsx(j.default,{width:60})})]})})});l.displayName="PayPalButton",exports.PayPalButton=l;
+"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var b=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var g=require("@styled/tokens");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var h=require("../primitives/text.js");require("../primitives/portal.js");var s=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var n=require("@styled/jsx");require("../feedback/tooltip.js");var j=require("../logos/logo-pay-pal-wordmark.js"),p=require("../../recipes/button.js"),o=require("@styled/css"),r=require("react-aria");const l=s.forwardRef((i,d)=>{const{disabled:t,expand:c,validating:u}=i,q=p.button({expand:c,validating:u}),f=s.useRef(null),a=d||f,{buttonProps:v}=r.useButton({...i,isDisabled:t??!1},a),{isFocusVisible:x,focusProps:P}=r.useFocusRing();return e.jsx("button",{className:o.cx(q.button,o.css({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:x?"solid":"none"})),ref:a,...r.mergeProps(v,P),"aria-disabled":t,children:u?e.jsx(b.LoadingSpinner,{size:24,strokeWidth:2.5,inverted:!0}):e.jsxs(n.HStack,{w:"full",gap:1,justifyContent:"center",children:[e.jsx(h.default,{styles:{fontWeight:600,color:g.token("colors.ink.90")},children:"Pay with"}),e.jsx(n.Box,{mt:.5,children:e.jsx(j.default,{width:60})})]})})});l.displayName="PayPalButton",exports.PayPalButton=l;
 //# sourceMappingURL=paypal-button.js.map

package/dist/cjs/components/external/paypal-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n const { disabled, expand, validating } = props;\n\n const classes = button({ expand, validating });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <button\n className={cx(\n classes.button,\n css({\n bg: '#ffc439',\n outlineColor: '#ffc439',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n }),\n )}\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n aria-disabled={disabled}\n >\n {validating ? (\n <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n ) : (\n <HStack w=\"full\" gap={1} justifyContent=\"center\">\n <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n <Box mt={0.5}>\n <LogoPayPalWordmark width={60} />\n </Box>\n </HStack>\n )}\n </button>\n );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"~~yxBAgBO~~,MAAMA,EAAeC,EAAiD,WAAA,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAAA,OAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,SAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAAA,UACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,MACE,SAAA,CAAA,UAAWC,EAAAA,GACTX,EAAQ,OACRY,EAAAA,IAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAAA,WAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAAAA,IAACI,iBAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,OAACC,EAAO,OAAA,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAAA,MAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAAAA,IAACS,EAAAA,IAAG,CAAC,GAAI,YACPT,EAACU,IAAAA,EAAAA,SAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
1	+ {"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n const { disabled, expand, validating } = props;\n\n const classes = button({ expand, validating });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <button\n className={cx(\n classes.button,\n css({\n bg: '#ffc439',\n outlineColor: '#ffc439',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n }),\n )}\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n aria-disabled={disabled}\n >\n {validating ? (\n <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n ) : (\n <HStack w=\"full\" gap={1} justifyContent=\"center\">\n <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n <Box mt={0.5}>\n <LogoPayPalWordmark width={60} />\n </Box>\n </HStack>\n )}\n </button>\n );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"o0BAgBO,MAAMA,EAAeC,EAAiD,WAAA,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAAA,OAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,SAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAAA,UACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,MACE,SAAA,CAAA,UAAWC,EAAAA,GACTX,EAAQ,OACRY,EAAAA,IAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAAA,WAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAAAA,IAACI,iBAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,OAACC,EAAO,OAAA,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAAA,MAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAAAA,IAACS,EAAAA,IAAG,CAAC,GAAI,YACPT,EAACU,IAAAA,EAAAA,SAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}

package/dist/cjs/components/feedback/progress-bar.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var l=require("react/jsx-runtime"),d=require("@styled/jsx"),e=require("@styled/tokens"),g=require("react");const h=75,b=90,i=e.token("colors.brand.lighter"),n=e.token("colors.negative.lighter"),p=e.token("colors.neutral.secondary"),m=e.token("colors.positive.lighter"),u=e.token("colors.warning.lighter"),x=({autoTarget:t="min",progress:r=0})=>t==="min"?r>b?n:r>h?u:i:r<=100-b?n:r<=100-h?u:r===100?m:i,v=({autoTarget:t,current:r=0,strokeWidth:o=8,total:s=100,variant:c="auto"})=>{const a=g.useMemo(()=>Math.min(r,s)/s*100,[r,s]),k=g.useMemo(()=>{switch(c){case"branded":return i;case"success":return m;case"error":return n;case"warning":return u;case"neutral":return p;default:return x({autoTarget:t,progress:a})}},[a,c]);return l.jsx(d.Box,{bgColor:"surface.tertiary",borderRadius:"2rem",position:"relative",w:"full",style:{height:`${o}px`},children:l.jsx(d.Box,{position:"absolute",borderRadius:"2rem",borderStyle:"solid",borderWidth:"thick",borderColor:"surface.primary",style:{height:`${o}px`,minWidth:`${o}px`,width:`${a}%`,background:k}})})};exports.ProgressBar=v;
2	+ //# sourceMappingURL=progress-bar.js.map

package/dist/cjs/components/feedback/progress-bar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"progress-bar.js","sources":["../../../../src/components/feedback/progress-bar.tsx"],"sourcesContent":["import { Box } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useMemo } from 'react';\n\nconst WARNING_THRESHOLD = 75;\nconst ERROR_THRESHOLD = 90;\n\nconst BRAND_COLOR = token('colors.brand.lighter');\nconst ERROR_COLOR = token('colors.negative.lighter');\nconst NEUTRAL_COLOR = token('colors.neutral.secondary');\nconst SUCCESS_COLOR = token('colors.positive.lighter');\nconst WARN_COLOR = token('colors.warning.lighter');\n\nexport interface ProgressBarProps {\n autoTarget?: 'min' | 'max';\n current?: number;\n total?: number;\n strokeWidth?: number;\n variant?: 'auto' | 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n}\n\nconst autoFillColor = ({ autoTarget = 'min', progress = 0 }) => {\n if (autoTarget === 'min') {\n if (progress > ERROR_THRESHOLD) {\n return ERROR_COLOR;\n } else if (progress > WARNING_THRESHOLD) {\n return WARN_COLOR;\n }\n return BRAND_COLOR;\n } else {\n if (progress <= 100 - ERROR_THRESHOLD) {\n return ERROR_COLOR;\n } else if (progress <= 100 - WARNING_THRESHOLD) {\n return WARN_COLOR;\n } else if (progress === 100) {\n return SUCCESS_COLOR;\n }\n return BRAND_COLOR;\n }\n};\n\nexport const ProgressBar = ({\n autoTarget,\n current = 0,\n strokeWidth = 8,\n total = 100,\n variant = 'auto',\n}: ProgressBarProps) => {\n const progress = useMemo(() => {\n return (Math.min(current, total) / total) * 100;\n }, [current, total]);\n\n const fillColor = useMemo(() => {\n switch (variant) {\n case 'branded':\n return BRAND_COLOR;\n case 'success':\n return SUCCESS_COLOR;\n case 'error':\n return ERROR_COLOR;\n case 'warning':\n return WARN_COLOR;\n case 'neutral':\n return NEUTRAL_COLOR;\n default:\n return autoFillColor({ autoTarget, progress });\n }\n }, [progress, variant]);\n\n return (\n <Box\n bgColor=\"surface.tertiary\"\n borderRadius=\"2rem\"\n position=\"relative\"\n w=\"full\"\n style={{\n height: `${strokeWidth}px`,\n }}\n >\n <Box\n position=\"absolute\"\n borderRadius=\"2rem\"\n borderStyle=\"solid\"\n borderWidth=\"thick\"\n borderColor=\"surface.primary\"\n style={{\n height: `${strokeWidth}px`,\n minWidth: `${strokeWidth}px`,\n width: `${progress}%`,\n background: fillColor,\n }}\n />\n </Box>\n );\n};\n"],"names":["WARNING_THRESHOLD","ERROR_THRESHOLD","BRAND_COLOR","token","ERROR_COLOR","NEUTRAL_COLOR","SUCCESS_COLOR","WARN_COLOR","autoFillColor","autoTarget","progress","ProgressBar","current","strokeWidth","total","variant","useMemo","fillColor","_jsx","Box"],"mappings":"wHAIA,MAAMA,EAAoB,GACpBC,EAAkB,GAElBC,EAAcC,QAAM,sBAAsB,EAC1CC,EAAcD,EAAAA,MAAM,yBAAyB,EAC7CE,EAAgBF,EAAAA,MAAM,0BAA0B,EAChDG,EAAgBH,EAAM,MAAA,yBAAyB,EAC/CI,EAAaJ,EAAAA,MAAM,wBAAwB,EAU3CK,EAAgB,CAAC,CAAE,WAAAC,EAAa,MAAO,SAAAC,EAAW,CAAC,IACnDD,IAAe,MACbC,EAAWT,EACNG,EACEM,EAAWV,EACbO,EAEFL,EAEHQ,GAAY,IAAMT,EACbG,EACEM,GAAY,IAAMV,EACpBO,EACEG,IAAa,IACfJ,EAEFJ,EAIES,EAAc,CAAC,CAC1B,WAAAF,EACA,QAAAG,EAAU,EACV,YAAAC,EAAc,EACd,MAAAC,EAAQ,IACR,QAAAC,EAAU,MACO,IAAI,CACrB,MAAML,EAAWM,EAAAA,QAAQ,IACf,KAAK,IAAIJ,EAASE,CAAK,EAAIA,EAAS,IAC3C,CAACF,EAASE,CAAK,CAAC,EAEbG,EAAYD,UAAQ,IAAK,CAC7B,OAAQD,EAAAA,CACN,IAAK,UACH,OAAOb,EACT,IAAK,UACH,OAAOI,EACT,IAAK,QACH,OAAOF,EACT,IAAK,UACH,OAAOG,EACT,IAAK,UACH,OAAOF,EACT,QACE,OAAOG,EAAc,CAAE,WAAAC,EAAY,SAAAC,CAAQ,CAAE,CACjD,CACF,EAAG,CAACA,EAAUK,CAAO,CAAC,EAEtB,OACEG,EAAAA,IAACC,EAAAA,IAAG,CACF,QAAQ,mBACR,aAAa,OACb,SAAS,WACT,EAAE,OACF,MAAO,CACL,OAAQ,GAAGN,CAAW,MAGxB,SAAAK,EAAAA,IAACC,EAAAA,IAAG,CACF,SAAS,WACT,aAAa,OACb,YAAY,QACZ,YAAY,QACZ,YAAY,kBACZ,MAAO,CACL,OAAQ,GAAGN,CAAW,KACtB,SAAU,GAAGA,CAAW,KACxB,MAAO,GAAGH,CAAQ,IAClB,WAAYO,EAEd,CAAA,CAAA,CAAA,CAGR"}

package/dist/cjs/components/icons/ico-kebab.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("@styled/tokens");const n=({color:l,title:t,titleId:r,...C})=>{const i=l||o.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":r,...C,children:[t?e.jsx("title",{id:r,children:t}):null,e.jsx("path",{d:"M12.1203 8.10129C11.8232 8.10129 11.5384 7.98329 11.3283 7.77325C11.1183 7.56322 11.0003 7.27835 11.0003 6.98131C11.0003 6.68427 11.1183 6.3994 11.3283 6.18936C11.5384 5.97933 11.8232 5.86133 12.1203 5.86133C12.4173 5.86133 12.7022 5.97933 12.9122 6.18936C13.1223 6.3994 13.2403 6.68427 13.2403 6.98131C13.2403 7.27835 13.1223 7.56322 12.9122 7.77325C12.7022 7.98329 12.4173 8.10129 12.1203 8.10129Z",fill:"currentColor"}),e.jsx("path",{d:"M12.1203 12.9813C11.8232 12.9813 11.5384 12.8633 11.3283 12.6532C11.1183 12.4432 11.0003 12.1583 11.0003 11.8613C11.0003 11.5643 11.1183 11.2794 11.3283 11.0693C11.5384 10.8593 11.8232 10.7413 12.1203 10.7413C12.4173 10.7413 12.7022 10.8593 12.9122 11.0693C13.1223 11.2794 13.2403 11.5643 13.2403 11.8613C13.2403 12.1583 13.1223 12.4432 12.9122 12.6532C12.7022 12.8633 12.4173 12.9813 12.1203 12.9813Z",fill:"currentColor"}),e.jsx("path",{d:"M11.0003 16.7414C11.0003 17.0384 11.1183 17.3233 11.3283 17.5333C11.5384 17.7434 11.8232 17.8614 12.1203 17.8614C12.4173 17.8614 12.7022 17.7434 12.9122 17.5333C13.1223 17.3233 13.2403 17.0384 13.2403 16.7414C13.2403 16.4444 13.1223 16.1595 12.9122 15.9494C12.7022 15.7394 12.4173 15.6214 12.1203 15.6214C11.8232 15.6214 11.5384 15.7394 11.3283 15.9494C11.1183 16.1595 11.0003 16.4444 11.0003 16.7414Z",fill:"currentColor"})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("@styled/tokens");const n=({color:l,title:t,titleId:r,...C})=>{const i=l||o.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":r,...C,children:[t?e.jsx("title",{id:r,children:t}):null,e.jsx("path",{d:"M11.8666 5.73325C11.3716 5.73325 10.8968 5.53659 10.5467 5.18653C10.1967 4.83647 10 4.36169 10 3.86663C10 3.37157 10.1967 2.89678 10.5467 2.54672C10.8968 2.19666 11.3716 2 11.8666 2C12.3617 2 12.8365 2.19666 13.1865 2.54672C13.5366 2.89678 13.7333 3.37157 13.7333 3.86663C13.7333 4.36169 13.5366 4.83647 13.1865 5.18653C12.8365 5.53659 12.3617 5.73325 11.8666 5.73325Z",fill:"currentColor"}),e.jsx("path",{d:"M11.8666 13.8665C11.3716 13.8665 10.8968 13.6699 10.5467 13.3198C10.1967 12.9697 10 12.495 10 11.9999C10 11.5048 10.1967 11.0301 10.5467 10.68C10.8968 10.3299 11.3716 10.1333 11.8666 10.1333C12.3617 10.1333 12.8365 10.3299 13.1865 10.68C13.5366 11.0301 13.7333 11.5048 13.7333 11.9999C13.7333 12.495 13.5366 12.9697 13.1865 13.3198C12.8365 13.6699 12.3617 13.8665 11.8666 13.8665Z",fill:"currentColor"}),e.jsx("path",{d:"M10 20.1334C10 20.6284 10.1967 21.1032 10.5467 21.4533C10.8968 21.8033 11.3716 22 11.8666 22C12.3617 22 12.8365 21.8033 13.1865 21.4533C13.5366 21.1032 13.7333 20.6284 13.7333 20.1334C13.7333 19.6383 13.5366 19.1635 13.1865 18.8135C12.8365 18.4634 12.3617 18.2668 11.8666 18.2668C11.3716 18.2668 10.8968 18.4634 10.5467 18.8135C10.1967 19.1635 10 19.6383 10 20.1334Z",fill:"currentColor"})]})};exports.default=n;
 //# sourceMappingURL=ico-kebab.js.map

package/dist/cjs/components/icons/ico-kebab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-kebab.js","sources":["../../../../src/components/icons/ico-kebab.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoKebab = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"~~M12~~.~~1203~~ 8.~~10129C11~~.~~8232~~ 8.~~10129~~ 11.~~5384~~ 7.~~98329~~ 11.~~3283~~ 7.~~77325C11~~.~~1183~~ 7.~~56322~~ ~~11.0003~~ 7.~~27835~~ ~~11.0003~~ 6.~~98131C11.0003~~ 6.~~68427~~ 11.~~1183~~ 6.~~3994~~ 11.~~3283~~ 6.~~18936C11~~.~~5384~~ 5.~~97933~~ 11.~~8232~~ ~~5.86133~~ 12.~~1203~~ 5.~~86133C12.4173~~ ~~5.86133~~ 12.~~7022~~ 5.~~97933~~ 12.~~9122~~ 6.~~18936C13~~.~~1223~~ 6.~~3994~~ 13.~~2403~~ 6.~~68427~~ 13.~~2403~~ 6.~~98131C13~~.~~2403~~ 7.~~27835~~ 13.~~1223~~ 7.~~56322~~ 12.~~9122~~ 7.~~77325C12~~.~~7022~~ 7.~~98329~~ 12.~~4173~~ 8.~~10129~~ 12.~~1203~~ 8.~~10129Z~~\"\n fill=\"currentColor\"\n />\n <path\n d=\"~~M12~~.~~1203~~ 12.~~9813C11~~.~~8232~~ 12.~~9813~~ 11.~~5384~~ 12.~~8633~~ 11.~~3283~~ 12.~~6532C11~~.~~1183~~ 12.~~4432~~ ~~11.0003~~ 12.~~1583~~ ~~11.0003~~ 11.~~8613C11.0003~~ 11.~~5643~~ 11.~~1183~~ 11.~~2794~~ 11.~~3283~~ 11.~~0693C11~~.~~5384~~ 10.~~8593~~ 11.~~8232~~ 10.~~7413~~ 12.~~1203~~ 10.~~7413C12~~.~~4173~~ 10.~~7413~~ 12.~~7022~~ 10.~~8593~~ 12.~~9122~~ 11.~~0693C13~~.~~1223~~ 11.~~2794~~ 13.~~2403~~ 11.~~5643~~ 13.~~2403~~ 11.~~8613C13~~.~~2403~~ 12.~~1583~~ 13.~~1223~~ 12.~~4432~~ 12.~~9122~~ 12.~~6532C12~~.~~7022~~ 12.~~8633~~ 12.~~4173~~ 12.~~9813~~ 12.~~1203~~ 12.~~9813Z~~\"\n fill=\"currentColor\"\n />\n <path\n d=\"~~M11.0003~~ 16.~~7414C11.0003~~ 17.~~0384~~ 11.~~1183~~ 17.~~3233~~ 11.~~3283~~ 17.~~5333C11~~.~~5384~~ 17.~~7434~~ 11.~~8232~~ ~~17.8614~~ 12.~~1203~~ 17.~~8614C12.4173~~ ~~17.8614~~ 12.~~7022~~ 17.~~7434~~ 12.~~9122~~ 17.~~5333C13~~.~~1223~~ 17.~~3233~~ 13.~~2403~~ 17.~~0384~~ 13.~~2403~~ 16.~~7414C13~~.~~2403~~ 16.~~4444~~ 13.~~1223~~ 16.~~1595~~ 12.~~9122~~ 15.~~9494C12~~.~~7022~~ 15.~~7394~~ 12.~~4173~~ 15.~~6214~~ 12.~~1203~~ 15.~~6214C11~~.~~8232~~ 15.~~6214~~ 11.~~5384~~ 15.~~7394~~ 11.~~3283~~ 15.~~9494C11~~.~~1183~~ 16.~~1595~~ ~~11.0003~~ 16.~~4444~~ ~~11.0003~~ 16.~~7414Z~~\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoKebab;\n"],"names":["IcoKebab","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"mIAYA,MAAMA,EAAW,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE3E,MAAMC,EAAQJ,GAAeK,EAAM,MAAA,qBAAqB,EACxD,OACEC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAAK,SAAA,CAERF,EAAQM,EAAAA,IAAA,QAAA,CAAO,GAAIL,EAAU,SAAAD,IAAiB,KAC/CM,EAAAA,IACE,OAAA,CAAA,EAAE,~~kZACF~~,KAAK,cAAc,CAAA,EAErBA,EACE,IAAA,OAAA,CAAA,EAAE,~~oZACF,~~KAAK,cAAc,CAAA,EAErBA,EACE,IAAA,OAAA,CAAA,EAAE,~~oZACF~~,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"ico-kebab.js","sources":["../../../../src/components/icons/ico-kebab.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoKebab = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M11.8666 5.73325C11.3716 5.73325 10.8968 5.53659 10.5467 5.18653C10.1967 4.83647 10 4.36169 10 3.86663C10 3.37157 10.1967 2.89678 10.5467 2.54672C10.8968 2.19666 11.3716 2 11.8666 2C12.3617 2 12.8365 2.19666 13.1865 2.54672C13.5366 2.89678 13.7333 3.37157 13.7333 3.86663C13.7333 4.36169 13.5366 4.83647 13.1865 5.18653C12.8365 5.53659 12.3617 5.73325 11.8666 5.73325Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M11.8666 13.8665C11.3716 13.8665 10.8968 13.6699 10.5467 13.3198C10.1967 12.9697 10 12.495 10 11.9999C10 11.5048 10.1967 11.0301 10.5467 10.68C10.8968 10.3299 11.3716 10.1333 11.8666 10.1333C12.3617 10.1333 12.8365 10.3299 13.1865 10.68C13.5366 11.0301 13.7333 11.5048 13.7333 11.9999C13.7333 12.495 13.5366 12.9697 13.1865 13.3198C12.8365 13.6699 12.3617 13.8665 11.8666 13.8665Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10 20.1334C10 20.6284 10.1967 21.1032 10.5467 21.4533C10.8968 21.8033 11.3716 22 11.8666 22C12.3617 22 12.8365 21.8033 13.1865 21.4533C13.5366 21.1032 13.7333 20.6284 13.7333 20.1334C13.7333 19.6383 13.5366 19.1635 13.1865 18.8135C12.8365 18.4634 12.3617 18.2668 11.8666 18.2668C11.3716 18.2668 10.8968 18.4634 10.5467 18.8135C10.1967 19.1635 10 19.6383 10 20.1334Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoKebab;\n"],"names":["IcoKebab","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"mIAYA,MAAMA,EAAW,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE3E,MAAMC,EAAQJ,GAAeK,EAAM,MAAA,qBAAqB,EACxD,OACEC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAAK,SAAA,CAERF,EAAQM,EAAAA,IAAA,QAAA,CAAO,GAAIL,EAAU,SAAAD,IAAiB,KAC/CM,EAAAA,IACE,OAAA,CAAA,EAAE,mXACF,KAAK,cAAc,CAAA,EAErBA,EACE,IAAA,OAAA,CAAA,EAAE,+XACF,KAAK,cAAc,CAAA,EAErBA,EACE,IAAA,OAAA,CAAA,EAAE,iXACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}

package/dist/cjs/components/primitives/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime");require("../feedback/callout.js");var I=require("../feedback/loading-spinner.js");require("@styled/tokens"),require("./checkbox.js"),require("./dropdown-selector.js"),require("./popover.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js"),require("./text.js"),require("./portal.js");var o=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var u=require("@styled/jsx");require("../feedback/tooltip.js");var R=require("../../recipes/button.js"),F=require("@styled/css"),q=require("create-slots"),d=require("react-aria");const f=q.createSlot(({children:r,...t})=>i.jsx(u.Flex,{alignItems:"center",justifyContent:"center",children:o.Children.map(r,e=>o.cloneElement(e,t))})),y=q.createSlot(({children:r,...t})=>i.jsx(u.Flex,{alignItems:"center",justifyContent:"center",children:o.Children.map(r,e=>o.cloneElement(e,t))})),E=({variant:r="primary",size:t="md"})=>{const e=r==="primary"||r==="negative",c=r==="neutral"||r==="tertiary";return i.jsx(I.LoadingSpinner,{size:{sm:20,md:24,lg:28}[t],strokeWidth:2.5,inverted:e,neutral:c})},S=o.forwardRef((r,t)=>{const{label:e,variant:c="primary",textStyle:w,size:p="md",disabled:m,expand:v,validating:g,iconSize:z,onHover:x}=r,l=z||(p==="sm"?16:24),s=R.button({variant:c,textStyle:w,expand:v,size:p,validating:g,iconOnly:!e}),C=o.useRef(null),h=t||C,{buttonProps:N}=d.useButton({...r,isDisabled:m??!1},h),{hoverProps:P}=d.useHover({isDisabled:m??!1}),{isFocusVisible:B,focusProps:H}=d.useFocusRing();return q.createHost(r.children,j=>{const n=j.get(f),a=j.get(y),b=l/4;return i.jsx("button",{className:F.cx(s.button,"group",!e&&s.iconContainer,B&&s.focus),ref:h,...d.mergeProps(N,P,H),"aria-disabled":m,onMouseEnter:x,onTouchStart:x,children:g?i.jsx(E,{variant:c,size:p}):i.jsxs(u.HStack,{w:"full",gap:2,justify:e&&(n||a)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:s.icon,width:l,height:l}},a&&e&&v&&i.jsx(u.Box,{w:b}),e&&i.jsx("span",{className:s.label,children:e}),n&&e&&v&&i.jsx(u.Box,{w:b}),a&&{...a,props:{...a.props,className:a.props.color?void 0:s.icon,width:l,height:l}}]})})})}),O=Object.assign(S,{LeadingIcon:f,TrailingIcon:y});S.displayName="Button",exports.default=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime");require("../feedback/callout.js");var I=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js"),require("@styled/tokens"),require("./checkbox.js"),require("./dropdown-selector.js"),require("./popover.js"),require("./radio.js"),require("./segmented-control.js"),require("./switch.js"),require("./text.js"),require("./portal.js");var o=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var l=require("@styled/jsx");require("../feedback/tooltip.js");var R=require("../../recipes/button.js"),F=require("@styled/css"),v=require("create-slots"),d=require("react-aria");const f=v.createSlot(({children:r,...t})=>i.jsx(l.Flex,{alignItems:"center",justifyContent:"center",children:o.Children.map(r,e=>o.cloneElement(e,t))})),y=v.createSlot(({children:r,...t})=>i.jsx(l.Flex,{alignItems:"center",justifyContent:"center",children:o.Children.map(r,e=>o.cloneElement(e,t))})),E=({variant:r="primary",size:t="md"})=>{const e=r==="primary"||r==="negative",c=r==="neutral"||r==="tertiary";return i.jsx(I.LoadingSpinner,{size:{sm:20,md:24,lg:28}[t],strokeWidth:2.5,inverted:e,neutral:c})},S=o.forwardRef((r,t)=>{const{label:e,variant:c="primary",textStyle:w,size:p="md",disabled:m,expand:q,validating:g,iconSize:z,onHover:x}=r,u=z||(p==="sm"?16:24),s=R.button({variant:c,textStyle:w,expand:q,size:p,validating:g,iconOnly:!e}),C=o.useRef(null),h=t||C,{buttonProps:N}=d.useButton({...r,isDisabled:m??!1},h),{hoverProps:P}=d.useHover({isDisabled:m??!1}),{isFocusVisible:B,focusProps:H}=d.useFocusRing();return v.createHost(r.children,j=>{const n=j.get(f),a=j.get(y),b=u/4;return i.jsx("button",{className:F.cx(s.button,"group",!e&&s.iconContainer,B&&s.focus),ref:h,...d.mergeProps(N,P,H),"aria-disabled":m,onMouseEnter:x,onTouchStart:x,children:g?i.jsx(E,{variant:c,size:p}):i.jsxs(l.HStack,{w:"full",gap:2,justify:e&&(n||a)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:s.icon,width:u,height:u}},a&&e&&q&&i.jsx(l.Box,{w:b}),e&&i.jsx("span",{className:s.label,children:e}),n&&e&&q&&i.jsx(l.Box,{w:b}),a&&{...a,props:{...a.props,className:a.props.color?void 0:s.icon,width:u,height:u}}]})})})}),O=Object.assign(S,{LeadingIcon:f,TrailingIcon:y});S.displayName="Button",exports.default=O;
 //# sourceMappingURL=button.js.map

package/dist/cjs/components/primitives/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n label?: string;\n size?: 'sm' \| 'md' \| 'lg';\n variant?: 'primary' \| 'secondary' \| 'negative' \| 'neutral' \| 'tertiary' \| 'text' \| 'transparent';\n textStyle?: 'negative' \| 'neutral' \| 'subtle';\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n iconSize?: number;\n onHover?: MouseEventHandler<HTMLButtonElement> \| TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n const spinnerInverted = variant === 'primary' \|\| variant === 'negative';\n const spinnerNeutral = variant === 'neutral' \|\| variant === 'tertiary';\n const spinnerSizes = {\n sm: 20,\n md: 24,\n lg: 28,\n };\n\n return (\n <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n label,\n variant = 'primary',\n textStyle,\n size = 'md',\n disabled,\n expand,\n validating,\n iconSize: iconSizeOverride,\n onHover,\n } = props;\n\n const iconSize = iconSizeOverride \|\| (size === 'sm' ? 16 : 24);\n\n const classes = button({ variant, textStyle, expand, size, validating, iconOnly: !label });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n const containerSize = iconSize / 4;\n\n return (\n <button\n className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n aria-disabled={disabled}\n onMouseEnter={onHover as MouseEventHandler}\n onTouchStart={onHover as TouchEventHandler}\n >\n {validating ? (\n <Validation variant={variant} size={size} />\n ) : (\n <HStack w=\"full\" gap={2} justify={label && (leadingIcon \|\| trailingIcon) ? 'space-between' : 'center'}>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n {trailingIcon && label && expand && <Box w={containerSize} />}\n {label && <span className={classes.label}>{label}</span>}\n {leadingIcon && label && expand && <Box w={containerSize} />}\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n </HStack>\n )}\n </button>\n );\n });\n});\n\nconst Button = Object.assign(Component, {\n LeadingIcon,\n TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","textStyle","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"~~srBAoBMA~~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"}
1	+ {"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n label?: string;\n size?: 'sm' \| 'md' \| 'lg';\n variant?: 'primary' \| 'secondary' \| 'negative' \| 'neutral' \| 'tertiary' \| 'text' \| 'transparent';\n textStyle?: 'negative' \| 'neutral' \| 'subtle';\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n iconSize?: number;\n onHover?: MouseEventHandler<HTMLButtonElement> \| TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n const spinnerInverted = variant === 'primary' \|\| variant === 'negative';\n const spinnerNeutral = variant === 'neutral' \|\| variant === 'tertiary';\n const spinnerSizes = {\n sm: 20,\n md: 24,\n lg: 28,\n };\n\n return (\n <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n label,\n variant = 'primary',\n textStyle,\n size = 'md',\n disabled,\n expand,\n validating,\n iconSize: iconSizeOverride,\n onHover,\n } = props;\n\n const iconSize = iconSizeOverride \|\| (size === 'sm' ? 16 : 24);\n\n const classes = button({ variant, textStyle, expand, size, validating, iconOnly: !label });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n const containerSize = iconSize / 4;\n\n return (\n <button\n className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n aria-disabled={disabled}\n onMouseEnter={onHover as MouseEventHandler}\n onTouchStart={onHover as TouchEventHandler}\n >\n {validating ? (\n <Validation variant={variant} size={size} />\n ) : (\n <HStack w=\"full\" gap={2} justify={label && (leadingIcon \|\| trailingIcon) ? 'space-between' : 'center'}>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n {trailingIcon && label && expand && <Box w={containerSize} />}\n {label && <span className={classes.label}>{label}</span>}\n {leadingIcon && label && expand && <Box w={containerSize} />}\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n </HStack>\n )}\n </button>\n );\n });\n});\n\nconst Button = Object.assign(Component, {\n LeadingIcon,\n TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","textStyle","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"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"}

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

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

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

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

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

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

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

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

package/dist/cjs/index.js CHANGED Viewed

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

package/dist/cjs/recipes/card.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("@styled/css");const a=e.cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}}},compoundVariants:[{asButton:!0,alt:!0,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});exports.card=a;
2	+ //# sourceMappingURL=card.js.map

package/dist/cjs/recipes/card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type RecipeVariantProps } from '@styled/css';\n\nexport const card = cva({\n base: {\n bgColor: 'surface.primary',\n borderRadius: '1rem',\n },\n variants: {\n asButton: {\n false: {\n cursor: 'default',\n },\n true: {\n alignItems: 'center',\n cursor: 'pointer',\n h: '10.75rem',\n justifyContent: 'center',\n p: 4,\n transition: 'all 0.1s ease',\n w: '10.75rem',\n _active: { transform: 'scale(0.95)' },\n },\n },\n alignment: {\n center: {\n alignItems: 'center',\n },\n left: {\n alignItems: 'flex-start',\n },\n right: {\n alignItems: 'flex-end',\n },\n },\n alt: {\n true: {},\n },\n expand: {\n false: {\n overflow: 'hidden',\n },\n true: {\n overflow: 'visible',\n w: 'full',\n },\n },\n gapType: {\n none: {\n gap: 0,\n },\n sm: {\n gap: 4,\n },\n md: {\n gap: 5,\n },\n lg: {\n gap: 6,\n },\n },\n heavyShadow: {\n false: {\n boxShadow: '0px 1px 2px rgba(189, 189, 189, 0.3)',\n },\n true: {\n boxShadow: '8px 8px 48px rgba(16, 15, 17, 0.14)',\n },\n },\n paddingType: {\n none: {\n p: 0,\n },\n sm: {\n px: 4,\n py: 3,\n },\n md: {\n px: 8,\n py: 6,\n },\n lg: {\n p: 12,\n },\n },\n widthMax: {\n true: {\n flex: 1,\n maxW: '29.125rem',\n mdDown: { maxW: 'full' },\n },\n },\n },\n compoundVariants: [\n {\n asButton: true,\n alt: true,\n css: {\n bgColor: 'surface.tertiary',\n color: 'text.secondary',\n _hover: {\n filter: 'brightness(0.9)',\n },\n },\n },\n ],\n defaultVariants: {\n alt: false,\n expand: false,\n gapType: 'md',\n heavyShadow: false,\n paddingType: 'md',\n widthMax: false,\n },\n});\n\nexport type CardVariants = RecipeVariantProps<typeof card>;\n"],"names":["card","cva"],"mappings":"0CAEO,MAAMA,EAAOC,EAAAA,IAAI,CACtB,KAAM,CACJ,QAAS,kBACT,aAAc,MACf,EACD,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,SACT,EACD,KAAM,CACJ,WAAY,SACZ,OAAQ,UACR,EAAG,WACH,eAAgB,SAChB,EAAG,EACH,WAAY,gBACZ,EAAG,WACH,QAAS,CAAE,UAAW,aAAe,CACtC,CACF,EACD,UAAW,CACT,OAAQ,CACN,WAAY,QACb,EACD,KAAM,CACJ,WAAY,YACb,EACD,MAAO,CACL,WAAY,UACb,CACF,EACD,IAAK,CACH,KAAM,CACP,CAAA,EACD,OAAQ,CACN,MAAO,CACL,SAAU,QACX,EACD,KAAM,CACJ,SAAU,UACV,EAAG,MACJ,CACF,EACD,QAAS,CACP,KAAM,CACJ,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,CACF,EACD,YAAa,CACX,MAAO,CACL,UAAW,sCACZ,EACD,KAAM,CACJ,UAAW,qCACZ,CACF,EACD,YAAa,CACX,KAAM,CACJ,EAAG,CACJ,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,EAAG,EACJ,CACF,EACD,SAAU,CACR,KAAM,CACJ,KAAM,EACN,KAAM,YACN,OAAQ,CAAE,KAAM,MAAQ,CACzB,CACF,CACF,EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,IAAK,CACH,QAAS,mBACT,MAAO,iBACP,OAAQ,CACN,OAAQ,iBACT,CACF,CACF,CACF,EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}

package/dist/es/components/containers/card.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as c}from"react/jsx-runtime";import{card as l}from"../../recipes/card.js";import{cx as m}from"@styled/css";import{Flex as f,Box as d}from"@styled/jsx";import{forwardRef as p}from"react";const n=p(({children:o,className:t,asButton:r,stack:s,...i},e)=>{const a=l({asButton:r,...i});return s\|\|r?c(f,{className:m(a,t),flexDirection:"column",role:r?"button":"none",ref:e,children:o}):c(d,{className:m(a,t),ref:e,children:o})});n.displayName="Card";export{n as Card};
2	+ //# sourceMappingURL=card.js.map

package/dist/es/components/containers/card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n alt?: boolean;\n className?: string;\n asButton?: boolean;\n alignment?: 'center' | 'left' | 'right';\n expand?: boolean;\n gapType?: 'none' | 'sm' | 'md' | 'lg';\n heavyShadow?: boolean;\n paddingType?: 'none' | 'sm' | 'md' | 'lg';\n stack?: boolean;\n widthMax?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(({ children, className, asButton, stack, ...props }, ref) => {\n const classStyles = card({ asButton, ...props });\n\n return stack || asButton ? (\n <Flex className={cx(classStyles, className)} flexDirection=\"column\" role={asButton ? 'button' : 'none'} ref={ref}>\n {children}\n </Flex>\n ) : (\n <Box className={cx(classStyles, className)} ref={ref}>\n {children}\n </Box>\n );\n});\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","asButton","stack","props","ref","classStyles","card","_jsx","Flex","cx","Box"],"mappings":"qMAkBa,MAAAA,EAAOC,EAAsC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAO,EAAEC,IAAO,CACpH,MAAMC,EAAcC,EAAK,CAAE,SAAAL,EAAU,GAAGE,CAAO,CAAA,EAE/C,OAAOD,GAASD,EACdM,EAACC,EAAI,CAAC,UAAWC,EAAGJ,EAAaL,CAAS,EAAG,cAAc,SAAS,KAAMC,EAAW,SAAW,OAAQ,IAAKG,EAC1G,SAAAL,CACI,CAAA,EAEPQ,EAACG,EAAG,CAAC,UAAWD,EAAGJ,EAAaL,CAAS,EAAG,IAAKI,EAAG,SACjDL,CAAQ,CAAA,CAGf,CAAC,EAEDF,EAAK,YAAc"}

package/dist/es/components/external/paypal-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import{token as h}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import b from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as g,useRef as P}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{HStack as x,Box as y}from"@styled/jsx";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as j}from"../../recipes/button.js";import{cx as w,css as B}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=g((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=j({expand:s,validating:r}),l=P(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,B({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(x,{w:"full",gap:1,justifyContent:"center",children:[o(b,{styles:{fontWeight:600,color:h("colors.ink.90")},children:"Pay with"}),o(y,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
+import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{token as h}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import b from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as g,useRef as P}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{HStack as x,Box as y}from"@styled/jsx";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as j}from"../../recipes/button.js";import{cx as w,css as B}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=g((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=j({expand:s,validating:r}),l=P(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,B({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(x,{w:"full",gap:1,justifyContent:"center",children:[o(b,{styles:{fontWeight:600,color:h("colors.ink.90")},children:"Pay with"}),o(y,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
 //# sourceMappingURL=paypal-button.js.map

package/dist/es/components/external/paypal-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n const { disabled, expand, validating } = props;\n\n const classes = button({ expand, validating });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <button\n className={cx(\n classes.button,\n css({\n bg: '#ffc439',\n outlineColor: '#ffc439',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n }),\n )}\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n aria-disabled={disabled}\n >\n {validating ? (\n <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n ) : (\n <HStack w=\"full\" gap={1} justifyContent=\"center\">\n <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n <Box mt={0.5}>\n <LogoPayPalWordmark width={60} />\n </Box>\n </HStack>\n )}\n </button>\n );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"~~q4BAgBO~~,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
1	+ {"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n const { disabled, expand, validating } = props;\n\n const classes = button({ expand, validating });\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const { buttonProps } = useButton(\n { ...props, isDisabled: disabled ?? false },\n ref as React.RefObject<HTMLButtonElement>,\n );\n\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <button\n className={cx(\n classes.button,\n css({\n bg: '#ffc439',\n outlineColor: '#ffc439',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n }),\n )}\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n aria-disabled={disabled}\n >\n {validating ? (\n <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n ) : (\n <HStack w=\"full\" gap={1} justifyContent=\"center\">\n <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n <Box mt={0.5}>\n <LogoPayPalWordmark width={60} />\n </Box>\n </HStack>\n )}\n </button>\n );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}