@magiclabs/ui-components 1.52.0 → 2.0.0

package/dist/es/components/feedback/loading-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-spinner.js","sources":["../../../../src/components/feedback/loading-spinner.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Center } from '@styled/jsx';\n\nexport interface LoadingSpinnerProps {\n  inverted?: boolean;\n  neutral?: boolean;\n  progress?: number;\n  size?: number;\n  strokeWidth?: number;\n}\n\nexport const LoadingSpinner = ({\n  inverted,\n  neutral,\n  progress = 30,\n  size = 64,\n  strokeWidth = 6,\n}: LoadingSpinnerProps) => {\n  const radius = size / 2;\n  const dashProgress = Math.abs(progress) / 100;\n  const dashSize = 2 * Math.PI * radius;\n  const strokeColor = inverted ? 'surface.primary' : neutral ? 'text.primary' : 'brand.base';\n\n  return (\n    <Center inline>\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        fill=\"none\"\n        stroke=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          className={css({ stroke: strokeColor, strokeOpacity: 0.12 })}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius - strokeWidth / 2}\n          strokeLinecap=\"round\"\n          strokeWidth={strokeWidth}\n        />\n        <circle\n          className={css({\n            animation: 'spin 1s linear infinite',\n            stroke: strokeColor,\n            transformOrigin: 'center center',\n          })}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius - strokeWidth / 2}\n          strokeDasharray={dashSize}\n          strokeDashoffset={dashSize - dashSize * dashProgress + strokeWidth * 4}\n          strokeLinecap=\"round\"\n          strokeWidth={strokeWidth}\n        />\n      </svg>\n    </Center>\n  );\n};\n"],"names":["LoadingSpinner","inverted","neutral","progress","size","strokeWidth","radius","dashProgress","dashSize","strokeColor","_jsx","Center","_jsxs","css"],"mappings":"+HAWaA,EAAiB,CAAC,CAC7B,SAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,GACP,YAAAC,EAAc,CACM,IAAI,CACxB,MAAMC,EAASF,EAAO,EAChBG,EAAe,KAAK,IAAIJ,CAAQ,EAAI,IACpCK,EAAW,EAAI,KAAK,GAAKF,EACzBG,EAAcR,EAAW,kBAAoBC,EAAU,eAAiB,aAE9E,OACEQ,EAACC,EAAO,CAAA,mBACNC,EACE,MAAA,CAAA,MAAOR,EACP,OAAQA,EACR,QAAS,OAAOA,CAAI,IAAIA,CAAI,GAC5B,KAAK,OACL,OAAO,OACP,MAAM,uCAENM,EACE,SAAA,CAAA,UAAWG,EAAI,CAAE,OAAQJ,EAAa,cAAe,GAAM,CAAA,EAC3D,GAAG,MACH,GAAG,MACH,EAAGH,EAASD,EAAc,EAC1B,cAAc,QACd,YAAaA,CACb,CAAA,EACFK,YACE,UAAWG,EAAI,CACb,UAAW,0BACX,OAAQJ,EACR,gBAAiB,gBAClB,EACD,GAAG,MACH,GAAG,MACH,EAAGH,EAASD,EAAc,EAC1B,gBAAiBG,EACjB,iBAAkBA,EAAWA,EAAWD,EAAeF,EAAc,EACrE,cAAc,QACd,YAAaA,GACb,CACE,CAAA,CAAA,CAAA,CAGZ"}
+{"version":3,"file":"loading-spinner.js","sources":["../../../../src/components/feedback/loading-spinner.tsx"],"sourcesContent":["import { cn } from '@lib/cn';\n\nexport interface LoadingSpinnerProps {\n  inverted?: boolean;\n  neutral?: boolean;\n  progress?: number;\n  size?: number;\n  strokeWidth?: number;\n}\n\nexport const LoadingSpinner = ({\n  inverted,\n  neutral,\n  progress = 30,\n  size = 64,\n  strokeWidth = 6,\n}: LoadingSpinnerProps) => {\n  const radius = size / 2;\n  const dashProgress = Math.abs(progress) / 100;\n  const dashSize = 2 * Math.PI * radius;\n  const strokeColor = inverted ? 'stroke-surface-primary' : neutral ? 'stroke-text-primary' : 'stroke-brand-base';\n\n  return (\n    <div className=\"inline-flex items-center justify-center\">\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        fill=\"none\"\n        stroke=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          className={cn(strokeColor, 'opacity-[0.12]')}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius - strokeWidth / 2}\n          strokeLinecap=\"round\"\n          strokeWidth={strokeWidth}\n        />\n        <circle\n          className={cn('animate-spin origin-center', strokeColor)}\n          cx=\"50%\"\n          cy=\"50%\"\n          r={radius - strokeWidth / 2}\n          strokeDasharray={dashSize}\n          strokeDashoffset={dashSize - dashSize * dashProgress + strokeWidth * 4}\n          strokeLinecap=\"round\"\n          strokeWidth={strokeWidth}\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["LoadingSpinner","inverted","neutral","progress","size","strokeWidth","radius","dashProgress","dashSize","strokeColor","_jsx","_jsxs","cn"],"mappings":"uFAUO,MAAMA,EAAiB,CAAC,CAC7B,SAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,GACP,YAAAC,EAAc,CACM,IAAI,CACxB,MAAMC,EAASF,EAAO,EAChBG,EAAe,KAAK,IAAIJ,CAAQ,EAAI,IACpCK,EAAW,EAAI,KAAK,GAAKF,EACzBG,EAAcR,EAAW,yBAA2BC,EAAU,sBAAwB,oBAE5F,OACEQ,EAAK,MAAA,CAAA,UAAU,0CACb,SAAAC,EAAA,MAAA,CACE,MAAOP,EACP,OAAQA,EACR,QAAS,OAAOA,CAAI,IAAIA,CAAI,GAC5B,KAAK,OACL,OAAO,OACP,MAAM,6BAA4B,SAAA,CAElCM,EACE,SAAA,CAAA,UAAWE,EAAGH,EAAa,gBAAgB,EAC3C,GAAG,MACH,GAAG,MACH,EAAGH,EAASD,EAAc,EAC1B,cAAc,QACd,YAAaA,CAAW,CAAA,EAE1BK,EAAA,SAAA,CACE,UAAWE,EAAG,6BAA8BH,CAAW,EACvD,GAAG,MACH,GAAG,MACH,EAAGH,EAASD,EAAc,EAC1B,gBAAiBG,EACjB,iBAAkBA,EAAWA,EAAWD,EAAeF,EAAc,EACrE,cAAc,QACd,YAAaA,CACb,CAAA,CAAA,CAAA,CAAA,CAEA,CAAA,CAEV"}

package/dist/es/components/feedback/progress-bar.js

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

package/dist/es/components/feedback/progress-bar.js.map

@@ -1 +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":"iJAIA,MAAMA,EAAoB,GACpBC,EAAkB,GAElBC,EAAcC,EAAM,sBAAsB,EAC1CC,EAAcD,EAAM,yBAAyB,EAC7CE,EAAgBF,EAAM,0BAA0B,EAChDG,EAAgBH,EAAM,yBAAyB,EAC/CI,EAAaJ,EAAM,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,EAAQ,IACf,KAAK,IAAIJ,EAASE,CAAK,EAAIA,EAAS,IAC3C,CAACF,EAASE,CAAK,CAAC,EAEbG,EAAYD,EAAQ,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,EAACC,EAAG,CACF,QAAQ,mBACR,aAAa,OACb,SAAS,WACT,EAAE,OACF,MAAO,CACL,OAAQ,GAAGN,CAAW,MAGxB,SAAAK,EAACC,EAAG,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"}
+{"version":3,"file":"progress-bar.js","sources":["../../../../src/components/feedback/progress-bar.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nconst WARNING_THRESHOLD = 75;\nconst ERROR_THRESHOLD = 90;\n\nconst BRAND_COLOR = 'var(--color-brand-lighter)';\nconst ERROR_COLOR = 'var(--color-negative-lighter)';\nconst NEUTRAL_COLOR = 'var(--color-neutral-secondary)';\nconst SUCCESS_COLOR = 'var(--color-positive-lighter)';\nconst WARN_COLOR = 'var(--color-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    <div\n      className=\"bg-surface-tertiary rounded-[2rem] relative w-full\"\n      style={{\n        height: `${strokeWidth}px`,\n      }}\n    >\n      <div\n        className=\"absolute rounded-[2rem] border-solid border-thick border-surface-primary\"\n        style={{\n          height: `${strokeWidth}px`,\n          minWidth: `${strokeWidth}px`,\n          width: `${progress}%`,\n          background: fillColor,\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["WARNING_THRESHOLD","ERROR_THRESHOLD","BRAND_COLOR","ERROR_COLOR","NEUTRAL_COLOR","SUCCESS_COLOR","WARN_COLOR","autoFillColor","autoTarget","progress","ProgressBar","current","strokeWidth","total","variant","useMemo","fillColor","_jsx"],"mappings":"wEAEA,MAAMA,EAAoB,GACpBC,EAAkB,GAElBC,EAAc,6BACdC,EAAc,gCACdC,EAAgB,iCAChBC,EAAgB,gCAChBC,EAAa,+BAUbC,EAAgB,CAAC,CAAE,WAAAC,EAAa,MAAO,SAAAC,EAAW,CAAC,IACnDD,IAAe,MACbC,EAAWR,EACNE,EACEM,EAAWT,EACbM,EAEFJ,EAEHO,GAAY,IAAMR,EACbE,EACEM,GAAY,IAAMT,EACpBM,EACEG,IAAa,IACfJ,EAEFH,EAIEQ,EAAc,CAAC,CAC1B,WAAAF,EACA,QAAAG,EAAU,EACV,YAAAC,EAAc,EACd,MAAAC,EAAQ,IACR,QAAAC,EAAU,MACO,IAAI,CACrB,MAAML,EAAWM,EAAQ,IACf,KAAK,IAAIJ,EAASE,CAAK,EAAIA,EAAS,IAC3C,CAACF,EAASE,CAAK,CAAC,EAEbG,EAAYD,EAAQ,IAAK,CAC7B,OAAQD,EACN,CAAA,IAAK,UACH,OAAOZ,EACT,IAAK,UACH,OAAOG,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,EACE,MAAA,CAAA,UAAU,qDACV,MAAO,CACL,OAAQ,GAAGL,CAAW,IACvB,EAAA,SAEDK,SACE,UAAU,2EACV,MAAO,CACL,OAAQ,GAAGL,CAAW,KACtB,SAAU,GAAGA,CAAW,KACxB,MAAO,GAAGH,CAAQ,IAClB,WAAYO,EAEd,CAAA,CAAA,CAAA,CAGR"}

package/dist/es/components/feedback/skeleton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@styled/jsx";const d=({width:t="100px",height:a="20px",speed:i="1.5s",borderRadius:n="24px",backgroundColor:o})=>r(e,{style:{width:t,height:a,borderRadius:n,backgroundColor:o},bg:"neutral.tertiary",overflow:"hidden",position:"relative",_dark:{bg:"surface.primary"},children:r(e,{style:{animation:`slideRight ${i} infinite ease-in-out`},w:"full",h:"full",position:"absolute",top:0,left:"-50%",transform:"skewX(-20deg)",backgroundImage:"linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)",_dark:{backgroundImage:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)"}})});export{d as Skeleton};
+import{jsx as r}from"react/jsx-runtime";const d=({width:e="100px",height:t="20px",speed:a="1.5s",borderRadius:i="24px",backgroundColor:o})=>r("div",{style:{width:e,height:t,borderRadius:i,backgroundColor:o},className:"bg-neutral-tertiary overflow-hidden relative dark:bg-surface-primary",children:r("div",{style:{animation:`slideRight ${a} infinite ease-in-out`},className:"w-full h-full absolute top-0 -left-1/2 skew-x-[-20deg] bg-gradient-to-r from-transparent via-black/10 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white/15 dark:to-transparent"})});export{d as Skeleton};
 //# sourceMappingURL=skeleton.js.map

package/dist/es/components/feedback/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedback/skeleton.tsx"],"sourcesContent":["import { Box } from '@styled/jsx';\n\nexport interface SkeletonProps {\n  width?: string | number;\n  height?: string | number;\n  speed?: string;\n  borderRadius?: string | number;\n  backgroundColor?: string;\n}\n\nexport const Skeleton = ({\n  width = '100px',\n  height = '20px',\n  speed = '1.5s',\n  borderRadius = '24px',\n  backgroundColor,\n}: SkeletonProps) => {\n  return (\n    <Box\n      style={{ width, height, borderRadius, backgroundColor }}\n      bg=\"neutral.tertiary\"\n      overflow=\"hidden\"\n      position=\"relative\"\n      _dark={{ bg: 'surface.primary' }}\n    >\n      <Box\n        style={{\n          animation: `slideRight ${speed} infinite ease-in-out`,\n        }}\n        w=\"full\"\n        h=\"full\"\n        position=\"absolute\"\n        top={0}\n        left=\"-50%\"\n        transform=\"skewX(-20deg)\"\n        backgroundImage={`linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)`}\n        _dark={{ backgroundImage: 'linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)' }}\n      />\n    </Box>\n  );\n};\n"],"names":["Skeleton","width","height","speed","borderRadius","backgroundColor","_jsx","Box"],"mappings":"0EAUO,MAAMA,EAAW,CAAC,CACvB,MAAAC,EAAQ,QACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,aAAAC,EAAe,OACf,gBAAAC,CACc,IAEZC,EAACC,GACC,MAAO,CAAE,MAAAN,EAAO,OAAAC,EAAQ,aAAAE,EAAc,gBAAAC,GACtC,GAAG,mBACH,SAAS,SACT,SAAS,WACT,MAAO,CAAE,GAAI,iBAAmB,EAAA,SAEhCC,EAACC,EAAG,CACF,MAAO,CACL,UAAW,cAAcJ,CAAK,uBAC/B,EACD,EAAE,OACF,EAAE,OACF,SAAS,WACT,IAAK,EACL,KAAK,OACL,UAAU,gBACV,gBAAiB,qEACjB,MAAO,CAAE,gBAAiB,8EAC1B,CAAA,CAAA,CAAA"}
+{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedback/skeleton.tsx"],"sourcesContent":["export interface SkeletonProps {\n  width?: string | number;\n  height?: string | number;\n  speed?: string;\n  borderRadius?: string | number;\n  backgroundColor?: string;\n}\n\nexport const Skeleton = ({\n  width = '100px',\n  height = '20px',\n  speed = '1.5s',\n  borderRadius = '24px',\n  backgroundColor,\n}: SkeletonProps) => {\n  return (\n    <div\n      style={{ width, height, borderRadius, backgroundColor }}\n      className=\"bg-neutral-tertiary overflow-hidden relative dark:bg-surface-primary\"\n    >\n      <div\n        style={{\n          animation: `slideRight ${speed} infinite ease-in-out`,\n        }}\n        className=\"w-full h-full absolute top-0 -left-1/2 skew-x-[-20deg] bg-gradient-to-r from-transparent via-black/10 to-transparent dark:bg-gradient-to-r dark:from-transparent dark:via-white/15 dark:to-transparent\"\n      />\n    </div>\n  );\n};\n"],"names":["Skeleton","width","height","speed","borderRadius","backgroundColor","_jsx"],"mappings":"wCAQa,MAAAA,EAAW,CAAC,CACvB,MAAAC,EAAQ,QACR,OAAAC,EAAS,OACT,MAAAC,EAAQ,OACR,aAAAC,EAAe,OACf,gBAAAC,CACc,IAEZC,SACE,MAAO,CAAE,MAAAL,EAAO,OAAAC,EAAQ,aAAAE,EAAc,gBAAAC,CAAe,EACrD,UAAU,uEAEV,SAAAC,EAAA,MAAA,CACE,MAAO,CACL,UAAW,cAAcH,CAAK,uBAC/B,EACD,UAAU,wMACV,CAAA,CAAA,CAAA"}

package/dist/es/components/feedback/status-icon.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"@styled/tokens";import i from"../icons/ico-alert-circle-fill.js";import c from"../icons/ico-checkmark-circle-fill.js";import p from"../icons/ico-info-circle-fill.js";import a from"../icons/ico-lightbulb-fill.js";import e from"../icons/ico-warning-fill.js";import{HStack as s}from"@styled/jsx";const f={branded:a,success:c,error:i,warning:e,neutral:p},d=o=>{const{variant:t="branded",...m}=o,n=f[t];return r(s,{children:r(n,{...m})})};export{d as StatusIcon};
+import{jsx as r}from"react/jsx-runtime";import n from"../icons/ico-alert-circle-fill.js";import s from"../icons/ico-checkmark-circle-fill.js";import c from"../icons/ico-info-circle-fill.js";import i from"../icons/ico-lightbulb-fill.js";import a from"../icons/ico-warning-fill.js";const f={branded:i,success:s,error:n,warning:a,neutral:c},p=o=>{const{variant:t="branded",...e}=o,m=f[t];return r("div",{className:"flex flex-row items-center gap-2.5",children:r(m,{...e})})};export{p as StatusIcon};
 //# sourceMappingURL=status-icon.js.map

package/dist/es/components/feedback/status-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-icon.js","sources":["../../../../src/components/feedback/status-icon.tsx"],"sourcesContent":["import {\n  IcoAlertCircleFill,\n  IcoCheckmarkCircleFill,\n  IcoInfoCircleFill,\n  IcoLightbulbFill,\n  IcoWarningFill,\n} from '@components/icons';\nimport { HStack } from '@styled/jsx';\n\nconst svgIcon = {\n  branded: IcoLightbulbFill,\n  success: IcoCheckmarkCircleFill,\n  error: IcoAlertCircleFill,\n  warning: IcoWarningFill,\n  neutral: IcoInfoCircleFill,\n};\n\nexport interface StatusIconProps {\n  className?: string;\n  height?: string | number;\n  width?: string | number;\n  variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n}\n\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant = 'branded', ...iconProps } = props;\n  const IconComponent = svgIcon[variant];\n\n  return (\n    <HStack>\n      <IconComponent {...iconProps} />\n    </HStack>\n  );\n};\n"],"names":["svgIcon","IcoLightbulbFill","IcoCheckmarkCircleFill","IcoAlertCircleFill","IcoWarningFill","IcoInfoCircleFill","StatusIcon","props","variant","iconProps","IconComponent","_jsx","HStack"],"mappings":"oVASA,MAAMA,EAAU,CACd,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,QAASC,GAUEC,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAU,UAAW,GAAGC,CAAS,EAAKF,EACxCG,EAAgBV,EAAQQ,CAAO,EAErC,OACEG,EAACC,EACC,CAAA,SAAAD,EAACD,EAAa,CAAA,GAAKD,CAAS,CAAA,CACrB,CAAA,CAEb"}
+{"version":3,"file":"status-icon.js","sources":["../../../../src/components/feedback/status-icon.tsx"],"sourcesContent":["import {\n  IcoAlertCircleFill,\n  IcoCheckmarkCircleFill,\n  IcoInfoCircleFill,\n  IcoLightbulbFill,\n  IcoWarningFill,\n} from '@components/icons';\n\nconst svgIcon = {\n  branded: IcoLightbulbFill,\n  success: IcoCheckmarkCircleFill,\n  error: IcoAlertCircleFill,\n  warning: IcoWarningFill,\n  neutral: IcoInfoCircleFill,\n};\n\nexport interface StatusIconProps {\n  className?: string;\n  height?: string | number;\n  width?: string | number;\n  variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n}\n\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant = 'branded', ...iconProps } = props;\n  const IconComponent = svgIcon[variant];\n\n  return (\n    <div className=\"flex flex-row items-center gap-2.5\">\n      <IconComponent {...iconProps} />\n    </div>\n  );\n};\n"],"names":["svgIcon","IcoLightbulbFill","IcoCheckmarkCircleFill","IcoAlertCircleFill","IcoWarningFill","IcoInfoCircleFill","StatusIcon","props","variant","iconProps","IconComponent","_jsx"],"mappings":"wRAQA,MAAMA,EAAU,CACd,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,QAASC,GAUEC,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAU,UAAW,GAAGC,CAAS,EAAKF,EACxCG,EAAgBV,EAAQQ,CAAO,EAErC,OACEG,EAAA,MAAA,CAAK,UAAU,qCAAoC,SACjDA,EAACD,EAAkB,CAAA,GAAAD,CAAa,CAAA,CAAA,CAAA,CAGtC"}

package/dist/es/components/feedback/toast-provider.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as v}from"react/jsx-runtime";import"@styled/tokens";import C from"../icons/ico-dismiss.js";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 k from"../primitives/text.js";import S from"../primitives/portal.js";import g from"../utils/animate.js";import{ToastContext as j}from"../../hooks/useToast.js";import{toast as h}from"../../recipes/toast.js";import{HStack as y,VStack as H}from"@styled/jsx";import{useState as P,useRef as R,useReducer as $,useCallback as N,useMemo as q}from"react";import{StatusIcon as w}from"./status-icon.js";let B=0;const T=e=>{const{dismissible:c,lifespan:a,message:l="",variant:t="branded"}=e,o=h({variant:t}),s=e.id,n=e.removeToast,[p,m]=P(!0);return a&&setTimeout(()=>{m(!1)},a),i(g,{"aria-live":["error"].includes(t||"")?"assertive":"polite",show:p,type:"slide",onHidden:()=>{s&&n(s)},children:v(y,{className:o.toast,children:[e.icon&&i(w,{className:o.icon,variant:t}),i(k,{fontColor:"text.quaternary",children:l}),c&&i("button",{className:o.dismiss,onClick:()=>m(!1),"aria-label":"dismiss toast",children:i(C,{className:o.icon})})]})})},I=({icon:e=!1,lifespan:c=0,position:a="top-right",children:l})=>{const t=R([]),o=$(r=>r+1,0)[1],s=N(r=>{t.current=t.current.filter(d=>d.id!==r),o()},[]),n=N(r=>{const{icon:d=r.icon||e,lifespan:x=r.lifespan||c,...b}=r,f=++B;return t.current.push({icon:d,lifespan:x,id:f,...b}),o(),f},[]),p=q(()=>({createToast:n,removeToast:s}),[n,s]),m=(a?.startsWith("top")?[...t.current]:[...t.current].reverse()).map(r=>i(T,{...r,removeToast:s},r.id)),u=h({position:a});return v(j.Provider,{value:p,children:[l,i(S,{children:i("div",{className:u.portal,children:i(H,{className:u.container,children:m})})})]})};export{T as Toast,I as ToastProvider};
+import{jsx as i,jsxs as v}from"react/jsx-runtime";import g from"../icons/ico-dismiss.js";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 j from"../primitives/text.js";import k from"../primitives/portal.js";import q from"../utils/animate.js";import{ToastContext as w}from"../../hooks/useToast.js";import{toast as h}from"../../recipes/toast.js";import{cn as x}from"../../lib/cn.js";import{useState as y,useRef as P,useReducer as R,useCallback as N,useMemo as S}from"react";import{StatusIcon as $}from"./status-icon.js";let H=0;const T=o=>{const{dismissible:c,lifespan:n,message:l="",variant:e="branded"}=o,t=h({variant:e}),s=o.id,a=o.removeToast,[p,m]=y(!0);return n&&setTimeout(()=>{m(!1)},n),i(q,{"aria-live":["error"].includes(e||"")?"assertive":"polite",show:p,type:"slide",onHidden:()=>{s&&a(s)},children:v("div",{className:x(t.toast,"flex flex-row items-center gap-2"),children:[o.icon&&i($,{className:t.icon,variant:e}),i(j,{fontColor:"text.quaternary",children:l}),c&&i("button",{className:t.dismiss,onClick:()=>m(!1),"aria-label":"dismiss toast",children:i(g,{className:t.icon})})]})})},I=({icon:o=!1,lifespan:c=0,position:n="top-right",children:l})=>{const e=P([]),t=R(r=>r+1,0)[1],s=N(r=>{e.current=e.current.filter(d=>d.id!==r),t()},[]),a=N(r=>{const{icon:d=r.icon||o,lifespan:b=r.lifespan||c,...C}=r,u=++H;return e.current.push({icon:d,lifespan:b,id:u,...C}),t(),u},[]),p=S(()=>({createToast:a,removeToast:s}),[a,s]),m=(n?.startsWith("top")?[...e.current]:[...e.current].reverse()).map(r=>i(T,{...r,removeToast:s},r.id)),f=h({position:n});return v(w.Provider,{value:p,children:[l,i(k,{children:i("div",{className:f.portal,children:i("div",{className:x(f.container,"flex flex-col gap-2.5"),children:m})})})]})};export{T as Toast,I as ToastProvider};
 //# sourceMappingURL=toast-provider.js.map

package/dist/es/components/feedback/toast-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-provider.js","sources":["../../../../src/components/feedback/toast-provider.tsx"],"sourcesContent":["import { IcoDismiss } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport Portal from '@components/primitives/portal';\nimport Animate from '@components/utils/animate';\nimport { ToastProps as BaseToastProps, ToastContext, ToastDefinition } from '@hooks/useToast';\nimport { toast as classes } from '@recipes/toast';\nimport { HStack, VStack } from '@styled/jsx';\nimport { PropsWithChildren, useCallback, useMemo, useReducer, useRef, useState } from 'react';\nimport { StatusIcon } from './status-icon';\n\nlet toastID = 0;\n\ninterface InternalToast extends ToastDefinition {\n  removeToast: ToastContext['removeToast'];\n}\n\nexport interface ToastProps extends BaseToastProps {}\nexport interface ToastProviderProps extends PropsWithChildren {\n  icon?: boolean;\n  lifespan?: number;\n  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';\n}\n\nexport const Toast = (props: ToastProps | InternalToast) => {\n  const { dismissible, lifespan, message = '', variant = 'branded' } = props;\n  const toastClasses = classes({ variant });\n  const dismissId = (props as InternalToast).id;\n  const removeToast = (props as InternalToast).removeToast;\n  const [show, setShow] = useState(true);\n\n  if (lifespan) {\n    setTimeout(() => {\n      setShow(false);\n    }, lifespan);\n  }\n\n  return (\n    <Animate\n      aria-live={['error'].includes(variant || '') ? 'assertive' : 'polite'}\n      show={show}\n      type=\"slide\"\n      onHidden={() => {\n        if (dismissId) {\n          removeToast(dismissId);\n        }\n      }}\n    >\n      <HStack className={toastClasses.toast}>\n        {props.icon && <StatusIcon className={toastClasses.icon} variant={variant} />}\n        <Text fontColor=\"text.quaternary\">{message}</Text>\n        {dismissible && (\n          <button className={toastClasses.dismiss} onClick={() => setShow(false)} aria-label=\"dismiss toast\">\n            <IcoDismiss className={toastClasses.icon} />\n          </button>\n        )}\n      </HStack>\n    </Animate>\n  );\n};\n\nexport const ToastProvider = ({\n  icon: defaultIcon = false,\n  lifespan: defaultLifespan = 0,\n  position = 'top-right',\n  children,\n}: ToastProviderProps) => {\n  const toastsRef = useRef<ToastDefinition[]>([]);\n  const forceUpdate = useReducer((x: number) => x + 1, 0)[1];\n\n  const removeToast: ToastContext['removeToast'] = useCallback((id: number) => {\n    toastsRef.current = toastsRef.current.filter(toast => toast.id !== id);\n    forceUpdate();\n  }, []);\n\n  const createToast: ToastContext['createToast'] = useCallback(options => {\n    const { icon = options.icon || defaultIcon, lifespan = options.lifespan || defaultLifespan, ...props } = options;\n    const id = ++toastID;\n\n    toastsRef.current.push({ icon, lifespan, id, ...props });\n    forceUpdate();\n\n    return id;\n  }, []);\n\n  const toastCtx = useMemo(() => ({ createToast, removeToast }), [createToast, removeToast]);\n  const toasts = position?.startsWith('top') ? [...toastsRef.current] : [...toastsRef.current].reverse();\n  const activeToasts = toasts.map(toast => {\n    return <Toast key={toast.id} {...toast} removeToast={removeToast} />;\n  });\n\n  const providerClasses = classes({ position });\n\n  return (\n    <ToastContext.Provider value={toastCtx}>\n      {children}\n      <Portal>\n        <div className={providerClasses.portal}>\n          <VStack className={providerClasses.container}>{activeToasts}</VStack>\n        </div>\n      </Portal>\n    </ToastContext.Provider>\n  );\n};\n"],"names":["toastID","Toast","props","dismissible","lifespan","message","variant","toastClasses","classes","dismissId","removeToast","show","setShow","useState","_jsx","Animate","_jsxs","HStack","StatusIcon","Text","IcoDismiss","ToastProvider","defaultIcon","defaultLifespan","position","children","toastsRef","useRef","forceUpdate","useReducer","x","useCallback","id","toast","createToast","options","icon","toastCtx","useMemo","activeToasts","providerClasses","ToastContext","Portal","VStack"],"mappings":"uvBAUA,IAAIA,EAAU,EAaP,MAAMC,EAASC,GAAqC,CACzD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAU,GAAI,QAAAC,EAAU,SAAW,EAAGJ,EAC/DK,EAAeC,EAAQ,CAAE,QAAAF,CAAO,CAAE,EAClCG,EAAaP,EAAwB,GACrCQ,EAAeR,EAAwB,YACvC,CAACS,EAAMC,CAAO,EAAIC,EAAS,EAAI,EAErC,OAAIT,GACF,WAAW,IAAK,CACdQ,EAAQ,EAAK,CACf,EAAGR,CAAQ,EAIXU,EAACC,EAAO,CAAA,YACK,CAAC,OAAO,EAAE,SAAST,GAAW,EAAE,EAAI,YAAc,SAC7D,KAAMK,EACN,KAAK,QACL,SAAU,IAAK,CACTF,GACFC,EAAYD,CAAS,CAEzB,EAEA,SAAAO,EAACC,EAAM,CAAC,UAAWV,EAAa,gBAC7BL,EAAM,MAAQY,EAACI,EAAU,CAAC,UAAWX,EAAa,KAAM,QAASD,CAAO,CAAA,EACzEQ,EAACK,EAAK,CAAA,UAAU,2BAAmBd,CAAO,CAAA,EACzCF,GACCW,EAAQ,SAAA,CAAA,UAAWP,EAAa,QAAS,QAAS,IAAMK,EAAQ,EAAK,EAAC,aAAa,gBACjF,SAAAE,EAACM,EAAU,CAAC,UAAWb,EAAa,MAC7B,CAAA,CACV,CACM,CAAA,CAAA,CAAA,CAGf,EAEac,EAAgB,CAAC,CAC5B,KAAMC,EAAc,GACpB,SAAUC,EAAkB,EAC5B,SAAAC,EAAW,YACX,SAAAC,CACmB,IAAI,CACvB,MAAMC,EAAYC,EAA0B,CAAE,CAAA,EACxCC,EAAcC,EAAYC,GAAcA,EAAI,EAAG,CAAC,EAAE,CAAC,EAEnDpB,EAA2CqB,EAAaC,GAAc,CAC1EN,EAAU,QAAUA,EAAU,QAAQ,OAAOO,GAASA,EAAM,KAAOD,CAAE,EACrEJ,EAAAA,CACF,EAAG,EAAE,EAECM,EAA2CH,EAAYI,GAAU,CACrE,KAAM,CAAE,KAAAC,EAAOD,EAAQ,MAAQb,EAAa,SAAAlB,EAAW+B,EAAQ,UAAYZ,EAAiB,GAAGrB,CAAK,EAAKiC,EACnGH,EAAK,EAAEhC,EAEb,OAAA0B,EAAU,QAAQ,KAAK,CAAE,KAAAU,EAAM,SAAAhC,EAAU,GAAA4B,EAAI,GAAG9B,CAAK,CAAE,EACvD0B,EAAAA,EAEOI,CACT,EAAG,CAAE,CAAA,EAECK,EAAWC,EAAQ,KAAO,CAAE,YAAAJ,EAAa,YAAAxB,CAAW,GAAK,CAACwB,EAAaxB,CAAW,CAAC,EAEnF6B,GADSf,GAAU,WAAW,KAAK,EAAI,CAAC,GAAGE,EAAU,OAAO,EAAI,CAAC,GAAGA,EAAU,OAAO,EAAE,WACjE,IAAIO,GACvBnB,EAACb,EAAyB,CAAA,GAAAgC,EAAO,YAAavB,CAAlC,EAAAuB,EAAM,EAAE,CAC5B,EAEKO,EAAkBhC,EAAQ,CAAE,SAAAgB,CAAQ,CAAE,EAE5C,OACER,EAACyB,EAAa,UAAS,MAAOJ,EAAQ,SAAA,CACnCZ,EACDX,EAAC4B,EAAM,CAAA,SACL5B,SAAK,UAAW0B,EAAgB,OAC9B,SAAA1B,EAAC6B,EAAM,CAAC,UAAWH,EAAgB,mBAAYD,CAAY,CAAA,GAEtD,CAAA,CAAA,CAAA,CAAA,CAGf"}
+{"version":3,"file":"toast-provider.js","sources":["../../../../src/components/feedback/toast-provider.tsx"],"sourcesContent":["import { IcoDismiss } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport Portal from '@components/primitives/portal';\nimport Animate from '@components/utils/animate';\nimport { ToastProps as BaseToastProps, ToastContext, ToastDefinition } from '@hooks/useToast';\nimport { toast as classes } from '@recipes/toast';\nimport { cn } from '@lib/cn';\nimport { PropsWithChildren, useCallback, useMemo, useReducer, useRef, useState } from 'react';\nimport { StatusIcon } from './status-icon';\n\nlet toastID = 0;\n\ninterface InternalToast extends ToastDefinition {\n  removeToast: ToastContext['removeToast'];\n}\n\nexport interface ToastProps extends BaseToastProps {}\nexport interface ToastProviderProps extends PropsWithChildren {\n  icon?: boolean;\n  lifespan?: number;\n  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';\n}\n\nexport const Toast = (props: ToastProps | InternalToast) => {\n  const { dismissible, lifespan, message = '', variant = 'branded' } = props;\n  const toastClasses = classes({ variant });\n  const dismissId = (props as InternalToast).id;\n  const removeToast = (props as InternalToast).removeToast;\n  const [show, setShow] = useState(true);\n\n  if (lifespan) {\n    setTimeout(() => {\n      setShow(false);\n    }, lifespan);\n  }\n\n  return (\n    <Animate\n      aria-live={['error'].includes(variant || '') ? 'assertive' : 'polite'}\n      show={show}\n      type=\"slide\"\n      onHidden={() => {\n        if (dismissId) {\n          removeToast(dismissId);\n        }\n      }}\n    >\n      <div className={cn(toastClasses.toast, 'flex flex-row items-center gap-2')}>\n        {props.icon && <StatusIcon className={toastClasses.icon} variant={variant} />}\n        <Text fontColor=\"text.quaternary\">{message}</Text>\n        {dismissible && (\n          <button className={toastClasses.dismiss} onClick={() => setShow(false)} aria-label=\"dismiss toast\">\n            <IcoDismiss className={toastClasses.icon} />\n          </button>\n        )}\n      </div>\n    </Animate>\n  );\n};\n\nexport const ToastProvider = ({\n  icon: defaultIcon = false,\n  lifespan: defaultLifespan = 0,\n  position = 'top-right',\n  children,\n}: ToastProviderProps) => {\n  const toastsRef = useRef<ToastDefinition[]>([]);\n  const forceUpdate = useReducer((x: number) => x + 1, 0)[1];\n\n  const removeToast: ToastContext['removeToast'] = useCallback((id: number) => {\n    toastsRef.current = toastsRef.current.filter(toast => toast.id !== id);\n    forceUpdate();\n  }, []);\n\n  const createToast: ToastContext['createToast'] = useCallback(options => {\n    const { icon = options.icon || defaultIcon, lifespan = options.lifespan || defaultLifespan, ...props } = options;\n    const id = ++toastID;\n\n    toastsRef.current.push({ icon, lifespan, id, ...props });\n    forceUpdate();\n\n    return id;\n  }, []);\n\n  const toastCtx = useMemo(() => ({ createToast, removeToast }), [createToast, removeToast]);\n  const toasts = position?.startsWith('top') ? [...toastsRef.current] : [...toastsRef.current].reverse();\n  const activeToasts = toasts.map(toast => {\n    return <Toast key={toast.id} {...toast} removeToast={removeToast} />;\n  });\n\n  const providerClasses = classes({ position });\n\n  return (\n    <ToastContext.Provider value={toastCtx}>\n      {children}\n      <Portal>\n        <div className={providerClasses.portal}>\n          <div className={cn(providerClasses.container, 'flex flex-col gap-2.5')}>{activeToasts}</div>\n        </div>\n      </Portal>\n    </ToastContext.Provider>\n  );\n};\n"],"names":["toastID","Toast","props","dismissible","lifespan","message","variant","toastClasses","classes","dismissId","removeToast","show","setShow","useState","_jsx","Animate","_jsxs","cn","StatusIcon","Text","IcoDismiss","ToastProvider","defaultIcon","defaultLifespan","position","children","toastsRef","useRef","forceUpdate","useReducer","x","useCallback","id","toast","createToast","options","icon","toastCtx","useMemo","activeToasts","providerClasses","ToastContext","Portal"],"mappings":"otBAUA,IAAIA,EAAU,EAaP,MAAMC,EAASC,GAAqC,CACzD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAU,GAAI,QAAAC,EAAU,SAAW,EAAGJ,EAC/DK,EAAeC,EAAQ,CAAE,QAAAF,CAAO,CAAE,EAClCG,EAAaP,EAAwB,GACrCQ,EAAeR,EAAwB,YACvC,CAACS,EAAMC,CAAO,EAAIC,EAAS,EAAI,EAErC,OAAIT,GACF,WAAW,IAAK,CACdQ,EAAQ,EAAK,CACf,EAAGR,CAAQ,EAIXU,EAACC,EAAO,CAAA,YACK,CAAC,OAAO,EAAE,SAAST,GAAW,EAAE,EAAI,YAAc,SAC7D,KAAMK,EACN,KAAK,QACL,SAAU,IAAK,CACTF,GACFC,EAAYD,CAAS,CAEzB,WAEAO,EAAK,MAAA,CAAA,UAAWC,EAAGV,EAAa,MAAO,kCAAkC,EAAC,SAAA,CACvEL,EAAM,MAAQY,EAACI,EAAU,CAAC,UAAWX,EAAa,KAAM,QAASD,CAAO,CAAA,EACzEQ,EAACK,EAAK,CAAA,UAAU,kBAAiB,SAAEd,CAAO,CAAA,EACzCF,GACCW,EAAA,SAAA,CAAQ,UAAWP,EAAa,QAAS,QAAS,IAAMK,EAAQ,EAAK,eAAc,gBAAe,SAChGE,EAACM,GAAW,UAAWb,EAAa,IAAQ,CAAA,CAAA,CAAA,CAE/C,CACG,CAAA,CAAA,CAAA,CAGZ,EAEac,EAAgB,CAAC,CAC5B,KAAMC,EAAc,GACpB,SAAUC,EAAkB,EAC5B,SAAAC,EAAW,YACX,SAAAC,CACmB,IAAI,CACvB,MAAMC,EAAYC,EAA0B,CAAE,CAAA,EACxCC,EAAcC,EAAYC,GAAcA,EAAI,EAAG,CAAC,EAAE,CAAC,EAEnDpB,EAA2CqB,EAAaC,GAAc,CAC1EN,EAAU,QAAUA,EAAU,QAAQ,OAAOO,GAASA,EAAM,KAAOD,CAAE,EACrEJ,EACF,CAAA,EAAG,CAAA,CAAE,EAECM,EAA2CH,EAAYI,GAAU,CACrE,KAAM,CAAE,KAAAC,EAAOD,EAAQ,MAAQb,EAAa,SAAAlB,EAAW+B,EAAQ,UAAYZ,EAAiB,GAAGrB,CAAK,EAAKiC,EACnGH,EAAK,EAAEhC,EAEb,OAAA0B,EAAU,QAAQ,KAAK,CAAE,KAAAU,EAAM,SAAAhC,EAAU,GAAA4B,EAAI,GAAG9B,CAAK,CAAE,EACvD0B,IAEOI,CACT,EAAG,CAAE,CAAA,EAECK,EAAWC,EAAQ,KAAO,CAAE,YAAAJ,EAAa,YAAAxB,CAAW,GAAK,CAACwB,EAAaxB,CAAW,CAAC,EAEnF6B,GADSf,GAAU,WAAW,KAAK,EAAI,CAAC,GAAGE,EAAU,OAAO,EAAI,CAAC,GAAGA,EAAU,OAAO,EAAE,WACjE,IAAIO,GACvBnB,EAACb,EAAyB,CAAA,GAAAgC,EAAO,YAAavB,CAAlC,EAAAuB,EAAM,EAAE,CAC5B,EAEKO,EAAkBhC,EAAQ,CAAE,SAAAgB,CAAQ,CAAE,EAE5C,OACER,EAACyB,EAAa,SAAQ,CAAC,MAAOJ,EAC3B,SAAA,CAAAZ,EACDX,EAAC4B,YACC5B,EAAK,MAAA,CAAA,UAAW0B,EAAgB,OAAM,SACpC1B,SAAK,UAAWG,EAAGuB,EAAgB,UAAW,uBAAuB,WAAID,CAAY,CAAA,GAEhF,CAAA,CAAA,CAAA,CAAA,CAGf"}

package/dist/es/components/feedback/tooltip.js

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as u}from"react/jsx-runtime";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{useClickAway as j}from"../../hooks/useClickAway.js";import{useToggleState as k}from"../../hooks/useToggleState.js";import{tooltip as v}from"../../recipes/tooltip.js";import{Box as p}from"@styled/jsx";import{forwardRef as B,useState as E,useMemo as R,useRef as z,cloneElement as A}from"react";import{useTooltipTrigger as D,mergeProps as F}from"react-aria";const d=B((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=!1,...P}=t,[r,i]=E(!1),{isSelected:m,setSelected:o}=k({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(!1)},...t}),e=R(()=>({isOpen:m,open:()=>{o(!0)},close:s=>{if(s){o(!1);return}g?o(!1):(r&&setTimeout(()=>{o(!1),i(!1)},T),r||o(!1))}}),[m,r]),S=z(null),{triggerProps:a,tooltipProps:C}=D(t,e,S);a.onClick=()=>{e.open(),i(!0)};const M=j(()=>{e.close(!0)}),N=l.split(" ")[0],n=v({expand:y,isOpen:e.isOpen,placement:l,position:N});return c(p,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close()},onFocus:()=>{e.open()},onBlur:()=>{e.close()},children:[A(h,{...a,tabIndex:0}),c(p,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open()},...F(C,P),children:[u(b,{size:"sm",children:x}),e.isOpen&&u(p,{onMouseEnter:()=>{e.open()},className:n.spacer})]})]})});d.displayName="Tooltip";export{d as default};
+import{jsxs as m,jsx as c}from"react/jsx-runtime";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 M from"../primitives/text.js";import{useClickAway as N}from"../../hooks/useClickAway.js";import{useToggleState as b}from"../../hooks/useToggleState.js";import{tooltip as k}from"../../recipes/tooltip.js";import{forwardRef as E,useState as j,useMemo as R,useRef as q,cloneElement as z}from"react";import{useTooltipTrigger as A,mergeProps as B}from"react-aria";const d=E((t,u)=>{const f="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:g,content:h,width:x=288,closeDelay:O=2500,defaultOpen:T,placement:p="top",expand:v=!1,...w}=t,[i,r]=j(!1),{isSelected:l,setSelected:o}=b({isOpen:t.isOpen,defaultSelected:T,onChange(s){s||r(!1)},...t}),e=R(()=>({isOpen:l,open:()=>{o(!0)},close:s=>{if(s){o(!1);return}f?o(!1):(i&&setTimeout(()=>{o(!1),r(!1)},O),i||o(!1))}}),[l,i]),y=q(null),{triggerProps:a,tooltipProps:P}=A(t,e,y);a.onClick=()=>{e.open(),r(!0)};const S=N(()=>{e.close(!0)}),C=p.split(" ")[0],n=k({expand:v,isOpen:e.isOpen,placement:p,position:C});return m("div",{ref:S,className:n.trigger,onMouseLeave:()=>{e.close()},onFocus:()=>{e.open()},onBlur:()=>{e.close()},children:[z(g,{...a,tabIndex:0}),m("div",{ref:u,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:x},onMouseEnter:()=>{e.open()},...B(P,w),children:[c(M,{size:"sm",children:h}),e.isOpen&&c("div",{onMouseEnter:()=>{e.open()},className:n.spacer})]})]})});d.displayName="Tooltip";export{d as default};
 //# sourceMappingURL=tooltip.js.map

package/dist/es/components/feedback/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { tooltip } from '@recipes/tooltip';\nimport { Box } from '@styled/jsx';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\ntype Position = 'top' | 'bottom' | 'left' | 'right';\n\ntype Placement =\n  | 'top'\n  | 'top right'\n  | 'top left'\n  | 'left'\n  | 'left top'\n  | 'left bottom'\n  | 'right'\n  | 'right top'\n  | 'right bottom'\n  | 'bottom'\n  | 'bottom right'\n  | 'bottom left';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n    width?: number | string;\n    placement?: Placement;\n    expand?: boolean;\n  } & TooltipTriggerProps\n>;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const {\n    children,\n    content,\n    width = 288,\n    closeDelay = 2500,\n    defaultOpen,\n    placement = 'top',\n    expand = false,\n    ...restProps\n  } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  const position = placement.split(' ')[0] as Position;\n  const classes = tooltip({ expand, isOpen: state.isOpen, placement, position });\n\n  return (\n    <Box\n      ref={clickAwayRef}\n      className={classes.trigger}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <Box\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        className={classes.content}\n        style={{ width }}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <Box\n            onMouseEnter={() => {\n              state.open();\n            }}\n            className={classes.spacer}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","placement","expand","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","position","classes","tooltip","_jsxs","Box","cloneElement","mergeProps","_jsx","Text"],"mappings":"yrBAiCMA,MAAAA,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CACJ,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,IACR,WAAAC,EAAa,KACb,YAAAC,EACA,UAAAC,EAAY,MACZ,OAAAC,EAAS,GACT,GAAGC,CAAS,EACVV,EACE,CAACW,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQhB,EAAM,OACd,gBAAiBO,EACjB,SAASU,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGZ,CACJ,CAAA,EAEKkB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKb,EAWHa,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGN,CAAU,EAEVK,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBzB,EAAOkB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KACNN,EAAAA,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAEKU,EAAWpB,EAAU,MAAM,GAAG,EAAE,CAAC,EACjCqB,EAAUC,EAAQ,CAAE,OAAArB,EAAQ,OAAQS,EAAM,OAAQ,UAAAV,EAAW,SAAAoB,CAAQ,CAAE,EAE7E,OACEG,EAACC,EACC,CAAA,IAAKN,EACL,UAAWG,EAAQ,QACnB,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAe,EAAa9B,EAA0B,CACtC,GAAGoB,EACH,SAAU,CACX,CAAA,EACDQ,EAACC,EAAG,CACF,IAAK/B,EAAY,mBACA,UACjB,KAAK,UACL,UAAW4B,EAAQ,QACnB,MAAO,CAAE,MAAAxB,CAAO,EAChB,aAAc,IAAK,CACjBa,EAAM,KACR,CAAA,EACI,GAAAgB,EAAWV,EAAcd,CAAS,EAAC,SAAA,CAEvCyB,EAACC,EAAK,CAAA,KAAK,KAAM,SAAAhC,CAAe,CAAA,EAC/Bc,EAAM,QACLiB,EAACH,EAAG,CACF,aAAc,IAAK,CACjBd,EAAM,KACR,CAAA,EACA,UAAWW,EAAQ,MAAM,CAAA,CAE5B,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,EAED/B,EAAQ,YAAc"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { tooltip } from '@recipes/tooltip';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\ntype Position = 'top' | 'bottom' | 'left' | 'right';\n\ntype Placement =\n  | 'top'\n  | 'top right'\n  | 'top left'\n  | 'left'\n  | 'left top'\n  | 'left bottom'\n  | 'right'\n  | 'right top'\n  | 'right bottom'\n  | 'bottom'\n  | 'bottom right'\n  | 'bottom left';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n    width?: number | string;\n    placement?: Placement;\n    expand?: boolean;\n  } & TooltipTriggerProps\n>;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const {\n    children,\n    content,\n    width = 288,\n    closeDelay = 2500,\n    defaultOpen,\n    placement = 'top',\n    expand = false,\n    ...restProps\n  } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  const position = placement.split(' ')[0] as Position;\n  const classes = tooltip({ expand, isOpen: state.isOpen, placement, position });\n\n  return (\n    <div\n      ref={clickAwayRef}\n      className={classes.trigger}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <div\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        className={classes.content}\n        style={{ width }}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <div\n            onMouseEnter={() => {\n              state.open();\n            }}\n            className={classes.spacer}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","placement","expand","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","position","classes","tooltip","_jsxs","cloneElement","mergeProps","_jsx","Text"],"mappings":"upBAgCMA,MAAAA,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CACJ,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,IACR,WAAAC,EAAa,KACb,YAAAC,EACA,UAAAC,EAAY,MACZ,OAAAC,EAAS,GACT,GAAGC,CAAS,EACVV,EACE,CAACW,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQhB,EAAM,OACd,gBAAiBO,EACjB,SAASU,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGZ,CACJ,CAAA,EAEKkB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKb,EAWHa,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGN,CAAU,EAEVK,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBzB,EAAOkB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KAAI,EACVN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAEKU,EAAWpB,EAAU,MAAM,GAAG,EAAE,CAAC,EACjCqB,EAAUC,EAAQ,CAAE,OAAArB,EAAQ,OAAQS,EAAM,OAAQ,UAAAV,EAAW,SAAAoB,CAAQ,CAAE,EAE7E,OACEG,EAAA,MAAA,CACE,IAAKL,EACL,UAAWG,EAAQ,QACnB,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAc,EAAa7B,EAA0B,CACtC,GAAGoB,EACH,SAAU,EACX,EACDQ,EACE,MAAA,CAAA,IAAK9B,EACY,mBAAA,UACjB,KAAK,UACL,UAAW4B,EAAQ,QACnB,MAAO,CAAE,MAAAxB,CAAK,EACd,aAAc,IAAK,CACjBa,EAAM,KACR,CAAA,EAAC,GACGe,EAAWT,EAAcd,CAAS,EAEtC,SAAA,CAAAwB,EAACC,EAAI,CAAC,KAAK,KAAI,SAAE/B,CAAO,CAAA,EACvBc,EAAM,QACLgB,EACE,MAAA,CAAA,aAAc,IAAK,CACjBhB,EAAM,KACR,CAAA,EACA,UAAWW,EAAQ,MAAM,CAAA,CAE5B,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,EAED/B,EAAQ,YAAc"}

package/dist/es/components/icons/ico-add.js

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as e}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const s=({color:o,title:l,titleId:t,...r})=>{const i=o||n("colors.text.primary");return d("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":t,...r,children:[l?e("title",{id:t,children:l}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4V11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H11V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H13V4Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const d=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4V11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H11V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H13V4Z",fill:"currentColor"})]});export{d as default};
 //# sourceMappingURL=ico-add.js.map

package/dist/es/components/icons/ico-add.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-add.js","sources":["../../../../src/components/icons/ico-add.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 IcoAdd = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4V11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H11V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H13V4Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAdd;\n"],"names":["IcoAdd","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAS,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAEzE,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,uPACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-add.js","sources":["../../../../src/components/icons/ico-add.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAdd = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4V11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H11V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H13V4Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAdd;\n"],"names":["IcoAdd","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAS,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI1DC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,uPACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-airdrop.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const s=({color:r,title:t,titleId:C,...o})=>{const e=r||n("colors.text.primary");return i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,"aria-labelledby":C,...o,children:[t?l("title",{id:C,children:t}):null,l("path",{d:"M12.0003 0.375C16.7636 0.375181 20.6253 4.23666 20.6253 9V10.5H20.6234C20.623 10.8884 20.4234 11.2664 20.0628 11.4746L16.4134 13.5801C17.1618 14.3268 17.6253 15.3593 17.6253 16.5V19.5C17.6253 21.7781 15.7784 23.6248 13.5003 23.625H10.5003C8.22216 23.625 6.37534 21.7782 6.37534 19.5V16.5C6.37534 15.3596 6.83728 14.3268 7.5853 13.5801L3.93784 11.4746C3.57726 11.2664 3.37668 10.8884 3.37631 10.5H3.37534V9C3.37534 4.23654 7.23688 0.375 12.0003 0.375ZM10.5003 14.625C9.4648 14.625 8.62534 15.4645 8.62534 16.5V19.5C8.62534 20.5355 9.4648 21.375 10.5003 21.375H13.5003C14.5357 21.3748 15.3753 20.5354 15.3753 19.5V16.5C15.3753 15.4646 14.5357 14.6252 13.5003 14.625H10.5003ZM10.1664 9.47852C9.23082 9.10434 8.17058 9.28629 7.41537 9.93652L7.26791 10.0732L6.80795 10.5322L10.0433 12.4004C10.1933 12.3839 10.346 12.375 10.5003 12.375H10.8753V9.7002C10.6352 9.64402 10.398 9.57115 10.1664 9.47852ZM16.7328 10.0732C15.9727 9.31318 14.8324 9.07947 13.8343 9.47852C13.6028 9.57112 13.3653 9.64401 13.1253 9.7002V12.375H13.5003C13.6545 12.375 13.8066 12.3839 13.9564 12.4004L17.1917 10.5322L16.7328 10.0732ZM12.0003 2.625C8.64318 2.625 5.89338 5.22012 5.64487 8.51367L5.67709 8.48242C7.07368 7.08599 9.16856 6.65522 11.0023 7.38867C11.6429 7.64485 12.3578 7.64493 12.9984 7.38867L13.3451 7.26562C15.0913 6.71362 17.0143 7.17315 18.3236 8.48242L18.3539 8.5127C18.1048 5.21976 15.357 2.62517 12.0003 2.625Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";const o=({color:r,title:C,titleId:l,...e})=>i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":l,...e,children:[C?t("title",{id:l,children:C}):null,t("path",{d:"M12.0003 0.375C16.7636 0.375181 20.6253 4.23666 20.6253 9V10.5H20.6234C20.623 10.8884 20.4234 11.2664 20.0628 11.4746L16.4134 13.5801C17.1618 14.3268 17.6253 15.3593 17.6253 16.5V19.5C17.6253 21.7781 15.7784 23.6248 13.5003 23.625H10.5003C8.22216 23.625 6.37534 21.7782 6.37534 19.5V16.5C6.37534 15.3596 6.83728 14.3268 7.5853 13.5801L3.93784 11.4746C3.57726 11.2664 3.37668 10.8884 3.37631 10.5H3.37534V9C3.37534 4.23654 7.23688 0.375 12.0003 0.375ZM10.5003 14.625C9.4648 14.625 8.62534 15.4645 8.62534 16.5V19.5C8.62534 20.5355 9.4648 21.375 10.5003 21.375H13.5003C14.5357 21.3748 15.3753 20.5354 15.3753 19.5V16.5C15.3753 15.4646 14.5357 14.6252 13.5003 14.625H10.5003ZM10.1664 9.47852C9.23082 9.10434 8.17058 9.28629 7.41537 9.93652L7.26791 10.0732L6.80795 10.5322L10.0433 12.4004C10.1933 12.3839 10.346 12.375 10.5003 12.375H10.8753V9.7002C10.6352 9.64402 10.398 9.57115 10.1664 9.47852ZM16.7328 10.0732C15.9727 9.31318 14.8324 9.07947 13.8343 9.47852C13.6028 9.57112 13.3653 9.64401 13.1253 9.7002V12.375H13.5003C13.6545 12.375 13.8066 12.3839 13.9564 12.4004L17.1917 10.5322L16.7328 10.0732ZM12.0003 2.625C8.64318 2.625 5.89338 5.22012 5.64487 8.51367L5.67709 8.48242C7.07368 7.08599 9.16856 6.65522 11.0023 7.38867C11.6429 7.64485 12.3578 7.64493 12.9984 7.38867L13.3451 7.26562C15.0913 6.71362 17.0143 7.17315 18.3236 8.48242L18.3539 8.5127C18.1048 5.21976 15.357 2.62517 12.0003 2.625Z",fill:"currentColor"})]});export{o as default};
 //# sourceMappingURL=ico-airdrop.js.map

package/dist/es/components/icons/ico-airdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-airdrop.js","sources":["../../../../src/components/icons/ico-airdrop.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 IcoAirdrop = ({ 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.0003 0.375C16.7636 0.375181 20.6253 4.23666 20.6253 9V10.5H20.6234C20.623 10.8884 20.4234 11.2664 20.0628 11.4746L16.4134 13.5801C17.1618 14.3268 17.6253 15.3593 17.6253 16.5V19.5C17.6253 21.7781 15.7784 23.6248 13.5003 23.625H10.5003C8.22216 23.625 6.37534 21.7782 6.37534 19.5V16.5C6.37534 15.3596 6.83728 14.3268 7.5853 13.5801L3.93784 11.4746C3.57726 11.2664 3.37668 10.8884 3.37631 10.5H3.37534V9C3.37534 4.23654 7.23688 0.375 12.0003 0.375ZM10.5003 14.625C9.4648 14.625 8.62534 15.4645 8.62534 16.5V19.5C8.62534 20.5355 9.4648 21.375 10.5003 21.375H13.5003C14.5357 21.3748 15.3753 20.5354 15.3753 19.5V16.5C15.3753 15.4646 14.5357 14.6252 13.5003 14.625H10.5003ZM10.1664 9.47852C9.23082 9.10434 8.17058 9.28629 7.41537 9.93652L7.26791 10.0732L6.80795 10.5322L10.0433 12.4004C10.1933 12.3839 10.346 12.375 10.5003 12.375H10.8753V9.7002C10.6352 9.64402 10.398 9.57115 10.1664 9.47852ZM16.7328 10.0732C15.9727 9.31318 14.8324 9.07947 13.8343 9.47852C13.6028 9.57112 13.3653 9.64401 13.1253 9.7002V12.375H13.5003C13.6545 12.375 13.8066 12.3839 13.9564 12.4004L17.1917 10.5322L16.7328 10.0732ZM12.0003 2.625C8.64318 2.625 5.89338 5.22012 5.64487 8.51367L5.67709 8.48242C7.07368 7.08599 9.16856 6.65522 11.0023 7.38867C11.6429 7.64485 12.3578 7.64493 12.9984 7.38867L13.3451 7.26562C15.0913 6.71362 17.0143 7.17315 18.3236 8.48242L18.3539 8.5127C18.1048 5.21976 15.357 2.62517 12.0003 2.625Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAirdrop;\n"],"names":["IcoAirdrop","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"+FAYMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE7E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EAAK,kBACKF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,EAAA,QAAA,CAAO,GAAIL,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CM,EAAA,OAAA,CACE,EAAE,s3CACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA,CAEV"}
+{"version":3,"file":"ico-airdrop.js","sources":["../../../../src/components/icons/ico-airdrop.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAirdrop = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-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.0003 0.375C16.7636 0.375181 20.6253 4.23666 20.6253 9V10.5H20.6234C20.623 10.8884 20.4234 11.2664 20.0628 11.4746L16.4134 13.5801C17.1618 14.3268 17.6253 15.3593 17.6253 16.5V19.5C17.6253 21.7781 15.7784 23.6248 13.5003 23.625H10.5003C8.22216 23.625 6.37534 21.7782 6.37534 19.5V16.5C6.37534 15.3596 6.83728 14.3268 7.5853 13.5801L3.93784 11.4746C3.57726 11.2664 3.37668 10.8884 3.37631 10.5H3.37534V9C3.37534 4.23654 7.23688 0.375 12.0003 0.375ZM10.5003 14.625C9.4648 14.625 8.62534 15.4645 8.62534 16.5V19.5C8.62534 20.5355 9.4648 21.375 10.5003 21.375H13.5003C14.5357 21.3748 15.3753 20.5354 15.3753 19.5V16.5C15.3753 15.4646 14.5357 14.6252 13.5003 14.625H10.5003ZM10.1664 9.47852C9.23082 9.10434 8.17058 9.28629 7.41537 9.93652L7.26791 10.0732L6.80795 10.5322L10.0433 12.4004C10.1933 12.3839 10.346 12.375 10.5003 12.375H10.8753V9.7002C10.6352 9.64402 10.398 9.57115 10.1664 9.47852ZM16.7328 10.0732C15.9727 9.31318 14.8324 9.07947 13.8343 9.47852C13.6028 9.57112 13.3653 9.64401 13.1253 9.7002V12.375H13.5003C13.6545 12.375 13.8066 12.3839 13.9564 12.4004L17.1917 10.5322L16.7328 10.0732ZM12.0003 2.625C8.64318 2.625 5.89338 5.22012 5.64487 8.51367L5.67709 8.48242C7.07368 7.08599 9.16856 6.65522 11.0023 7.38867C11.6429 7.64485 12.3578 7.64493 12.9984 7.38867L13.3451 7.26562C15.0913 6.71362 17.0143 7.17315 18.3236 8.48242L18.3539 8.5127C18.1048 5.21976 15.357 2.62517 12.0003 2.625Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAirdrop;\n"],"names":["IcoAirdrop","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI9DC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BAQb,kBACKE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EAAA,OAAA,CACE,EAAE,s3CACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA"}

package/dist/es/components/icons/ico-alert-circle-fill.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as C}from"@styled/tokens";const d=({color:o,title:e,titleId:l,...r})=>{const i=o||C("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":l,...r,children:[e?t("title",{id:l,children:e}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 4.69686e-07 18.6274 1.04907e-06 12C1.62846e-06 5.37258 5.37259 -1.62846e-06 12 -1.04907e-06C18.6274 -4.69686e-07 24 5.37258 24 12ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5L11.991 18.5C11.1626 18.5 10.491 17.8284 10.491 17C10.491 16.1716 11.1626 15.5 11.991 15.5L12 15.5C12.8284 15.5 13.5 16.1716 13.5 17ZM11.9946 13C11.4423 13 10.9946 12.5523 10.9946 12L10.9946 6C10.9946 5.44771 11.4423 5 11.9946 5C12.5469 5 12.9946 5.44771 12.9946 6L12.9946 12C12.9946 12.5523 12.5469 13 11.9946 13Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const C=({color:o,title:e,titleId:l,...i})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o||"var(--color-text-primary)","aria-labelledby":l,...i,children:[e?t("title",{id:l,children:e}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 4.69686e-07 18.6274 1.04907e-06 12C1.62846e-06 5.37258 5.37259 -1.62846e-06 12 -1.04907e-06C18.6274 -4.69686e-07 24 5.37258 24 12ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5L11.991 18.5C11.1626 18.5 10.491 17.8284 10.491 17C10.491 16.1716 11.1626 15.5 11.991 15.5L12 15.5C12.8284 15.5 13.5 16.1716 13.5 17ZM11.9946 13C11.4423 13 10.9946 12.5523 10.9946 12L10.9946 6C10.9946 5.44771 11.4423 5 11.9946 5C12.5469 5 12.9946 5.44771 12.9946 6L12.9946 12C12.9946 12.5523 12.5469 13 11.9946 13Z",fill:"currentColor"})]});export{C as default};
 //# sourceMappingURL=ico-alert-circle-fill.js.map

package/dist/es/components/icons/ico-alert-circle-fill.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-alert-circle-fill.js","sources":["../../../../src/components/icons/ico-alert-circle-fill.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 IcoAlertCircleFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 4.69686e-07 18.6274 1.04907e-06 12C1.62846e-06 5.37258 5.37259 -1.62846e-06 12 -1.04907e-06C18.6274 -4.69686e-07 24 5.37258 24 12ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5L11.991 18.5C11.1626 18.5 10.491 17.8284 10.491 17C10.491 16.1716 11.1626 15.5 11.991 15.5L12 15.5C12.8284 15.5 13.5 16.1716 13.5 17ZM11.9946 13C11.4423 13 10.9946 12.5523 10.9946 12L10.9946 6C10.9946 5.44771 11.4423 5 11.9946 5C12.5469 5 12.9946 5.44771 12.9946 6L12.9946 12C12.9946 12.5523 12.5469 13 11.9946 13Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAlertCircleFill;\n"],"names":["IcoAlertCircleFill","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAqB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAErF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,uhBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-alert-circle-fill.js","sources":["../../../../src/components/icons/ico-alert-circle-fill.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAlertCircleFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 4.69686e-07 18.6274 1.04907e-06 12C1.62846e-06 5.37258 5.37259 -1.62846e-06 12 -1.04907e-06C18.6274 -4.69686e-07 24 5.37258 24 12ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5L11.991 18.5C11.1626 18.5 10.491 17.8284 10.491 17C10.491 16.1716 11.1626 15.5 11.991 15.5L12 15.5C12.8284 15.5 13.5 16.1716 13.5 17ZM11.9946 13C11.4423 13 10.9946 12.5523 10.9946 12L10.9946 6C10.9946 5.44771 11.4423 5 11.9946 5C12.5469 5 12.9946 5.44771 12.9946 6L12.9946 12C12.9946 12.5523 12.5469 13 11.9946 13Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAlertCircleFill;\n"],"names":["IcoAlertCircleFill","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAqB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAItEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,uhBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-alert-circle.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as l}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:r,title:e,titleId:t,...o})=>{const i=r||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":t,...o,children:[e?l("title",{id:t,children:e}):null,l("path",{d:"M13.2554 17C13.2554 17.6904 12.6957 18.25 12.0054 18.25L11.9964 18.25C11.306 18.25 10.7464 17.6904 10.7464 17C10.7464 16.3096 11.306 15.75 11.9964 15.75L12.0054 15.75C12.6957 15.75 13.2554 16.3096 13.2554 17Z",fill:"currentColor"}),l("path",{d:"M12 14C11.4477 14 11 13.5523 11 13L11 7C11 6.44771 11.4477 6 12 6C12.5523 6 13 6.44771 13 7L13 13C13 13.5523 12.5523 14 12 14Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 -4.69686e-07 12 -1.04907e-06C5.37259 -1.62846e-06 1.62846e-06 5.37258 1.04907e-06 12C4.69686e-07 18.6274 5.37258 24 12 24ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as C,jsx as l}from"react/jsx-runtime";const i=({color:o,title:e,titleId:t,...r})=>C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o||"var(--color-text-primary)","aria-labelledby":t,...r,children:[e?l("title",{id:t,children:e}):null,l("path",{d:"M13.2554 17C13.2554 17.6904 12.6957 18.25 12.0054 18.25L11.9964 18.25C11.306 18.25 10.7464 17.6904 10.7464 17C10.7464 16.3096 11.306 15.75 11.9964 15.75L12.0054 15.75C12.6957 15.75 13.2554 16.3096 13.2554 17Z",fill:"currentColor"}),l("path",{d:"M12 14C11.4477 14 11 13.5523 11 13L11 7C11 6.44771 11.4477 6 12 6C12.5523 6 13 6.44771 13 7L13 13C13 13.5523 12.5523 14 12 14Z",fill:"currentColor"}),l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 -4.69686e-07 12 -1.04907e-06C5.37259 -1.62846e-06 1.62846e-06 5.37258 1.04907e-06 12C4.69686e-07 18.6274 5.37258 24 12 24ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",fill:"currentColor"})]});export{i as default};
 //# sourceMappingURL=ico-alert-circle.js.map

package/dist/es/components/icons/ico-alert-circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-alert-circle.js","sources":["../../../../src/components/icons/ico-alert-circle.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 IcoAlertCircle = ({ 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=\"M13.2554 17C13.2554 17.6904 12.6957 18.25 12.0054 18.25L11.9964 18.25C11.306 18.25 10.7464 17.6904 10.7464 17C10.7464 16.3096 11.306 15.75 11.9964 15.75L12.0054 15.75C12.6957 15.75 13.2554 16.3096 13.2554 17Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12 14C11.4477 14 11 13.5523 11 13L11 7C11 6.44771 11.4477 6 12 6C12.5523 6 13 6.44771 13 7L13 13C13 13.5523 12.5523 14 12 14Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 -4.69686e-07 12 -1.04907e-06C5.37259 -1.62846e-06 1.62846e-06 5.37258 1.04907e-06 12C4.69686e-07 18.6274 5.37258 24 12 24ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAlertCircle;\n"],"names":["IcoAlertCircle","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAiB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAEjF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,oBACUF,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CM,EAAA,OAAA,CACE,EAAE,mNACF,KAAK,cAAc,CAAA,EAErBA,EACE,OAAA,CAAA,EAAE,iIACF,KAAK,cACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,oSACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-alert-circle.js","sources":["../../../../src/components/icons/ico-alert-circle.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAlertCircle = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-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=\"M13.2554 17C13.2554 17.6904 12.6957 18.25 12.0054 18.25L11.9964 18.25C11.306 18.25 10.7464 17.6904 10.7464 17C10.7464 16.3096 11.306 15.75 11.9964 15.75L12.0054 15.75C12.6957 15.75 13.2554 16.3096 13.2554 17Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12 14C11.4477 14 11 13.5523 11 13L11 7C11 6.44771 11.4477 6 12 6C12.5523 6 13 6.44771 13 7L13 13C13 13.5523 12.5523 14 12 14Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 -4.69686e-07 12 -1.04907e-06C5.37259 -1.62846e-06 1.62846e-06 5.37258 1.04907e-06 12C4.69686e-07 18.6274 5.37258 24 12 24ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAlertCircle;\n"],"names":["IcoAlertCircle","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAiB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIlEC,EACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,8CASRE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CI,EAAA,OAAA,CACE,EAAE,mNACF,KAAK,cAAc,CAAA,EAErBA,EACE,OAAA,CAAA,EAAE,iIACF,KAAK,cACL,CAAA,EACFA,UACE,SAAS,UACT,SAAS,UACT,EAAE,oSACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-arrow-down.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const s=({color:o,title:l,titleId:e,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2408 13.3492C17.6002 12.9299 18.2315 12.8813 18.6508 13.2407C19.0701 13.6002 19.1187 14.2315 18.7593 14.6508L12.7593 21.6508C12.5693 21.8724 12.2919 22 12 22C11.7081 22 11.4307 21.8724 11.2408 21.6508L5.24076 14.6508C4.88133 14.2315 4.9299 13.6002 5.34922 13.2407C5.76855 12.8813 6.39985 12.9299 6.75927 13.3492L11 18.2968L11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3L13 18.2967L17.2408 13.3492Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const d=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2408 13.3492C17.6002 12.9299 18.2315 12.8813 18.6508 13.2407C19.0701 13.6002 19.1187 14.2315 18.7593 14.6508L12.7593 21.6508C12.5693 21.8724 12.2919 22 12 22C11.7081 22 11.4307 21.8724 11.2408 21.6508L5.24076 14.6508C4.88133 14.2315 4.9299 13.6002 5.34922 13.2407C5.76855 12.8813 6.39985 12.9299 6.75927 13.3492L11 18.2968L11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3L13 18.2967L17.2408 13.3492Z",fill:"currentColor"})]});export{d as default};
 //# sourceMappingURL=ico-arrow-down.js.map

package/dist/es/components/icons/ico-arrow-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-arrow-down.js","sources":["../../../../src/components/icons/ico-arrow-down.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n  title?: string;\n  titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n  /**\n   * Configures icon color on monochrome svgs.\n   */\n  color?: string;\n}\nconst IcoArrowDown = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.2408 13.3492C17.6002 12.9299 18.2315 12.8813 18.6508 13.2407C19.0701 13.6002 19.1187 14.2315 18.7593 14.6508L12.7593 21.6508C12.5693 21.8724 12.2919 22 12 22C11.7081 22 11.4307 21.8724 11.2408 21.6508L5.24076 14.6508C4.88133 14.2315 4.9299 13.6002 5.34922 13.2407C5.76855 12.8813 6.39985 12.9299 6.75927 13.3492L11 18.2968L11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3L13 18.2967L17.2408 13.3492Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowDown;\n"],"names":["IcoArrowDown","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,8ZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-arrow-down.js","sources":["../../../../src/components/icons/ico-arrow-down.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoArrowDown = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.2408 13.3492C17.6002 12.9299 18.2315 12.8813 18.6508 13.2407C19.0701 13.6002 19.1187 14.2315 18.7593 14.6508L12.7593 21.6508C12.5693 21.8724 12.2919 22 12 22C11.7081 22 11.4307 21.8724 11.2408 21.6508L5.24076 14.6508C4.88133 14.2315 4.9299 13.6002 5.34922 13.2407C5.76855 12.8813 6.39985 12.9299 6.75927 13.3492L11 18.2968L11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3L13 18.2967L17.2408 13.3492Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowDown;\n"],"names":["IcoArrowDown","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIhEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,8ZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-arrow-left.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const s=({color:o,title:l,titleId:e,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6508 6.75927C11.0701 6.39985 11.1187 5.76855 10.7593 5.34923C10.3998 4.9299 9.76853 4.88134 9.34921 5.24076L2.34921 11.2408C2.12756 11.4307 2 11.7081 2 12C2 12.2919 2.12756 12.5693 2.34921 12.7593L9.34921 18.7593C9.76853 19.1187 10.3998 19.0701 10.7593 18.6508C11.1187 18.2315 11.0701 17.6002 10.6508 17.2408L5.70324 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H5.70328L10.6508 6.75927Z",fill:"currentColor"})]})};export{s as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const d=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.6508 6.75927C11.0701 6.39985 11.1187 5.76855 10.7593 5.34923C10.3998 4.9299 9.76853 4.88134 9.34921 5.24076L2.34921 11.2408C2.12756 11.4307 2 11.7081 2 12C2 12.2919 2.12756 12.5693 2.34921 12.7593L9.34921 18.7593C9.76853 19.1187 10.3998 19.0701 10.7593 18.6508C11.1187 18.2315 11.0701 17.6002 10.6508 17.2408L5.70324 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H5.70328L10.6508 6.75927Z",fill:"currentColor"})]});export{d as default};
 //# sourceMappingURL=ico-arrow-left.js.map

package/dist/es/components/icons/ico-arrow-left.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-arrow-left.js","sources":["../../../../src/components/icons/ico-arrow-left.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 IcoArrowLeft = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.6508 6.75927C11.0701 6.39985 11.1187 5.76855 10.7593 5.34923C10.3998 4.9299 9.76853 4.88134 9.34921 5.24076L2.34921 11.2408C2.12756 11.4307 2 11.7081 2 12C2 12.2919 2.12756 12.5693 2.34921 12.7593L9.34921 18.7593C9.76853 19.1187 10.3998 19.0701 10.7593 18.6508C11.1187 18.2315 11.0701 17.6002 10.6508 17.2408L5.70324 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H5.70328L10.6508 6.75927Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowLeft;\n"],"names":["IcoArrowLeft","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,0ZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-arrow-left.js","sources":["../../../../src/components/icons/ico-arrow-left.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoArrowLeft = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.6508 6.75927C11.0701 6.39985 11.1187 5.76855 10.7593 5.34923C10.3998 4.9299 9.76853 4.88134 9.34921 5.24076L2.34921 11.2408C2.12756 11.4307 2 11.7081 2 12C2 12.2919 2.12756 12.5693 2.34921 12.7593L9.34921 18.7593C9.76853 19.1187 10.3998 19.0701 10.7593 18.6508C11.1187 18.2315 11.0701 17.6002 10.6508 17.2408L5.70324 13H21C21.5523 13 22 12.5523 22 12C22 11.4477 21.5523 11 21 11H5.70328L10.6508 6.75927Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowLeft;\n"],"names":["IcoArrowLeft","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIhEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,0ZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-arrow-right.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const c=({color:o,title:l,titleId:e,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3492 6.75927C12.9299 6.39985 12.8813 5.76855 13.2407 5.34923C13.6002 4.9299 14.2315 4.88134 14.6508 5.24076L21.6508 11.2408C21.8724 11.4307 22 11.7081 22 12C22 12.2919 21.8724 12.5693 21.6508 12.7593L14.6508 18.7593C14.2315 19.1187 13.6002 19.0701 13.2407 18.6508C12.8813 18.2315 12.9299 17.6002 13.3492 17.2408L18.2968 13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11H18.2967L13.3492 6.75927Z",fill:"currentColor"})]})};export{c as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const d=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3492 6.75927C12.9299 6.39985 12.8813 5.76855 13.2407 5.34923C13.6002 4.9299 14.2315 4.88134 14.6508 5.24076L21.6508 11.2408C21.8724 11.4307 22 11.7081 22 12C22 12.2919 21.8724 12.5693 21.6508 12.7593L14.6508 18.7593C14.2315 19.1187 13.6002 19.0701 13.2407 18.6508C12.8813 18.2315 12.9299 17.6002 13.3492 17.2408L18.2968 13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11H18.2967L13.3492 6.75927Z",fill:"currentColor"})]});export{d as default};
 //# sourceMappingURL=ico-arrow-right.js.map

package/dist/es/components/icons/ico-arrow-right.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-arrow-right.js","sources":["../../../../src/components/icons/ico-arrow-right.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 IcoArrowRight = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.3492 6.75927C12.9299 6.39985 12.8813 5.76855 13.2407 5.34923C13.6002 4.9299 14.2315 4.88134 14.6508 5.24076L21.6508 11.2408C21.8724 11.4307 22 11.7081 22 12C22 12.2919 21.8724 12.5693 21.6508 12.7593L14.6508 18.7593C14.2315 19.1187 13.6002 19.0701 13.2407 18.6508C12.8813 18.2315 12.9299 17.6002 13.3492 17.2408L18.2968 13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11H18.2967L13.3492 6.75927Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowRight;\n"],"names":["IcoArrowRight","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAEhF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,wZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-arrow-right.js","sources":["../../../../src/components/icons/ico-arrow-right.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoArrowRight = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.3492 6.75927C12.9299 6.39985 12.8813 5.76855 13.2407 5.34923C13.6002 4.9299 14.2315 4.88134 14.6508 5.24076L21.6508 11.2408C21.8724 11.4307 22 11.7081 22 12C22 12.2919 21.8724 12.5693 21.6508 12.7593L14.6508 18.7593C14.2315 19.1187 13.6002 19.0701 13.2407 18.6508C12.8813 18.2315 12.9299 17.6002 13.3492 17.2408L18.2968 13H3C2.44772 13 2 12.5523 2 12C2 11.4477 2.44772 11 3 11H18.2967L13.3492 6.75927Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowRight;\n"],"names":["IcoArrowRight","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIjEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,wZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-arrow-up.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as e}from"react/jsx-runtime";import{token as d}from"@styled/tokens";const c=({color:o,title:l,titleId:t,...r})=>{const i=o||d("colors.text.primary");return n("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":t,...r,children:[l?e("title",{id:t,children:l}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2408 10.6508C17.6002 11.0701 18.2315 11.1187 18.6508 10.7593C19.0701 10.3998 19.1187 9.76853 18.7593 9.34921L12.7593 2.34921C12.5693 2.12756 12.2919 2 12 2C11.7081 2 11.4307 2.12756 11.2408 2.34921L5.24076 9.34921C4.88133 9.76853 4.9299 10.3998 5.34922 10.7593C5.76855 11.1187 6.39985 11.0701 6.75927 10.6508L11 5.70324L11 21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21L13 5.70328L17.2408 10.6508Z",fill:"currentColor"})]})};export{c as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const d=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2408 10.6508C17.6002 11.0701 18.2315 11.1187 18.6508 10.7593C19.0701 10.3998 19.1187 9.76853 18.7593 9.34921L12.7593 2.34921C12.5693 2.12756 12.2919 2 12 2C11.7081 2 11.4307 2.12756 11.2408 2.34921L5.24076 9.34921C4.88133 9.76853 4.9299 10.3998 5.34922 10.7593C5.76855 11.1187 6.39985 11.0701 6.75927 10.6508L11 5.70324L11 21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21L13 5.70328L17.2408 10.6508Z",fill:"currentColor"})]});export{d as default};
 //# sourceMappingURL=ico-arrow-up.js.map

package/dist/es/components/icons/ico-arrow-up.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-arrow-up.js","sources":["../../../../src/components/icons/ico-arrow-up.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 IcoArrowUp = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.2408 10.6508C17.6002 11.0701 18.2315 11.1187 18.6508 10.7593C19.0701 10.3998 19.1187 9.76853 18.7593 9.34921L12.7593 2.34921C12.5693 2.12756 12.2919 2 12 2C11.7081 2 11.4307 2.12756 11.2408 2.34921L5.24076 9.34921C4.88133 9.76853 4.9299 10.3998 5.34922 10.7593C5.76855 11.1187 6.39985 11.0701 6.75927 10.6508L11 5.70324L11 21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21L13 5.70328L17.2408 10.6508Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowUp;\n"],"names":["IcoArrowUp","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE7E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,gaACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-arrow-up.js","sources":["../../../../src/components/icons/ico-arrow-up.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoArrowUp = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.2408 10.6508C17.6002 11.0701 18.2315 11.1187 18.6508 10.7593C19.0701 10.3998 19.1187 9.76853 18.7593 9.34921L12.7593 2.34921C12.5693 2.12756 12.2919 2 12 2C11.7081 2 11.4307 2.12756 11.2408 2.34921L5.24076 9.34921C4.88133 9.76853 4.9299 10.3998 5.34922 10.7593C5.76855 11.1187 6.39985 11.0701 6.75927 10.6508L11 5.70324L11 21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21L13 5.70328L17.2408 10.6508Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoArrowUp;\n"],"names":["IcoArrowUp","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI9DC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,gaACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-asterisk-with-shield.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{token as L}from"@styled/tokens";const n=({color:t,title:l,titleId:C,...o})=>{const r=t||L("colors.text.primary");return i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":C,...o,children:[l?e("title",{id:C,children:l}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8 1.65357C11.5426 1.22485 12.4574 1.22485 13.2 1.65357L20.3603 5.78755C21.1028 6.21626 21.5603 7.00857 21.5603 7.86601V16.134C21.5603 16.9914 21.1028 17.7837 20.3603 18.2124L13.2 22.3464C12.4574 22.7751 11.5426 22.7751 10.8 22.3464L3.63975 18.2124C2.89719 17.7837 2.43975 16.9914 2.43975 16.134V7.86601C2.43975 7.00857 2.89719 6.21626 3.63975 5.78755L10.8 1.65357ZM12.3 3.21242C12.1144 3.10524 11.8856 3.10524 11.7 3.21242L4.53975 7.34639C4.35411 7.45357 4.23975 7.65165 4.23975 7.86601V16.134C4.23975 16.3483 4.35411 16.5464 4.53975 16.6536L11.7 20.7875C11.8856 20.8947 12.1144 20.8947 12.3 20.7875L19.4603 16.6536C19.6459 16.5464 19.7603 16.3483 19.7603 16.134V7.86601C19.7603 7.65165 19.6459 7.45357 19.4603 7.34639L12.3 3.21242ZM12 7.76795C12.4971 7.76795 12.9 8.17089 12.9 8.66795V10.4398L14.4367 9.55259C14.8672 9.30406 15.4176 9.45155 15.6661 9.88201C15.9147 10.3125 15.7672 10.8629 15.3367 11.1114L13.8 11.9987L15.3368 12.8859C15.7673 13.1345 15.9147 13.6849 15.6662 14.1153C15.4177 14.5458 14.8673 14.6933 14.4368 14.4448L12.9 13.5575V15.3346C12.9 15.8317 12.4971 16.2346 12 16.2346C11.5029 16.2346 11.1 15.8317 11.1 15.3346V13.5575L9.56322 14.4448C9.13276 14.6933 8.58232 14.5458 8.3338 14.1153C8.08527 13.6849 8.23276 13.1345 8.66322 12.8859L10.2 11.9987L8.66329 11.1114C8.23282 10.8629 8.08533 10.3125 8.33386 9.88201C8.58239 9.45155 9.13282 9.30406 9.56329 9.55259L11.1 10.4398V8.66795C11.1 8.17089 11.5029 7.76795 12 7.76795Z",fill:"currentColor"})]})};export{n as default};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";const r=({color:t,title:l,titleId:C,...i})=>o("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:t||"var(--color-text-primary)","aria-labelledby":C,...i,children:[l?e("title",{id:C,children:l}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8 1.65357C11.5426 1.22485 12.4574 1.22485 13.2 1.65357L20.3603 5.78755C21.1028 6.21626 21.5603 7.00857 21.5603 7.86601V16.134C21.5603 16.9914 21.1028 17.7837 20.3603 18.2124L13.2 22.3464C12.4574 22.7751 11.5426 22.7751 10.8 22.3464L3.63975 18.2124C2.89719 17.7837 2.43975 16.9914 2.43975 16.134V7.86601C2.43975 7.00857 2.89719 6.21626 3.63975 5.78755L10.8 1.65357ZM12.3 3.21242C12.1144 3.10524 11.8856 3.10524 11.7 3.21242L4.53975 7.34639C4.35411 7.45357 4.23975 7.65165 4.23975 7.86601V16.134C4.23975 16.3483 4.35411 16.5464 4.53975 16.6536L11.7 20.7875C11.8856 20.8947 12.1144 20.8947 12.3 20.7875L19.4603 16.6536C19.6459 16.5464 19.7603 16.3483 19.7603 16.134V7.86601C19.7603 7.65165 19.6459 7.45357 19.4603 7.34639L12.3 3.21242ZM12 7.76795C12.4971 7.76795 12.9 8.17089 12.9 8.66795V10.4398L14.4367 9.55259C14.8672 9.30406 15.4176 9.45155 15.6661 9.88201C15.9147 10.3125 15.7672 10.8629 15.3367 11.1114L13.8 11.9987L15.3368 12.8859C15.7673 13.1345 15.9147 13.6849 15.6662 14.1153C15.4177 14.5458 14.8673 14.6933 14.4368 14.4448L12.9 13.5575V15.3346C12.9 15.8317 12.4971 16.2346 12 16.2346C11.5029 16.2346 11.1 15.8317 11.1 15.3346V13.5575L9.56322 14.4448C9.13276 14.6933 8.58232 14.5458 8.3338 14.1153C8.08527 13.6849 8.23276 13.1345 8.66322 12.8859L10.2 11.9987L8.66329 11.1114C8.23282 10.8629 8.08533 10.3125 8.33386 9.88201C8.58239 9.45155 9.13282 9.30406 9.56329 9.55259L11.1 10.4398V8.66795C11.1 8.17089 11.5029 7.76795 12 7.76795Z",fill:"currentColor"})]});export{r as default};
 //# sourceMappingURL=ico-asterisk-with-shield.js.map

package/dist/es/components/icons/ico-asterisk-with-shield.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-asterisk-with-shield.js","sources":["../../../../src/components/icons/ico-asterisk-with-shield.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 IcoAsteriskWithShield = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.8 1.65357C11.5426 1.22485 12.4574 1.22485 13.2 1.65357L20.3603 5.78755C21.1028 6.21626 21.5603 7.00857 21.5603 7.86601V16.134C21.5603 16.9914 21.1028 17.7837 20.3603 18.2124L13.2 22.3464C12.4574 22.7751 11.5426 22.7751 10.8 22.3464L3.63975 18.2124C2.89719 17.7837 2.43975 16.9914 2.43975 16.134V7.86601C2.43975 7.00857 2.89719 6.21626 3.63975 5.78755L10.8 1.65357ZM12.3 3.21242C12.1144 3.10524 11.8856 3.10524 11.7 3.21242L4.53975 7.34639C4.35411 7.45357 4.23975 7.65165 4.23975 7.86601V16.134C4.23975 16.3483 4.35411 16.5464 4.53975 16.6536L11.7 20.7875C11.8856 20.8947 12.1144 20.8947 12.3 20.7875L19.4603 16.6536C19.6459 16.5464 19.7603 16.3483 19.7603 16.134V7.86601C19.7603 7.65165 19.6459 7.45357 19.4603 7.34639L12.3 3.21242ZM12 7.76795C12.4971 7.76795 12.9 8.17089 12.9 8.66795V10.4398L14.4367 9.55259C14.8672 9.30406 15.4176 9.45155 15.6661 9.88201C15.9147 10.3125 15.7672 10.8629 15.3367 11.1114L13.8 11.9987L15.3368 12.8859C15.7673 13.1345 15.9147 13.6849 15.6662 14.1153C15.4177 14.5458 14.8673 14.6933 14.4368 14.4448L12.9 13.5575V15.3346C12.9 15.8317 12.4971 16.2346 12 16.2346C11.5029 16.2346 11.1 15.8317 11.1 15.3346V13.5575L9.56322 14.4448C9.13276 14.6933 8.58232 14.5458 8.3338 14.1153C8.08527 13.6849 8.23276 13.1345 8.66322 12.8859L10.2 11.9987L8.66329 11.1114C8.23282 10.8629 8.08533 10.3125 8.33386 9.88201C8.58239 9.45155 9.13282 9.30406 9.56329 9.55259L11.1 10.4398V8.66795C11.1 8.17089 11.5029 7.76795 12 7.76795Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAsteriskWithShield;\n"],"names":["IcoAsteriskWithShield","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAwB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAExF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,s6CACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-asterisk-with-shield.js","sources":["../../../../src/components/icons/ico-asterisk-with-shield.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAsteriskWithShield = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.8 1.65357C11.5426 1.22485 12.4574 1.22485 13.2 1.65357L20.3603 5.78755C21.1028 6.21626 21.5603 7.00857 21.5603 7.86601V16.134C21.5603 16.9914 21.1028 17.7837 20.3603 18.2124L13.2 22.3464C12.4574 22.7751 11.5426 22.7751 10.8 22.3464L3.63975 18.2124C2.89719 17.7837 2.43975 16.9914 2.43975 16.134V7.86601C2.43975 7.00857 2.89719 6.21626 3.63975 5.78755L10.8 1.65357ZM12.3 3.21242C12.1144 3.10524 11.8856 3.10524 11.7 3.21242L4.53975 7.34639C4.35411 7.45357 4.23975 7.65165 4.23975 7.86601V16.134C4.23975 16.3483 4.35411 16.5464 4.53975 16.6536L11.7 20.7875C11.8856 20.8947 12.1144 20.8947 12.3 20.7875L19.4603 16.6536C19.6459 16.5464 19.7603 16.3483 19.7603 16.134V7.86601C19.7603 7.65165 19.6459 7.45357 19.4603 7.34639L12.3 3.21242ZM12 7.76795C12.4971 7.76795 12.9 8.17089 12.9 8.66795V10.4398L14.4367 9.55259C14.8672 9.30406 15.4176 9.45155 15.6661 9.88201C15.9147 10.3125 15.7672 10.8629 15.3367 11.1114L13.8 11.9987L15.3368 12.8859C15.7673 13.1345 15.9147 13.6849 15.6662 14.1153C15.4177 14.5458 14.8673 14.6933 14.4368 14.4448L12.9 13.5575V15.3346C12.9 15.8317 12.4971 16.2346 12 16.2346C11.5029 16.2346 11.1 15.8317 11.1 15.3346V13.5575L9.56322 14.4448C9.13276 14.6933 8.58232 14.5458 8.3338 14.1153C8.08527 13.6849 8.23276 13.1345 8.66322 12.8859L10.2 11.9987L8.66329 11.1114C8.23282 10.8629 8.08533 10.3125 8.33386 9.88201C8.58239 9.45155 9.13282 9.30406 9.56329 9.55259L11.1 10.4398V8.66795C11.1 8.17089 11.5029 7.76795 12 7.76795Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAsteriskWithShield;\n"],"names":["IcoAsteriskWithShield","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAwB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIzEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,s6CACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-asterisk.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as e}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:o,title:l,titleId:t,...r})=>{const i=o||n("colors.text.primary");return C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":t,...r,children:[l?e("title",{id:t,children:l}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3C12.5523 3 13 3.44772 13 4V10.2679L18.428 7.13409C18.9063 6.85795 19.5179 7.02183 19.794 7.50012C20.0702 7.97841 19.9063 8.59 19.428 8.86615L13.9999 12.0001L19.4282 15.1341C19.9065 15.4102 20.0704 16.0218 19.7942 16.5001C19.5181 16.9784 18.9065 17.1423 18.4282 16.8661L13 13.7322V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V13.732L5.57158 16.8661C5.09328 17.1423 4.4817 16.9784 4.20555 16.5001C3.92941 16.0218 4.09328 15.4102 4.57158 15.1341L9.99988 12.0001L4.57178 8.86615C4.09349 8.59 3.92961 7.97841 4.20575 7.50012C4.4819 7.02183 5.09349 6.85795 5.57178 7.13409L11 10.2681V4C11 3.44772 11.4477 3 12 3Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";const C=({color:i,title:l,titleId:e,...o})=>r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i||"var(--color-text-primary)","aria-labelledby":e,...o,children:[l?t("title",{id:e,children:l}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3C12.5523 3 13 3.44772 13 4V10.2679L18.428 7.13409C18.9063 6.85795 19.5179 7.02183 19.794 7.50012C20.0702 7.97841 19.9063 8.59 19.428 8.86615L13.9999 12.0001L19.4282 15.1341C19.9065 15.4102 20.0704 16.0218 19.7942 16.5001C19.5181 16.9784 18.9065 17.1423 18.4282 16.8661L13 13.7322V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V13.732L5.57158 16.8661C5.09328 17.1423 4.4817 16.9784 4.20555 16.5001C3.92941 16.0218 4.09328 15.4102 4.57158 15.1341L9.99988 12.0001L4.57178 8.86615C4.09349 8.59 3.92961 7.97841 4.20575 7.50012C4.4819 7.02183 5.09349 6.85795 5.57178 7.13409L11 10.2681V4C11 3.44772 11.4477 3 12 3Z",fill:"currentColor"})]});export{C as default};
 //# sourceMappingURL=ico-asterisk.js.map

package/dist/es/components/icons/ico-asterisk.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-asterisk.js","sources":["../../../../src/components/icons/ico-asterisk.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 IcoAsterisk = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 3C12.5523 3 13 3.44772 13 4V10.2679L18.428 7.13409C18.9063 6.85795 19.5179 7.02183 19.794 7.50012C20.0702 7.97841 19.9063 8.59 19.428 8.86615L13.9999 12.0001L19.4282 15.1341C19.9065 15.4102 20.0704 16.0218 19.7942 16.5001C19.5181 16.9784 18.9065 17.1423 18.4282 16.8661L13 13.7322V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V13.732L5.57158 16.8661C5.09328 17.1423 4.4817 16.9784 4.20555 16.5001C3.92941 16.0218 4.09328 15.4102 4.57158 15.1341L9.99988 12.0001L4.57178 8.86615C4.09349 8.59 3.92961 7.97841 4.20575 7.50012C4.4819 7.02183 5.09349 6.85795 5.57178 7.13409L11 10.2681V4C11 3.44772 11.4477 3 12 3Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAsterisk;\n"],"names":["IcoAsterisk","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAc,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE9E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,onBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-asterisk.js","sources":["../../../../src/components/icons/ico-asterisk.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAsterisk = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 3C12.5523 3 13 3.44772 13 4V10.2679L18.428 7.13409C18.9063 6.85795 19.5179 7.02183 19.794 7.50012C20.0702 7.97841 19.9063 8.59 19.428 8.86615L13.9999 12.0001L19.4282 15.1341C19.9065 15.4102 20.0704 16.0218 19.7942 16.5001C19.5181 16.9784 18.9065 17.1423 18.4282 16.8661L13 13.7322V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V13.732L5.57158 16.8661C5.09328 17.1423 4.4817 16.9784 4.20555 16.5001C3.92941 16.0218 4.09328 15.4102 4.57158 15.1341L9.99988 12.0001L4.57178 8.86615C4.09349 8.59 3.92961 7.97841 4.20575 7.50012C4.4819 7.02183 5.09349 6.85795 5.57178 7.13409L11 10.2681V4C11 3.44772 11.4477 3 12 3Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAsterisk;\n"],"names":["IcoAsterisk","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAc,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI/DC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,onBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-astronaut.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:e,title:C,titleId:l,...o})=>{const r=e||n("colors.text.primary");return i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[C?t("title",{id:l,children:C}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3C8.13401 3 5 6.13401 5 10C5 13.866 8.13401 17 12 17C15.866 17 19 13.866 19 10C19 6.13401 15.866 3 12 3ZM3 13C3.17045 13 3.33094 12.9574 3.47139 12.8821C3.8173 13.9061 4.34246 14.8475 5.00953 15.6691C2.63945 16.7906 1 19.2038 1 22V23H3V22C3 19.7252 4.51903 17.8053 6.59805 17.1992C8.10257 18.3299 9.97303 19 12 19C14.027 19 15.8974 18.3299 17.402 17.1992C19.481 17.8053 21 19.7252 21 22V23H23V22C23 19.2038 21.3606 16.7906 18.9905 15.6691C19.6575 14.8475 20.1827 13.9061 20.5286 12.8821C20.6691 12.9574 20.8295 13 21 13C21.5523 13 22 12.5523 22 12V8C22 7.44772 21.5523 7 21 7C20.8295 7 20.6691 7.04265 20.5286 7.11785C19.327 3.56085 15.9626 1 12 1C8.03744 1 4.67301 3.56085 3.47139 7.11785C3.33094 7.04265 3.17045 7 3 7C2.44771 7 2 7.44772 2 8L2 12C2 12.5523 2.44772 13 3 13ZM5 21C5 20.4477 5.44772 20 6 20H12C12.5523 20 13 20.4477 13 21C13 21.5523 12.5523 22 12 22H6C5.44772 22 5 21.5523 5 21ZM15 21C15 20.4477 15.4477 20 16 20H18C18.5523 20 19 20.4477 19 21C19 21.5523 18.5523 22 18 22H16C15.4477 22 15 21.5523 15 21ZM9.66667 6C7.64162 6 6 7.64162 6 9.66667V10C6 13.3137 8.68629 16 12 16C15.3137 16 18 13.3137 18 10V9.66667C18 7.64162 16.3584 6 14.3333 6H9.66667ZM8 9.66667C8 8.74619 8.74619 8 9.66667 8H14.3333C15.2538 8 16 8.74619 16 9.66667V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V9.66667Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";const r=({color:t,title:C,titleId:l,...i})=>o("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:t||"var(--color-text-primary)","aria-labelledby":l,...i,children:[C?e("title",{id:l,children:C}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 3C8.13401 3 5 6.13401 5 10C5 13.866 8.13401 17 12 17C15.866 17 19 13.866 19 10C19 6.13401 15.866 3 12 3ZM3 13C3.17045 13 3.33094 12.9574 3.47139 12.8821C3.8173 13.9061 4.34246 14.8475 5.00953 15.6691C2.63945 16.7906 1 19.2038 1 22V23H3V22C3 19.7252 4.51903 17.8053 6.59805 17.1992C8.10257 18.3299 9.97303 19 12 19C14.027 19 15.8974 18.3299 17.402 17.1992C19.481 17.8053 21 19.7252 21 22V23H23V22C23 19.2038 21.3606 16.7906 18.9905 15.6691C19.6575 14.8475 20.1827 13.9061 20.5286 12.8821C20.6691 12.9574 20.8295 13 21 13C21.5523 13 22 12.5523 22 12V8C22 7.44772 21.5523 7 21 7C20.8295 7 20.6691 7.04265 20.5286 7.11785C19.327 3.56085 15.9626 1 12 1C8.03744 1 4.67301 3.56085 3.47139 7.11785C3.33094 7.04265 3.17045 7 3 7C2.44771 7 2 7.44772 2 8L2 12C2 12.5523 2.44772 13 3 13ZM5 21C5 20.4477 5.44772 20 6 20H12C12.5523 20 13 20.4477 13 21C13 21.5523 12.5523 22 12 22H6C5.44772 22 5 21.5523 5 21ZM15 21C15 20.4477 15.4477 20 16 20H18C18.5523 20 19 20.4477 19 21C19 21.5523 18.5523 22 18 22H16C15.4477 22 15 21.5523 15 21ZM9.66667 6C7.64162 6 6 7.64162 6 9.66667V10C6 13.3137 8.68629 16 12 16C15.3137 16 18 13.3137 18 10V9.66667C18 7.64162 16.3584 6 14.3333 6H9.66667ZM8 9.66667C8 8.74619 8.74619 8 9.66667 8H14.3333C15.2538 8 16 8.74619 16 9.66667V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V9.66667Z",fill:"currentColor"})]});export{r as default};
 //# sourceMappingURL=ico-astronaut.js.map

package/dist/es/components/icons/ico-astronaut.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-astronaut.js","sources":["../../../../src/components/icons/ico-astronaut.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 IcoAstronaut = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 3C8.13401 3 5 6.13401 5 10C5 13.866 8.13401 17 12 17C15.866 17 19 13.866 19 10C19 6.13401 15.866 3 12 3ZM3 13C3.17045 13 3.33094 12.9574 3.47139 12.8821C3.8173 13.9061 4.34246 14.8475 5.00953 15.6691C2.63945 16.7906 1 19.2038 1 22V23H3V22C3 19.7252 4.51903 17.8053 6.59805 17.1992C8.10257 18.3299 9.97303 19 12 19C14.027 19 15.8974 18.3299 17.402 17.1992C19.481 17.8053 21 19.7252 21 22V23H23V22C23 19.2038 21.3606 16.7906 18.9905 15.6691C19.6575 14.8475 20.1827 13.9061 20.5286 12.8821C20.6691 12.9574 20.8295 13 21 13C21.5523 13 22 12.5523 22 12V8C22 7.44772 21.5523 7 21 7C20.8295 7 20.6691 7.04265 20.5286 7.11785C19.327 3.56085 15.9626 1 12 1C8.03744 1 4.67301 3.56085 3.47139 7.11785C3.33094 7.04265 3.17045 7 3 7C2.44771 7 2 7.44772 2 8L2 12C2 12.5523 2.44772 13 3 13ZM5 21C5 20.4477 5.44772 20 6 20H12C12.5523 20 13 20.4477 13 21C13 21.5523 12.5523 22 12 22H6C5.44772 22 5 21.5523 5 21ZM15 21C15 20.4477 15.4477 20 16 20H18C18.5523 20 19 20.4477 19 21C19 21.5523 18.5523 22 18 22H16C15.4477 22 15 21.5523 15 21ZM9.66667 6C7.64162 6 6 7.64162 6 9.66667V10C6 13.3137 8.68629 16 12 16C15.3137 16 18 13.3137 18 10V9.66667C18 7.64162 16.3584 6 14.3333 6H9.66667ZM8 9.66667C8 8.74619 8.74619 8 9.66667 8H14.3333C15.2538 8 16 8.74619 16 9.66667V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V9.66667Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAstronaut;\n"],"names":["IcoAstronaut","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE/E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,syCACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-astronaut.js","sources":["../../../../src/components/icons/ico-astronaut.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAstronaut = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 3C8.13401 3 5 6.13401 5 10C5 13.866 8.13401 17 12 17C15.866 17 19 13.866 19 10C19 6.13401 15.866 3 12 3ZM3 13C3.17045 13 3.33094 12.9574 3.47139 12.8821C3.8173 13.9061 4.34246 14.8475 5.00953 15.6691C2.63945 16.7906 1 19.2038 1 22V23H3V22C3 19.7252 4.51903 17.8053 6.59805 17.1992C8.10257 18.3299 9.97303 19 12 19C14.027 19 15.8974 18.3299 17.402 17.1992C19.481 17.8053 21 19.7252 21 22V23H23V22C23 19.2038 21.3606 16.7906 18.9905 15.6691C19.6575 14.8475 20.1827 13.9061 20.5286 12.8821C20.6691 12.9574 20.8295 13 21 13C21.5523 13 22 12.5523 22 12V8C22 7.44772 21.5523 7 21 7C20.8295 7 20.6691 7.04265 20.5286 7.11785C19.327 3.56085 15.9626 1 12 1C8.03744 1 4.67301 3.56085 3.47139 7.11785C3.33094 7.04265 3.17045 7 3 7C2.44771 7 2 7.44772 2 8L2 12C2 12.5523 2.44772 13 3 13ZM5 21C5 20.4477 5.44772 20 6 20H12C12.5523 20 13 20.4477 13 21C13 21.5523 12.5523 22 12 22H6C5.44772 22 5 21.5523 5 21ZM15 21C15 20.4477 15.4477 20 16 20H18C18.5523 20 19 20.4477 19 21C19 21.5523 18.5523 22 18 22H16C15.4477 22 15 21.5523 15 21ZM9.66667 6C7.64162 6 6 7.64162 6 9.66667V10C6 13.3137 8.68629 16 12 16C15.3137 16 18 13.3137 18 10V9.66667C18 7.64162 16.3584 6 14.3333 6H9.66667ZM8 9.66667C8 8.74619 8.74619 8 9.66667 8H14.3333C15.2538 8 16 8.74619 16 9.66667V10C16 12.2091 14.2091 14 12 14C9.79086 14 8 12.2091 8 10V9.66667Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAstronaut;\n"],"names":["IcoAstronaut","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAe,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIhEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,syCACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/es/components/icons/ico-atom.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{token as n}from"@styled/tokens";const d=({color:e,title:C,titleId:l,...o})=>{const r=e||n("colors.text.primary");return i("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[C?t("title",{id:l,children:C}):null,t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.1492 10.2047C19.4131 9.67572 19.6315 9.15896 19.8025 8.66188C20.5381 6.52443 20.3065 5.08784 19.6071 4.38817C18.9075 3.68859 17.471 3.45719 15.3334 4.19275C14.8362 4.36383 14.3193 4.58225 13.7902 4.84611C14.7709 5.56391 15.742 6.39484 16.672 7.32486C17.6014 8.25431 18.4318 9.22465 19.1492 10.2047ZM18.0369 12.1036C17.2873 10.9797 16.3553 9.83665 15.2578 8.73908C14.1595 7.64081 13.0156 6.70817 11.891 5.95823C10.8034 6.68868 9.70189 7.58972 8.64488 8.64669C7.58817 9.7034 6.68722 10.8047 5.95675 11.892C6.70673 13.0168 7.63942 14.1608 8.73774 15.2591C9.83537 16.3567 10.9786 17.2888 12.1025 18.0384C13.1898 17.3077 14.2911 16.4065 15.3479 15.3497C16.405 14.2926 17.3062 13.1911 18.0369 12.1036ZM14.004 19.1443C14.944 18.451 15.8725 17.6535 16.7621 16.7639C17.6519 15.8741 18.4495 14.9454 19.1429 14.0051C19.381 14.4861 19.581 14.956 19.7414 15.4089C20.4963 17.5403 20.2738 18.9438 19.6081 19.6095C18.9424 20.275 17.5388 20.4975 15.4076 19.7427C14.9547 19.5823 14.4849 19.3823 14.004 19.1443ZM12.1063 20.3946C13.0009 20.911 13.887 21.3256 14.7406 21.6279C17.0552 22.4476 19.4972 22.5487 21.0223 21.0237C22.5475 19.4985 22.4471 17.056 21.6272 14.7412C21.3249 13.8874 20.91 13.0013 20.3934 12.1066C20.9441 11.1589 21.3815 10.2182 21.6932 9.31237C22.499 6.97072 22.5631 4.51597 21.0213 2.97395C19.4793 1.43195 17.024 1.49552 14.6822 2.30137C13.7762 2.61317 12.8353 3.05063 11.8874 3.60151C10.9934 3.08545 10.108 2.67102 9.25495 2.3689C6.9402 1.54912 4.49765 1.44863 2.97247 2.97381C1.44752 4.49895 1.54857 6.94099 2.36826 9.2556C2.67031 10.1085 3.08454 10.9937 3.60034 11.8877C3.04882 12.8363 2.61089 13.778 2.29887 14.6847C1.49302 17.0265 1.42944 19.4818 2.97145 21.0238C4.51344 22.5656 6.96824 22.5015 9.30986 21.6957C10.2164 21.3838 11.1578 20.946 12.1063 20.3946ZM10.2042 19.1507C9.22379 18.4333 8.25315 17.6029 7.32353 16.6733C6.39333 15.7431 5.56237 14.7718 4.84461 13.7907C4.58028 14.3206 4.36153 14.8381 4.19024 15.3359C3.45472 17.4734 3.6861 18.91 4.38566 19.6096C5.08533 20.309 6.52192 20.5406 8.65938 19.805C9.15705 19.6338 9.67448 19.415 10.2042 19.1507ZM4.85076 9.98993C4.61319 9.50976 4.41358 9.04074 4.25341 8.58854C3.49861 6.45732 3.72114 5.05378 4.38669 4.38802C5.05237 3.72234 6.45581 3.49988 8.5872 4.25475C9.03948 4.41493 9.50857 4.61457 9.98881 4.85218C9.0488 5.54545 8.12027 6.3429 7.23066 7.23248C6.34131 8.12183 5.54398 9.05013 4.85076 9.98993ZM11.9982 14.7489C13.517 14.7489 14.7482 13.5176 14.7482 11.9989C14.7482 10.4801 13.517 9.24887 11.9982 9.24887C10.4794 9.24887 9.24822 10.4801 9.24822 11.9989C9.24822 13.5176 10.4794 14.7489 11.9982 14.7489Z",fill:"currentColor"})]})};export{d as default};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";const r=({color:t,title:C,titleId:l,...i})=>o("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:t||"var(--color-text-primary)","aria-labelledby":l,...i,children:[C?e("title",{id:l,children:C}):null,e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.1492 10.2047C19.4131 9.67572 19.6315 9.15896 19.8025 8.66188C20.5381 6.52443 20.3065 5.08784 19.6071 4.38817C18.9075 3.68859 17.471 3.45719 15.3334 4.19275C14.8362 4.36383 14.3193 4.58225 13.7902 4.84611C14.7709 5.56391 15.742 6.39484 16.672 7.32486C17.6014 8.25431 18.4318 9.22465 19.1492 10.2047ZM18.0369 12.1036C17.2873 10.9797 16.3553 9.83665 15.2578 8.73908C14.1595 7.64081 13.0156 6.70817 11.891 5.95823C10.8034 6.68868 9.70189 7.58972 8.64488 8.64669C7.58817 9.7034 6.68722 10.8047 5.95675 11.892C6.70673 13.0168 7.63942 14.1608 8.73774 15.2591C9.83537 16.3567 10.9786 17.2888 12.1025 18.0384C13.1898 17.3077 14.2911 16.4065 15.3479 15.3497C16.405 14.2926 17.3062 13.1911 18.0369 12.1036ZM14.004 19.1443C14.944 18.451 15.8725 17.6535 16.7621 16.7639C17.6519 15.8741 18.4495 14.9454 19.1429 14.0051C19.381 14.4861 19.581 14.956 19.7414 15.4089C20.4963 17.5403 20.2738 18.9438 19.6081 19.6095C18.9424 20.275 17.5388 20.4975 15.4076 19.7427C14.9547 19.5823 14.4849 19.3823 14.004 19.1443ZM12.1063 20.3946C13.0009 20.911 13.887 21.3256 14.7406 21.6279C17.0552 22.4476 19.4972 22.5487 21.0223 21.0237C22.5475 19.4985 22.4471 17.056 21.6272 14.7412C21.3249 13.8874 20.91 13.0013 20.3934 12.1066C20.9441 11.1589 21.3815 10.2182 21.6932 9.31237C22.499 6.97072 22.5631 4.51597 21.0213 2.97395C19.4793 1.43195 17.024 1.49552 14.6822 2.30137C13.7762 2.61317 12.8353 3.05063 11.8874 3.60151C10.9934 3.08545 10.108 2.67102 9.25495 2.3689C6.9402 1.54912 4.49765 1.44863 2.97247 2.97381C1.44752 4.49895 1.54857 6.94099 2.36826 9.2556C2.67031 10.1085 3.08454 10.9937 3.60034 11.8877C3.04882 12.8363 2.61089 13.778 2.29887 14.6847C1.49302 17.0265 1.42944 19.4818 2.97145 21.0238C4.51344 22.5656 6.96824 22.5015 9.30986 21.6957C10.2164 21.3838 11.1578 20.946 12.1063 20.3946ZM10.2042 19.1507C9.22379 18.4333 8.25315 17.6029 7.32353 16.6733C6.39333 15.7431 5.56237 14.7718 4.84461 13.7907C4.58028 14.3206 4.36153 14.8381 4.19024 15.3359C3.45472 17.4734 3.6861 18.91 4.38566 19.6096C5.08533 20.309 6.52192 20.5406 8.65938 19.805C9.15705 19.6338 9.67448 19.415 10.2042 19.1507ZM4.85076 9.98993C4.61319 9.50976 4.41358 9.04074 4.25341 8.58854C3.49861 6.45732 3.72114 5.05378 4.38669 4.38802C5.05237 3.72234 6.45581 3.49988 8.5872 4.25475C9.03948 4.41493 9.50857 4.61457 9.98881 4.85218C9.0488 5.54545 8.12027 6.3429 7.23066 7.23248C6.34131 8.12183 5.54398 9.05013 4.85076 9.98993ZM11.9982 14.7489C13.517 14.7489 14.7482 13.5176 14.7482 11.9989C14.7482 10.4801 13.517 9.24887 11.9982 9.24887C10.4794 9.24887 9.24822 10.4801 9.24822 11.9989C9.24822 13.5176 10.4794 14.7489 11.9982 14.7489Z",fill:"currentColor"})]});export{r as default};
 //# sourceMappingURL=ico-atom.js.map

package/dist/es/components/icons/ico-atom.js.map

@@ -1 +1 @@
-{"version":3,"file":"ico-atom.js","sources":["../../../../src/components/icons/ico-atom.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 IcoAtom = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || token('colors.text.primary');\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.1492 10.2047C19.4131 9.67572 19.6315 9.15896 19.8025 8.66188C20.5381 6.52443 20.3065 5.08784 19.6071 4.38817C18.9075 3.68859 17.471 3.45719 15.3334 4.19275C14.8362 4.36383 14.3193 4.58225 13.7902 4.84611C14.7709 5.56391 15.742 6.39484 16.672 7.32486C17.6014 8.25431 18.4318 9.22465 19.1492 10.2047ZM18.0369 12.1036C17.2873 10.9797 16.3553 9.83665 15.2578 8.73908C14.1595 7.64081 13.0156 6.70817 11.891 5.95823C10.8034 6.68868 9.70189 7.58972 8.64488 8.64669C7.58817 9.7034 6.68722 10.8047 5.95675 11.892C6.70673 13.0168 7.63942 14.1608 8.73774 15.2591C9.83537 16.3567 10.9786 17.2888 12.1025 18.0384C13.1898 17.3077 14.2911 16.4065 15.3479 15.3497C16.405 14.2926 17.3062 13.1911 18.0369 12.1036ZM14.004 19.1443C14.944 18.451 15.8725 17.6535 16.7621 16.7639C17.6519 15.8741 18.4495 14.9454 19.1429 14.0051C19.381 14.4861 19.581 14.956 19.7414 15.4089C20.4963 17.5403 20.2738 18.9438 19.6081 19.6095C18.9424 20.275 17.5388 20.4975 15.4076 19.7427C14.9547 19.5823 14.4849 19.3823 14.004 19.1443ZM12.1063 20.3946C13.0009 20.911 13.887 21.3256 14.7406 21.6279C17.0552 22.4476 19.4972 22.5487 21.0223 21.0237C22.5475 19.4985 22.4471 17.056 21.6272 14.7412C21.3249 13.8874 20.91 13.0013 20.3934 12.1066C20.9441 11.1589 21.3815 10.2182 21.6932 9.31237C22.499 6.97072 22.5631 4.51597 21.0213 2.97395C19.4793 1.43195 17.024 1.49552 14.6822 2.30137C13.7762 2.61317 12.8353 3.05063 11.8874 3.60151C10.9934 3.08545 10.108 2.67102 9.25495 2.3689C6.9402 1.54912 4.49765 1.44863 2.97247 2.97381C1.44752 4.49895 1.54857 6.94099 2.36826 9.2556C2.67031 10.1085 3.08454 10.9937 3.60034 11.8877C3.04882 12.8363 2.61089 13.778 2.29887 14.6847C1.49302 17.0265 1.42944 19.4818 2.97145 21.0238C4.51344 22.5656 6.96824 22.5015 9.30986 21.6957C10.2164 21.3838 11.1578 20.946 12.1063 20.3946ZM10.2042 19.1507C9.22379 18.4333 8.25315 17.6029 7.32353 16.6733C6.39333 15.7431 5.56237 14.7718 4.84461 13.7907C4.58028 14.3206 4.36153 14.8381 4.19024 15.3359C3.45472 17.4734 3.6861 18.91 4.38566 19.6096C5.08533 20.309 6.52192 20.5406 8.65938 19.805C9.15705 19.6338 9.67448 19.415 10.2042 19.1507ZM4.85076 9.98993C4.61319 9.50976 4.41358 9.04074 4.25341 8.58854C3.49861 6.45732 3.72114 5.05378 4.38669 4.38802C5.05237 3.72234 6.45581 3.49988 8.5872 4.25475C9.03948 4.41493 9.50857 4.61457 9.98881 4.85218C9.0488 5.54545 8.12027 6.3429 7.23066 7.23248C6.34131 8.12183 5.54398 9.05013 4.85076 9.98993ZM11.9982 14.7489C13.517 14.7489 14.7482 13.5176 14.7482 11.9989C14.7482 10.4801 13.517 9.24887 11.9982 9.24887C10.4794 9.24887 9.24822 10.4801 9.24822 11.9989C9.24822 13.5176 10.4794 14.7489 11.9982 14.7489Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAtom;\n"],"names":["IcoAtom","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAE1E,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EACU,kBAAAF,EACb,GAAAC,YAEHF,EAAQM,EAAO,QAAA,CAAA,GAAIL,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,UACE,SAAS,UACT,SAAS,UACT,EAAE,mhFACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA,CAGR"}
+{"version":3,"file":"ico-atom.js","sources":["../../../../src/components/icons/ico-atom.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\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 IcoAtom = ({ color: customColor, title, titleId, ...props }: Props) => {\n  // Utilize dynamic primary text color by default\n  const color = customColor || 'var(--color-text-primary)';\n  return (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      color={color}\n      aria-labelledby={titleId}\n      {...props}\n    >\n      {title ? <title id={titleId}>{title}</title> : null}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.1492 10.2047C19.4131 9.67572 19.6315 9.15896 19.8025 8.66188C20.5381 6.52443 20.3065 5.08784 19.6071 4.38817C18.9075 3.68859 17.471 3.45719 15.3334 4.19275C14.8362 4.36383 14.3193 4.58225 13.7902 4.84611C14.7709 5.56391 15.742 6.39484 16.672 7.32486C17.6014 8.25431 18.4318 9.22465 19.1492 10.2047ZM18.0369 12.1036C17.2873 10.9797 16.3553 9.83665 15.2578 8.73908C14.1595 7.64081 13.0156 6.70817 11.891 5.95823C10.8034 6.68868 9.70189 7.58972 8.64488 8.64669C7.58817 9.7034 6.68722 10.8047 5.95675 11.892C6.70673 13.0168 7.63942 14.1608 8.73774 15.2591C9.83537 16.3567 10.9786 17.2888 12.1025 18.0384C13.1898 17.3077 14.2911 16.4065 15.3479 15.3497C16.405 14.2926 17.3062 13.1911 18.0369 12.1036ZM14.004 19.1443C14.944 18.451 15.8725 17.6535 16.7621 16.7639C17.6519 15.8741 18.4495 14.9454 19.1429 14.0051C19.381 14.4861 19.581 14.956 19.7414 15.4089C20.4963 17.5403 20.2738 18.9438 19.6081 19.6095C18.9424 20.275 17.5388 20.4975 15.4076 19.7427C14.9547 19.5823 14.4849 19.3823 14.004 19.1443ZM12.1063 20.3946C13.0009 20.911 13.887 21.3256 14.7406 21.6279C17.0552 22.4476 19.4972 22.5487 21.0223 21.0237C22.5475 19.4985 22.4471 17.056 21.6272 14.7412C21.3249 13.8874 20.91 13.0013 20.3934 12.1066C20.9441 11.1589 21.3815 10.2182 21.6932 9.31237C22.499 6.97072 22.5631 4.51597 21.0213 2.97395C19.4793 1.43195 17.024 1.49552 14.6822 2.30137C13.7762 2.61317 12.8353 3.05063 11.8874 3.60151C10.9934 3.08545 10.108 2.67102 9.25495 2.3689C6.9402 1.54912 4.49765 1.44863 2.97247 2.97381C1.44752 4.49895 1.54857 6.94099 2.36826 9.2556C2.67031 10.1085 3.08454 10.9937 3.60034 11.8877C3.04882 12.8363 2.61089 13.778 2.29887 14.6847C1.49302 17.0265 1.42944 19.4818 2.97145 21.0238C4.51344 22.5656 6.96824 22.5015 9.30986 21.6957C10.2164 21.3838 11.1578 20.946 12.1063 20.3946ZM10.2042 19.1507C9.22379 18.4333 8.25315 17.6029 7.32353 16.6733C6.39333 15.7431 5.56237 14.7718 4.84461 13.7907C4.58028 14.3206 4.36153 14.8381 4.19024 15.3359C3.45472 17.4734 3.6861 18.91 4.38566 19.6096C5.08533 20.309 6.52192 20.5406 8.65938 19.805C9.15705 19.6338 9.67448 19.415 10.2042 19.1507ZM4.85076 9.98993C4.61319 9.50976 4.41358 9.04074 4.25341 8.58854C3.49861 6.45732 3.72114 5.05378 4.38669 4.38802C5.05237 3.72234 6.45581 3.49988 8.5872 4.25475C9.03948 4.41493 9.50857 4.61457 9.98881 4.85218C9.0488 5.54545 8.12027 6.3429 7.23066 7.23248C6.34131 8.12183 5.54398 9.05013 4.85076 9.98993ZM11.9982 14.7489C13.517 14.7489 14.7482 13.5176 14.7482 11.9989C14.7482 10.4801 13.517 9.24887 11.9982 9.24887C10.4794 9.24887 9.24822 10.4801 9.24822 11.9989C9.24822 13.5176 10.4794 14.7489 11.9982 14.7489Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\nexport default IcoAtom;\n"],"names":["IcoAtom","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAWA,MAAMA,EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI3DC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,UACE,SAAS,UACT,SAAS,UACT,EAAE,mhFACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}