@atom-learning/components 6.0.0-beta.5 → 6.0.0-beta.7

package/dist/components/badge/Badge.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as x}from"../flex/Flex.js";import{Icon as $}from"../icon/Icon.js";import{styled as k}from"../../stitches.js";import{useCallbackRefState as v}from"../../utilities/hooks/useCallbackRef.js";import{BadgeContext as y,BadgeProvider as B}from"./Badge.context.js";import{BadgeIcon as a}from"./BadgeIcon.js";import{BadgeText as n}from"./BadgeText.js";import{colorSchemes as C,badgeSemanticNames as w}from"./stitches.badge.colorscheme.config.js";import{OptionalTooltipWrapper as O}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const S=k(x,{justifyContent:"center",alignItems:"center",borderRadius:"$0",minWidth:0,border:"1px solid #FFFFFF",fontFamily:"$body","& > *:not(:last-child)":{mr:"$1"},variants:{emphasis:{white:{color:"$textOnWhite",background:"white"},subtle:{color:"$textSubtle",background:"$backgroundSubtle"},bold:{color:"$textBold",background:"$backgroundBold"}},size:{xs:{px:"$1"},sm:{px:"$1",py:"$0"},md:{px:"$2",py:"$1"}},isClickable:{true:{cursor:"pointer"}},highlighted:{true:{}}},compoundVariants:[{isClickable:!0,emphasis:"white",css:{"&:hover":{color:"$textOnWhite",background:"color-mix(in srgb, $textOnWhite, transparent 92%)"}}},{isClickable:!0,emphasis:"subtle",css:{"&:hover":{color:"$textSubtleHover",background:"$backgroundSubtleHover"}}},{isClickable:!0,emphasis:"bold",css:{"&:hover":{color:"$textBold",background:"$backgroundBoldHover"}}},{emphasis:"white",highlighted:!0,css:{color:"$textOnWhite",background:"color-mix(in srgb, $textOnWhite, transparent 92%)"}},{emphasis:"subtle",highlighted:!0,css:{color:"$textSubtleHover",background:"$backgroundSubtleHover"}},{emphasis:"bold",highlighted:!0,css:{color:"$textBold",background:"$backgroundBoldHover"}}]}),F=e.forwardRef(({theme:r="info",emphasis:s="subtle",children:i,...o},d)=>{const{size:m,overflow:b,isOverflowing:p}=e.useContext(y),[l,u]=v();e.useImperativeHandle(d,()=>l);const h=l==null?void 0:l.textContent,g=w.includes(r),f=Object.keys(o).includes("onClick")||Object.keys(o).includes("href");return e.createElement(O,{hasTooltip:b==="ellipsis"&&p,label:h},e.createElement(S,{role:"status",emphasis:s,size:m,...o,className:C[r],ref:u,isClickable:f&&!g},e.Children.map(i,t=>typeof t=="string"||typeof t=="number"?e.createElement(n,null,t):e.isValidElement(t)&&t.type===$?e.createElement(a,{...t.props}):t)))}),c=e.forwardRef(({size:r="sm",overflow:s="wrap",...i},o)=>e.createElement(B,{size:r,overflow:s},e.createElement(F,{...i,ref:o}))),E=Object.assign(c,{Icon:a,Text:n});c.displayName="Badge";export{E as Badge};
+import*as e from"react";import{Flex as f}from"../flex/Flex.js";import{Icon as v}from"../icon/Icon.js";import{styled as w,Theme as k}from"../../styled.js";import{useCallbackRefState as y}from"../../utilities/hooks/useCallbackRef.js";import{colorSchemes as C,badgeSemanticNames as E}from"./Badge.colorscheme.config.js";import{BadgeContext as B,BadgeProvider as O}from"./Badge.context.js";import{BadgeIcon as a}from"./BadgeIcon.js";import{BadgeText as n}from"./BadgeText.js";import{OptionalTooltipWrapper as z}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const T=w(f,{base:["justify-center","items-center","rounded-sm","min-w-none","border","border-white","font-body","*:not-last:mr-1"],variants:{emphasis:{white:["text-(--text-on-white)","bg-white"],subtle:["text-(--text-subtle)","bg-(--background-subtle)"],bold:["text-(--text-bold)","bg-(--background-bold)"]},size:{xs:["px-1"],sm:["px-1","py-0.5"],md:["px-2","py-1"]},isClickable:{true:["cursor-pointer"]},highlighted:{true:[]}},compoundVariants:[{isClickable:!0,emphasis:"white",class:["hover:text-(--text-on-white)","hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]},{isClickable:!0,emphasis:"subtle",class:["hover:bg-(--background-subtle-hover)","hover:text-(--text-subtle-hover)"]},{isClickable:!0,emphasis:"bold",class:["hover:bg-(--background-bold-hover)","hover:text-(--text-bold)"]},{emphasis:"white",highlighted:!0,class:["text-(--text-on-white)","bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]"]},{emphasis:"subtle",highlighted:!0,class:["text-(--text-subtle-hover)","(--bg-background-subtle-hover)"]},{emphasis:"bold",highlighted:!0,class:["text-(--text-bold)","bg-(--background-bold-hover)"]}]}),j=e.forwardRef(({theme:r="info",emphasis:s="subtle",children:i,...o},b)=>{const{size:h,overflow:c,isOverflowing:d}=e.useContext(B),[l,p]=y();e.useImperativeHandle(b,()=>l);const g=l==null?void 0:l.textContent,u=E.includes(r),x=Object.keys(o).includes("onClick")||Object.keys(o).includes("href");return e.createElement(z,{hasTooltip:c==="ellipsis"&&d,label:g},e.createElement(k,{theme:C[r]},e.createElement(T,{role:"status",emphasis:s,size:h,...o,ref:p,isClickable:x&&!u},e.Children.map(i,t=>typeof t=="string"||typeof t=="number"?e.createElement(n,null,t):e.isValidElement(t)&&t.type===v?e.createElement(a,{...t.props}):t))))}),m=e.forwardRef(({size:r="sm",overflow:s="wrap",...i},o)=>e.createElement(O,{size:r,overflow:s},e.createElement(j,{...i,ref:o}))),I=Object.assign(m,{Icon:a,Text:n});m.displayName="Badge";export{I as Badge};
 //# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\n\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\nimport {\n  badgeSemanticNames,\n  colorSchemes as badgeColorSchemes\n} from './stitches.badge.colorscheme.config'\n\nconst StyledBadge = styled(Flex, {\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '$0',\n  minWidth: 0,\n  border: '1px solid #FFFFFF',\n  fontFamily: '$body',\n  '& > *:not(:last-child)': {\n    mr: '$1'\n  },\n  variants: {\n    emphasis: {\n      white: {\n        color: '$textOnWhite',\n        background: 'white'\n      },\n      subtle: {\n        color: '$textSubtle',\n        background: '$backgroundSubtle'\n      },\n      bold: {\n        color: '$textBold',\n        background: '$backgroundBold'\n      }\n    },\n    size: {\n      xs: {\n        px: '$1'\n      },\n      sm: {\n        px: '$1',\n        py: '$0'\n      },\n      md: {\n        px: '$2',\n        py: '$1'\n      }\n    },\n\n    isClickable: {\n      true: {\n        cursor: 'pointer'\n      }\n    },\n    highlighted: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      isClickable: true,\n      emphasis: 'white',\n      css: {\n        '&:hover': {\n          color: '$textOnWhite',\n          background: 'color-mix(in srgb, $textOnWhite, transparent 92%)'\n        }\n      }\n    },\n    {\n      isClickable: true,\n      emphasis: 'subtle',\n      css: {\n        '&:hover': {\n          color: '$textSubtleHover',\n          background: '$backgroundSubtleHover'\n        }\n      }\n    },\n    {\n      isClickable: true,\n      emphasis: 'bold',\n      css: {\n        '&:hover': {\n          color: '$textBold',\n          background: '$backgroundBoldHover'\n        }\n      }\n    },\n    {\n      emphasis: 'white',\n      highlighted: true,\n      css: {\n        color: '$textOnWhite',\n        background: 'color-mix(in srgb, $textOnWhite, transparent 92%)'\n      }\n    },\n    {\n      emphasis: 'subtle',\n      highlighted: true,\n      css: {\n        color: '$textSubtleHover',\n        background: '$backgroundSubtleHover'\n      }\n    },\n    {\n      emphasis: 'bold',\n      highlighted: true,\n      css: {\n        color: '$textBold',\n        background: '$backgroundBoldHover'\n      }\n    }\n  ]\n})\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  theme?: keyof typeof badgeColorSchemes\n  overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner: React.ForwardRefExoticComponent<TBadgeInnerProps> =\n  React.forwardRef(\n    ({ theme = 'info', emphasis = 'subtle', children, ...rest }, ref) => {\n      const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n      const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n      React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n      const label = badgeElRef?.textContent\n\n      const isInfoOnly = badgeSemanticNames.includes(theme)\n\n      const isClickable =\n        Object.keys(rest).includes('onClick') ||\n        Object.keys(rest).includes('href')\n\n      return (\n        <OptionalTooltipWrapper\n          hasTooltip={overflow === 'ellipsis' && isOverflowing}\n          label={label}\n        >\n          <StyledBadge\n            role=\"status\"\n            emphasis={emphasis}\n            size={size}\n            {...rest}\n            className={badgeColorSchemes[theme]}\n            ref={setBadgeElRef}\n            isClickable={isClickable && !isInfoOnly}\n          >\n            {React.Children.map(children, (child) => {\n              if (typeof child === 'string' || typeof child === 'number') {\n                return <BadgeText>{child}</BadgeText>\n              }\n              if (React.isValidElement(child) && child.type === Icon) {\n                return <BadgeIcon {...child.props} />\n              }\n              return child\n            })}\n          </StyledBadge>\n        </OptionalTooltipWrapper>\n      )\n    }\n  )\n\nconst BadgeComponent: React.ForwardRefExoticComponent<TBadgeProps> =\n  React.forwardRef(({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n    return (\n      <BadgeProvider size={size} overflow={overflow}>\n        <BadgeInner {...rest} ref={ref} />\n      </BadgeProvider>\n    )\n  })\n\nexport const Badge = Object.assign(BadgeComponent, {\n  Icon: BadgeIcon,\n  Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"names":["StyledBadge","styled","Flex","BadgeInner","React","theme","emphasis","children","rest","ref","size","overflow","isOverflowing","BadgeContext","badgeElRef","setBadgeElRef","useCallbackRefState","label","isInfoOnly","badgeSemanticNames","isClickable","OptionalTooltipWrapper","badgeColorSchemes","child","BadgeText","Icon","BadgeIcon","BadgeComponent","BadgeProvider","Badge"],"mappings":"okBAiBA,MAAMA,EAAcC,EAAOC,EAAM,CAC/B,eAAgB,SAChB,WAAY,SACZ,aAAc,KACd,SAAU,EACV,OAAQ,oBACR,WAAY,QACZ,yBAA0B,CACxB,GAAI,IACN,EACA,SAAU,CACR,SAAU,CACR,MAAO,CACL,MAAO,eACP,WAAY,OACd,EACA,OAAQ,CACN,MAAO,cACP,WAAY,mBACd,EACA,KAAM,CACJ,MAAO,YACP,WAAY,iBACd,CACF,EACA,KAAM,CACJ,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACJ,GAAI,IACN,CACF,EAEA,YAAa,CACX,KAAM,CACJ,OAAQ,SACV,CACF,EACA,YAAa,CACX,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,SAAU,QACV,IAAK,CACH,UAAW,CACT,MAAO,eACP,WAAY,mDACd,CACF,CACF,EACA,CACE,YAAa,GACb,SAAU,SACV,IAAK,CACH,UAAW,CACT,MAAO,mBACP,WAAY,wBACd,CACF,CACF,EACA,CACE,YAAa,GACb,SAAU,OACV,IAAK,CACH,UAAW,CACT,MAAO,YACP,WAAY,sBACd,CACF,CACF,EACA,CACE,SAAU,QACV,YAAa,GACb,IAAK,CACH,MAAO,eACP,WAAY,mDACd,CACF,EACA,CACE,SAAU,SACV,YAAa,GACb,IAAK,CACH,MAAO,mBACP,WAAY,wBACd,CACF,EACA,CACE,SAAU,OACV,YAAa,GACb,IAAK,CACH,MAAO,YACP,WAAY,sBACd,CACF,CACF,CACF,CAAC,EASKC,EACJC,EAAM,WACJ,CAAC,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAW,SAAU,SAAAC,KAAaC,CAAK,EAAGC,IAAQ,CACnE,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,cAAAC,CAAc,EAAIR,EAAM,WAAWS,CAAY,EACjE,CAACC,EAAYC,CAAa,EAAIC,EAAoB,EACxDZ,EAAM,oBAAoBK,EAAK,IAAMK,CAA4B,EAEjE,MAAMG,EAAQH,GAAA,YAAAA,EAAY,YAEpBI,EAAaC,EAAmB,SAASd,CAAK,EAE9Ce,EACJ,OAAO,KAAKZ,CAAI,EAAE,SAAS,SAAS,GACpC,OAAO,KAAKA,CAAI,EAAE,SAAS,MAAM,EAEnC,OACEJ,EAAA,cAACiB,EAAA,CACC,WAAYV,IAAa,YAAcC,EACvC,MAAOK,CAEPb,EAAAA,EAAA,cAACJ,EAAA,CACC,KAAK,SACL,SAAUM,EACV,KAAMI,EACL,GAAGF,EACJ,UAAWc,EAAkBjB,GAC7B,IAAKU,EACL,YAAaK,GAAe,CAACF,GAE5Bd,EAAM,SAAS,IAAIG,EAAWgB,GACzB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCnB,EAAA,cAACoB,EAAA,KAAWD,CAAM,EAEvBnB,EAAM,eAAemB,CAAK,GAAKA,EAAM,OAASE,EACzCrB,EAAA,cAACsB,EAAA,CAAW,GAAGH,EAAM,KAAA,CAAO,EAE9BA,CACR,CACH,CACF,CAEJ,CACF,EAEII,EACJvB,EAAM,WAAW,CAAC,CAAE,KAAAM,EAAO,KAAM,SAAAC,EAAW,UAAWH,CAAK,EAAGC,IAE3DL,EAAA,cAACwB,EAAA,CAAc,KAAMlB,EAAM,SAAUC,CAAAA,EACnCP,EAAA,cAACD,EAAA,CAAY,GAAGK,EAAM,IAAKC,CAAK,CAAA,CAClC,CAEH,EAEUoB,EAAQ,OAAO,OAAOF,EAAgB,CACjD,KAAMD,EACN,KAAMF,CACR,CAAC,EAEDG,EAAe,YAAc"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled, Theme } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\n\nimport {\n  colorSchemes as badgeColorSchemes,\n  badgeSemanticNames\n} from './Badge.colorscheme.config'\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\n\nconst StyledBadge = styled(Flex, {\n  base: [\n    'justify-center',\n    'items-center',\n    'rounded-sm',\n    'min-w-none',\n    'border',\n    'border-white',\n    'font-body',\n    '*:not-last:mr-1'\n  ],\n  variants: {\n    emphasis: {\n      white: ['text-(--text-on-white)', 'bg-white'],\n      subtle: ['text-(--text-subtle)', 'bg-(--background-subtle)'],\n      bold: ['text-(--text-bold)', 'bg-(--background-bold)']\n    },\n    size: {\n      xs: ['px-1'],\n      sm: ['px-1', 'py-0.5'],\n      md: ['px-2', 'py-1']\n    },\n\n    isClickable: {\n      true: ['cursor-pointer']\n    },\n    highlighted: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      isClickable: true,\n      emphasis: 'white',\n      class: [\n        'hover:text-(--text-on-white)',\n        'hover:bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n      ]\n    },\n    {\n      isClickable: true,\n      emphasis: 'subtle',\n      class: [\n        'hover:bg-(--background-subtle-hover)',\n        'hover:text-(--text-subtle-hover)'\n      ]\n    },\n    {\n      isClickable: true,\n      emphasis: 'bold',\n      class: ['hover:bg-(--background-bold-hover)', 'hover:text-(--text-bold)']\n    },\n    {\n      emphasis: 'white',\n      highlighted: true,\n      class: [\n        'text-(--text-on-white)',\n        'bg-[color-mix(in_srgb,(--text-on-white),transparent_92%)]'\n      ]\n    },\n    {\n      emphasis: 'subtle',\n      highlighted: true,\n      class: ['text-(--text-subtle-hover)', '(--bg-background-subtle-hover)']\n    },\n    {\n      emphasis: 'bold',\n      highlighted: true,\n      class: ['text-(--text-bold)', 'bg-(--background-bold-hover)']\n    }\n  ]\n})\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  theme?: keyof typeof badgeColorSchemes\n  overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner = React.forwardRef<HTMLDivElement, TBadgeInnerProps>(\n  ({ theme = 'info', emphasis = 'subtle', children, ...rest }, ref) => {\n    const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n    const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n    React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n    const label = badgeElRef?.textContent\n\n    const isInfoOnly = badgeSemanticNames.includes(theme)\n\n    const isClickable =\n      Object.keys(rest).includes('onClick') ||\n      Object.keys(rest).includes('href')\n\n    return (\n      <OptionalTooltipWrapper\n        hasTooltip={overflow === 'ellipsis' && isOverflowing}\n        label={label}\n      >\n        <Theme theme={badgeColorSchemes[theme]}>\n          <StyledBadge\n            role=\"status\"\n            emphasis={emphasis}\n            size={size}\n            {...rest}\n            ref={setBadgeElRef}\n            isClickable={isClickable && !isInfoOnly}\n          >\n            {React.Children.map(children, (child) => {\n              if (typeof child === 'string' || typeof child === 'number') {\n                return <BadgeText>{child}</BadgeText>\n              }\n              if (React.isValidElement(child) && child.type === Icon) {\n                return <BadgeIcon {...child.props} />\n              }\n              return child\n            })}\n          </StyledBadge>\n        </Theme>\n      </OptionalTooltipWrapper>\n    )\n  }\n)\n\nconst BadgeComponent = React.forwardRef<HTMLDivElement, TBadgeProps>(\n  ({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n    return (\n      <BadgeProvider size={size} overflow={overflow}>\n        <BadgeInner {...rest} ref={ref} />\n      </BadgeProvider>\n    )\n  }\n)\n\nexport const Badge = Object.assign(BadgeComponent, {\n  Icon: BadgeIcon,\n  Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"names":["StyledBadge","styled","Flex","BadgeInner","React","theme","emphasis","children","rest","ref","size","overflow","isOverflowing","BadgeContext","badgeElRef","setBadgeElRef","useCallbackRefState","label","isInfoOnly","badgeSemanticNames","isClickable","OptionalTooltipWrapper","Theme","badgeColorSchemes","child","BadgeText","Icon","BadgeIcon","BadgeComponent","BadgeProvider","Badge"],"mappings":"okBAgBA,MAAMA,EAAcC,EAAOC,EAAM,CAC/B,KAAM,CACJ,iBACA,eACA,aACA,aACA,SACA,eACA,YACA,iBACF,EACA,SAAU,CACR,SAAU,CACR,MAAO,CAAC,yBAA0B,UAAU,EAC5C,OAAQ,CAAC,uBAAwB,0BAA0B,EAC3D,KAAM,CAAC,qBAAsB,wBAAwB,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,OAAQ,QAAQ,EACrB,GAAI,CAAC,OAAQ,MAAM,CACrB,EAEA,YAAa,CACX,KAAM,CAAC,gBAAgB,CACzB,EACA,YAAa,CACX,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,SAAU,QACV,MAAO,CACL,+BACA,iEACF,CACF,EACA,CACE,YAAa,GACb,SAAU,SACV,MAAO,CACL,uCACA,kCACF,CACF,EACA,CACE,YAAa,GACb,SAAU,OACV,MAAO,CAAC,qCAAsC,0BAA0B,CAC1E,EACA,CACE,SAAU,QACV,YAAa,GACb,MAAO,CACL,yBACA,2DACF,CACF,EACA,CACE,SAAU,SACV,YAAa,GACb,MAAO,CAAC,6BAA8B,gCAAgC,CACxE,EACA,CACE,SAAU,OACV,YAAa,GACb,MAAO,CAAC,qBAAsB,8BAA8B,CAC9D,CACF,CACF,CAAC,EASKC,EAAaC,EAAM,WACvB,CAAC,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAW,SAAU,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAAQ,CACnE,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,cAAAC,CAAc,EAAIR,EAAM,WAAWS,CAAY,EACjE,CAACC,EAAYC,CAAa,EAAIC,EAAoB,EACxDZ,EAAM,oBAAoBK,EAAK,IAAMK,CAA4B,EAEjE,MAAMG,EAAQH,GAAA,YAAAA,EAAY,YAEpBI,EAAaC,EAAmB,SAASd,CAAK,EAE9Ce,EACJ,OAAO,KAAKZ,CAAI,EAAE,SAAS,SAAS,GACpC,OAAO,KAAKA,CAAI,EAAE,SAAS,MAAM,EAEnC,OACEJ,EAAA,cAACiB,EAAA,CACC,WAAYV,IAAa,YAAcC,EACvC,MAAOK,CAEPb,EAAAA,EAAA,cAACkB,EAAA,CAAM,MAAOC,EAAkBlB,CAAK,GACnCD,EAAA,cAACJ,EAAA,CACC,KAAK,SACL,SAAUM,EACV,KAAMI,EACL,GAAGF,EACJ,IAAKO,EACL,YAAaK,GAAe,CAACF,CAE5Bd,EAAAA,EAAM,SAAS,IAAIG,EAAWiB,GACzB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCpB,EAAA,cAACqB,EAAA,KAAWD,CAAM,EAEvBpB,EAAM,eAAeoB,CAAK,GAAKA,EAAM,OAASE,EACzCtB,EAAA,cAACuB,EAAA,CAAW,GAAGH,EAAM,KAAA,CAAO,EAE9BA,CACR,CACH,CACF,CACF,CAEJ,CACF,EAEMI,EAAiBxB,EAAM,WAC3B,CAAC,CAAE,KAAAM,EAAO,KAAM,SAAAC,EAAW,OAAQ,GAAGH,CAAK,EAAGC,IAE1CL,EAAA,cAACyB,EAAA,CAAc,KAAMnB,EAAM,SAAUC,GACnCP,EAAA,cAACD,EAAA,CAAY,GAAGK,EAAM,IAAKC,CAAAA,CAAK,CAClC,CAGN,EAEaqB,EAAQ,OAAO,OAAOF,EAAgB,CACjD,KAAMD,EACN,KAAMF,CACR,CAAC,EAEDG,EAAe,YAAc"}

package/dist/components/badge/BadgeIcon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Icon as t}from"../icon/Icon.js";import{styled as m}from"../../stitches.js";const r=m(t),n=o=>e.createElement(r,{size:"sm",...o});export{n as BadgeIcon};
+import*as o from"react";import{Icon as m}from"../icon/Icon.js";const r=e=>o.createElement(m,{size:"sm",...e});export{r as BadgeIcon};
 //# sourceMappingURL=BadgeIcon.js.map

package/dist/components/badge/BadgeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledBadgeIcon = styled(Icon)\n\nexport const BadgeIcon = (\n  props: React.ComponentProps<typeof StyledBadgeIcon>\n) => <StyledBadgeIcon size=\"sm\" {...props} />\n"],"names":["StyledBadgeIcon","styled","Icon","BadgeIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAkBC,EAAOC,CAAI,EAEtBC,EACXC,GACGC,EAAA,cAACL,EAAA,CAAgB,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/badge/BadgeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\n\nexport const BadgeIcon = (props: React.ComponentProps<typeof Icon>) => (\n  <Icon size=\"sm\" {...props} />\n)\n"],"names":["BadgeIcon","props","React","Icon"],"mappings":"+DAIa,MAAAA,EAAaC,GACxBC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAM,GAAGF,CAAO,CAAA"}

package/dist/components/badge/BadgeText.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Text as p}from"../text/Text.js";import{styled as f}from"../../stitches.js";import{useCallbackRefState as c}from"../../utilities/hooks/useCallbackRef.js";import{useResizeObserver as d}from"../../utilities/hooks/useResizeObserver.js";import{overrideStitchesVariantValue as u}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{BadgeContext as s}from"./Badge.context.js";const w=({elRef:e})=>{const{setIsOverflowing:r}=t.useContext(s);return d({delay:0,elements:[e],onResize:()=>{!(e!=null&&e.scrollWidth)||!(e!=null&&e.clientWidth)||r==null||r(e.scrollWidth>e.clientWidth)}}),null},h=f(p,{py:"$0",variants:{overflow:{ellipsis:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis"},wrap:{whiteSpace:"wrap"}}}}),v={xs:"sm",sm:"md",md:"md"},x=({children:e,...r})=>{const{size:l,overflow:o}=t.useContext(s),i=t.useMemo(()=>u(l,a=>v[a]),[l]),[n,m]=c();return t.createElement(t.Fragment,null,o==="ellipsis"&&t.createElement(w,{elRef:n}),t.createElement(h,{noCapsize:!0,size:i,overflow:o,ref:m,...r},e))};export{x as BadgeText};
+import*as t from"react";import{Text as d}from"../text/Text.js";import{styled as p}from"../../styled.js";import{useCallbackRefState as f}from"../../utilities/hooks/useCallbackRef.js";import{useResizeObserver as c}from"../../utilities/hooks/useResizeObserver.js";import{overrideStyledVariantValue as u}from"../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{BadgeContext as s}from"./Badge.context.js";const w=({elRef:e})=>{const{setIsOverflowing:r}=t.useContext(s);return c({delay:0,elements:[e],onResize:()=>{!(e!=null&&e.scrollWidth)||!(e!=null&&e.clientWidth)||r==null||r(e.scrollWidth>e.clientWidth)}}),null},x=p(d,{base:["py-0.5"],variants:{overflow:{ellipsis:["overflow-x-hidden","text-ellipsis","whitespace-nowrap"],wrap:["whitespace-normal"]}}}),h={xs:"sm",sm:"md",md:"md"},v=({children:e,...r})=>{const{size:l,overflow:o}=t.useContext(s),i=t.useMemo(()=>u(l,a=>h[a]),[l]),[n,m]=f();return t.createElement(t.Fragment,null,o==="ellipsis"&&t.createElement(w,{elRef:n}),t.createElement(x,{noCapsize:!0,size:i,overflow:o,ref:m,...r},e))};export{v as BadgeText};
 //# sourceMappingURL=BadgeText.js.map

package/dist/components/badge/BadgeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeText.js","sources":["../../../src/components/badge/BadgeText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { useResizeObserver } from '~/utilities/hooks/useResizeObserver'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { BadgeContext } from './Badge.context'\n\n/*\n * Instead of sticking a resize observer on every `BadgeText`\n * regardless of overflow type, split the resize logic into a component.\n * Basically call the hook conditionally, only for the version with\n * the `overflow === 'ellipsis'` which needs it.\n * This saves us from initialising a resize observer for any badge which doesn't need it.\n */\nconst ObserveBadgeTextOverflow: React.VFC<{ elRef: HTMLElement | null }> = ({\n  elRef\n}) => {\n  const { setIsOverflowing } = React.useContext(BadgeContext)\n\n  useResizeObserver({\n    delay: 0,\n    elements: [elRef],\n    onResize: () => {\n      if (!elRef?.scrollWidth || !elRef?.clientWidth) return\n      setIsOverflowing?.(elRef.scrollWidth > elRef.clientWidth)\n    }\n  })\n\n  return null\n}\n\nconst StyledBadgeText = styled(Text, {\n  py: '$0',\n  variants: {\n    overflow: {\n      ellipsis: {\n        whiteSpace: 'nowrap',\n        overflowX: 'hidden',\n        textOverflow: 'ellipsis'\n      },\n      wrap: {\n        whiteSpace: 'wrap'\n      }\n    }\n  }\n})\n\ntype TBadgeTextProps = React.ComponentProps<typeof StyledBadgeText>\n\nconst toTextSize = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md'\n}\n\nexport const BadgeText = ({\n  children,\n  ...rest\n}: TBadgeTextProps): JSX.Element => {\n  // We need the return type here. Otherwise typsecript breaks when this type is used in Badge. Do not remove unless you want to tackle that issue again.\n  const { size: badgeSize, overflow } = React.useContext(BadgeContext)\n\n  const size = React.useMemo(\n    () => overrideStitchesVariantValue(badgeSize, (s) => toTextSize[s]),\n    [badgeSize]\n  )\n\n  const [elRef, setElRef] = useCallbackRefState()\n\n  return (\n    <>\n      {overflow === 'ellipsis' && <ObserveBadgeTextOverflow elRef={elRef} />}\n      <StyledBadgeText\n        noCapsize\n        size={size}\n        overflow={overflow}\n        ref={setElRef}\n        {...rest}\n      >\n        {children}\n      </StyledBadgeText>\n    </>\n  )\n}\n"],"names":["ObserveBadgeTextOverflow","elRef","setIsOverflowing","React","BadgeContext","useResizeObserver","StyledBadgeText","styled","Text","toTextSize","BadgeText","children","rest","badgeSize","overflow","size","overrideStitchesVariantValue","s","setElRef","useCallbackRefState"],"mappings":"wbAiBA,MAAMA,EAAqE,CAAC,CAC1E,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,iBAAAC,CAAiB,EAAIC,EAAM,WAAWC,CAAY,EAE1D,OAAAC,EAAkB,CAChB,MAAO,EACP,SAAU,CAACJ,CAAK,EAChB,SAAU,IAAM,CACV,EAACA,GAAA,MAAAA,EAAO,cAAe,EAACA,GAAA,MAAAA,EAAO,cACnCC,GAAA,MAAAA,EAAmBD,EAAM,YAAcA,EAAM,YAC/C,CACF,CAAC,EAEM,IACT,EAEMK,EAAkBC,EAAOC,EAAM,CACnC,GAAI,KACJ,SAAU,CACR,SAAU,CACR,SAAU,CACR,WAAY,SACZ,UAAW,SACX,aAAc,UAChB,EACA,KAAM,CACJ,WAAY,MACd,CACF,CACF,CACF,CAAC,EAIKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAY,CAAC,CACxB,SAAAC,KACGC,CACL,IAAoC,CAElC,KAAM,CAAE,KAAMC,EAAW,SAAAC,CAAS,EAAIX,EAAM,WAAWC,CAAY,EAE7DW,EAAOZ,EAAM,QACjB,IAAMa,EAA6BH,EAAYI,GAAMR,EAAWQ,EAAE,EAClE,CAACJ,CAAS,CACZ,EAEM,CAACZ,EAAOiB,CAAQ,EAAIC,IAE1B,OACEhB,EAAA,cAAAA,EAAA,SAAA,KACGW,IAAa,YAAcX,EAAA,cAACH,EAAA,CAAyB,MAAOC,CAAO,CAAA,EACpEE,EAAA,cAACG,EAAA,CACC,UAAS,GACT,KAAMS,EACN,SAAUD,EACV,IAAKI,EACJ,GAAGN,CAEHD,EAAAA,CACH,CACF,CAEJ"}
+{"version":3,"file":"BadgeText.js","sources":["../../../src/components/badge/BadgeText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { useResizeObserver } from '~/utilities/hooks/useResizeObserver'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BadgeContext } from './Badge.context'\n\n/*\n * Instead of sticking a resize observer on every `BadgeText`\n * regardless of overflow type, split the resize logic into a component.\n * Basically call the hook conditionally, only for the version with\n * the `overflow === 'ellipsis'` which needs it.\n * This saves us from initialising a resize observer for any badge which doesn't need it.\n */\nconst ObserveBadgeTextOverflow: React.VFC<{ elRef: HTMLElement | null }> = ({\n  elRef\n}) => {\n  const { setIsOverflowing } = React.useContext(BadgeContext)\n\n  useResizeObserver({\n    delay: 0,\n    elements: [elRef],\n    onResize: () => {\n      if (!elRef?.scrollWidth || !elRef?.clientWidth) return\n      setIsOverflowing?.(elRef.scrollWidth > elRef.clientWidth)\n    }\n  })\n\n  return null\n}\n\nconst StyledBadgeText = styled(Text, {\n  base: ['py-0.5'],\n  variants: {\n    overflow: {\n      ellipsis: ['overflow-x-hidden', 'text-ellipsis', 'whitespace-nowrap'],\n      wrap: ['whitespace-normal']\n    }\n  }\n})\n\ntype TBadgeTextProps = React.ComponentProps<typeof StyledBadgeText>\n\nconst toTextSize = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md'\n}\n\nexport const BadgeText = ({\n  children,\n  ...rest\n}: TBadgeTextProps): JSX.Element => {\n  // We need the return type here. Otherwise typsecript breaks when this type is used in Badge. Do not remove unless you want to tackle that issue again.\n  const { size: badgeSize, overflow } = React.useContext(BadgeContext)\n\n  const size = React.useMemo(\n    () => overrideStyledVariantValue(badgeSize, (s) => toTextSize[s]),\n    [badgeSize]\n  )\n\n  const [elRef, setElRef] = useCallbackRefState()\n\n  return (\n    <>\n      {overflow === 'ellipsis' && <ObserveBadgeTextOverflow elRef={elRef} />}\n      <StyledBadgeText\n        noCapsize\n        size={size}\n        overflow={overflow}\n        ref={setElRef}\n        {...rest}\n      >\n        {children}\n      </StyledBadgeText>\n    </>\n  )\n}\n"],"names":["ObserveBadgeTextOverflow","elRef","setIsOverflowing","React","BadgeContext","useResizeObserver","StyledBadgeText","styled","Text","toTextSize","BadgeText","children","rest","badgeSize","overflow","size","overrideStyledVariantValue","s","setElRef","useCallbackRefState"],"mappings":"gbAiBA,MAAMA,EAAqE,CAAC,CAC1E,MAAAC,CACF,IAAM,CACJ,KAAM,CAAE,iBAAAC,CAAiB,EAAIC,EAAM,WAAWC,CAAY,EAE1D,OAAAC,EAAkB,CAChB,MAAO,EACP,SAAU,CAACJ,CAAK,EAChB,SAAU,IAAM,CACV,EAACA,GAAA,MAAAA,EAAO,cAAe,EAACA,GAAA,MAAAA,EAAO,cACnCC,GAAA,MAAAA,EAAmBD,EAAM,YAAcA,EAAM,YAC/C,CACF,CAAC,EAEM,IACT,EAEMK,EAAkBC,EAAOC,EAAM,CACnC,KAAM,CAAC,QAAQ,EACf,SAAU,CACR,SAAU,CACR,SAAU,CAAC,oBAAqB,gBAAiB,mBAAmB,EACpE,KAAM,CAAC,mBAAmB,CAC5B,CACF,CACF,CAAC,EAIKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAY,CAAC,CACxB,SAAAC,EACA,GAAGC,CACL,IAAoC,CAElC,KAAM,CAAE,KAAMC,EAAW,SAAAC,CAAS,EAAIX,EAAM,WAAWC,CAAY,EAE7DW,EAAOZ,EAAM,QACjB,IAAMa,EAA2BH,EAAYI,GAAMR,EAAWQ,CAAC,CAAC,EAChE,CAACJ,CAAS,CACZ,EAEM,CAACZ,EAAOiB,CAAQ,EAAIC,EAAAA,EAE1B,OACEhB,EAAA,cAAAA,EAAA,SAAA,KACGW,IAAa,YAAcX,EAAA,cAACH,EAAA,CAAyB,MAAOC,CAAO,CAAA,EACpEE,EAAA,cAACG,EAAA,CACC,UAAS,GACT,KAAMS,EACN,SAAUD,EACV,IAAKI,EACJ,GAAGN,CAEHD,EAAAA,CACH,CACF,CAEJ"}

package/dist/components/banner/BannerContainer.js

@@ -1,2 +1,2 @@
-import*as o from"react";import{ColorScheme as a}from"../../experiments/color-scheme/ColorScheme.js";import{styled as t}from"../../stitches.js";import{Dismissible as m}from"../dismissible/index.js";import{Flex as l}from"../flex/Flex.js";import{useBannerContext as d}from"./BannerContext.js";const c=t(l,{position:"relative",width:"100%",borderRadius:"$3",overflow:"hidden",color:"$foreground","--banner-heading-color":"$colors$foreground","--banner-text-color":"$colors$grey900",variants:{emphasis:{bold:{background:"$base11",color:"$foreground7plus","--banner-heading-color":"$colors$foreground7plus","--banner-text-color":"$colors$grey100"},subtle:{background:"$base3"},minimal:{background:"$base1"}},size:{sm:{},md:{}}}}),b=({colorScheme:e={},onDismiss:r,dismissed:s,...n})=>{const{emphasis:i}=d();return o.createElement(a,{...e,asChild:!0},o.createElement(m,{asChild:!0,onDismiss:r,dismissed:s},o.createElement(c,{role:"banner",emphasis:i,...n})))};export{b as BannerContainer};
+import*as e from"react";import{ColorScheme as a}from"../../experiments/color-scheme/ColorScheme.js";import{styled as i}from"../../styled.js";import{Dismissible as l}from"../dismissible/index.js";import{Flex as m}from"../flex/Flex.js";import{useBannerContext as d}from"./BannerContext.js";const c=i(m,{base:["relative","w-full","rounded-xl","overflow-hidden","text-(--foreground)","[--banner-heading-color:var(--color-foreground)]","[--banner-text-color:var(--color-grey-900)]"],variants:{emphasis:{bold:["[--banner-heading-color:var(--color-foreground-7-plus)]","[--banner-text-color:var(--color-grey-100)]","bg-(--base-11)","text-(--foreground-7-plus)"],subtle:["bg-(--base-3)"],minimal:["bg-(--base-1)"]},size:{sm:[],md:[]}}}),b=({colorScheme:r={},onDismiss:o,dismissed:s,...n})=>{const{emphasis:t}=d();return e.createElement(a,{...r,asChild:!0},e.createElement(l,{asChild:!0,onDismiss:o,dismissed:s},e.createElement(c,{role:"banner",emphasis:t,...n})))};export{b as BannerContainer};
 //# sourceMappingURL=BannerContainer.js.map

package/dist/components/banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  position: 'relative',\n  width: '100%',\n  borderRadius: '$3',\n  overflow: 'hidden',\n  color: '$foreground',\n  '--banner-heading-color': '$colors$foreground',\n  '--banner-text-color': '$colors$grey900',\n  variants: {\n    emphasis: {\n      bold: {\n        background: '$base11',\n        color: '$foreground7plus',\n        '--banner-heading-color': '$colors$foreground7plus',\n        '--banner-text-color': '$colors$grey100'\n      },\n      subtle: {\n        background: '$base3'\n      },\n      minimal: {\n        background: '$base1'\n      }\n    },\n    size: {\n      sm: {},\n      md: {}\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","onDismiss","dismissed","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"kSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,SAAU,WACV,MAAO,OACP,aAAc,KACd,SAAU,SACV,MAAO,cACP,yBAA0B,qBAC1B,sBAAuB,kBACvB,SAAU,CACR,SAAU,CACR,KAAM,CACJ,WAAY,UACZ,MAAO,mBACP,yBAA0B,0BAC1B,sBAAuB,iBACzB,EACA,OAAQ,CACN,WAAY,QACd,EACA,QAAS,CACP,WAAY,QACd,CACF,EACA,KAAM,CACJ,GAAI,GACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,UAAAC,EACA,UAAAC,KACGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAErB,EAAA,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,UAAWP,EAAW,UAAWC,CACpDI,EAAAA,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAO,CAAA,CACtE,CACF,CAEJ"}
+{"version":3,"file":"BannerContainer.js","sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/styled'\n\nimport { Dismissible } from '../dismissible'\nimport { Flex } from '../flex'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(Flex, {\n  base: [\n    'relative',\n    'w-full',\n    'rounded-xl',\n    'overflow-hidden',\n    'text-(--foreground)',\n    '[--banner-heading-color:var(--color-foreground)]',\n    '[--banner-text-color:var(--color-grey-900)]'\n  ],\n  variants: {\n    emphasis: {\n      bold: [\n        '[--banner-heading-color:var(--color-foreground-7-plus)]',\n        '[--banner-text-color:var(--color-grey-100)]',\n        'bg-(--base-11)',\n        'text-(--foreground-7-plus)'\n      ],\n      subtle: ['bg-(--base-3)'],\n      minimal: ['bg-(--base-1)']\n    },\n    size: {\n      sm: [],\n      md: []\n    }\n  }\n})\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"names":["StyledBannerContainer","styled","Flex","BannerContainer","colorScheme","onDismiss","dismissed","props","emphasis","useBannerContext","React","ColorScheme","Dismissible"],"mappings":"gSASA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CACJ,WACA,SACA,aACA,kBACA,sBACA,mDACA,6CACF,EACA,SAAU,CACR,SAAU,CACR,KAAM,CACJ,0DACA,8CACA,iBACA,4BACF,EACA,OAAQ,CAAC,eAAe,EACxB,QAAS,CAAC,eAAe,CAC3B,EACA,KAAM,CACJ,GAAI,CAAA,EACJ,GAAI,CACN,CAAA,CACF,CACF,CAAC,EAQYC,EAAkB,CAAC,CAC9B,YAAAC,EAAc,CAAA,EACd,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAAA,EAErB,OACEC,EAAA,cAACC,EAAA,CAAa,GAAGP,EAAa,QAAO,EAAA,EACnCM,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,UAAWP,EAAW,UAAWC,CAAAA,EACpDI,EAAA,cAACV,EAAA,CAAsB,KAAK,SAAS,SAAUQ,EAAW,GAAGD,CAAAA,CAAO,CACtE,CACF,CAEJ"}

package/dist/components/banner/banner-regular/BannerRegular.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = Object.assign(BannerRegularComponent, {\n  Content: BannerRegularContent,\n  Heading: BannerRegularHeading,\n  Text: BannerRegularText,\n  Actions: BannerRegularActions,\n  Image: BannerRegularImage,\n  Button: BannerRegularButton,\n  Dismiss: BannerRegularDismiss\n})\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"names":["BannerRegularComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegular","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYA,MAAMA,EAAyB,CAAC,CAC9B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CAAAA,CACN,CACF,EAGWI,EAAgB,OAAO,OAAOT,EAAwB,CACjE,QAASU,EACT,QAASC,EACT,KAAMC,EACN,QAASC,EACT,MAAOC,EACP,OAAQC,EACR,QAASC,CACX,CAAC,EAEDhB,EAAuB,YAAc"}
+{"version":3,"file":"BannerRegular.js","sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = Object.assign(BannerRegularComponent, {\n  Content: BannerRegularContent,\n  Heading: BannerRegularHeading,\n  Text: BannerRegularText,\n  Actions: BannerRegularActions,\n  Image: BannerRegularImage,\n  Button: BannerRegularButton,\n  Dismiss: BannerRegularDismiss\n})\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"names":["BannerRegularComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerRegularContainer","BannerRegular","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"8jBAYA,MAAMA,EAAyB,CAAC,CAC9B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CAAAA,CACN,CACF,EAGWI,EAAgB,OAAO,OAAOT,EAAwB,CACjE,QAASU,EACT,QAASC,EACT,KAAMC,EACN,QAASC,EACT,MAAOC,EACP,OAAQC,EACR,QAASC,CACX,CAAC,EAEDhB,EAAuB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularActions.js

@@ -1,2 +1,2 @@
-import a from"invariant";import*as n from"react";import{overrideStitchesVariantValue as m}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Flex as f}from"../../flex/Flex.js";import{useBannerContext as y}from"../BannerContext.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";const l=2,h={sm:2,md:4},N={sm:"column",md:"row"},r=({children:i,...s})=>{const{size:o}=y(),p=n.useMemo(()=>m(o,e=>h[e]),[o]),d=n.useMemo(()=>m(o,e=>N[e]),[o]);return a(n.Children.count(i)<=l,`A maximum of ${l} ${t.displayName} component(s) are permitted as children of ${r.displayName}`),n.createElement(f,{gap:p,direction:d,...s},n.Children.map(i,(e,c)=>{if(e==null)return e;if(!n.isValidElement(e))throw new Error(`Child passed to ${r.displayName} is not a valid element`);a(e.type===t,`Children of type ${e==null?void 0:e.type} aren't permitted. Only an ${t.displayName} component is allowed in ${r.displayName}`);const u={appearance:c>0?"outline":void 0};return n.cloneElement(e,u)}))};r.displayName="BannerRegularActions";export{r as BannerRegularActions};
+import i from"invariant";import*as n from"react";import{overrideStyledVariantValue as m}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Flex as y}from"../../flex/Flex.js";import{useBannerContext as f}from"../BannerContext.js";import{BannerRegularButton as a}from"./BannerRegularButton.js";const l=2,h={sm:2,md:4},N={sm:"column",md:"row"},o=({children:r,...c})=>{const{size:t}=f(),p=n.useMemo(()=>m(t,e=>h[e]),[t]),s=n.useMemo(()=>m(t,e=>N[e]),[t]);return i(n.Children.count(r)<=l,"A maximum of ".concat(l," ").concat(a.displayName," component(s) are permitted as children of ").concat(o.displayName)),n.createElement(y,{gap:p,direction:s,...c},n.Children.map(r,(e,d)=>{if(e==null)return e;if(!n.isValidElement(e))throw new Error("Child passed to ".concat(o.displayName," is not a valid element"));i(e.type===a,"Children of type ".concat(e==null?void 0:e.type," aren't permitted. Only an ").concat(a.displayName," component is allowed in ").concat(o.displayName));const u={appearance:d>0?"outline":void 0};return n.cloneElement(e,u)}))};o.displayName="BannerRegularActions";export{o as BannerRegularActions};
 //# sourceMappingURL=BannerRegularActions.js.map

package/dist/components/banner/banner-regular/BannerRegularActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularActions.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 2,\n  md: 4\n}\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof Flex>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toGap[s]),\n    [size]\n  )\n\n  const direction = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <Flex gap={gap} direction={direction} {...props}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </Flex>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"names":["MAX_ALLOWED_CHILDREN","toGap","toDirection","BannerRegularActions","children","props","size","useBannerContext","gap","React","overrideStitchesVariantValue","s","direction","invariant","BannerRegularButton","Flex","child","index","propsToInject"],"mappings":"mVASA,MAAMA,EAAuB,EAEvBC,EAAQ,CACZ,GAAI,EACJ,GAAI,CACN,EAEMC,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEaC,EAAuB,CAAC,CACnC,SAAAC,KACGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEXC,EAAMC,EAAM,QAChB,IAAMC,EAA6BJ,EAAOK,GAAMV,EAAMU,EAAE,EACxD,CAACL,CAAI,CACP,EAEMM,EAAYH,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMT,EAAYS,EAAE,EAC9D,CAACL,CAAI,CACP,EAEA,OAAAO,EACEJ,EAAM,SAAS,MAAML,CAAQ,GAAKJ,EAClC,gBAAgBA,KAAwBc,EAAoB,yDAAyDX,EAAqB,aAC5I,EAGEM,EAAA,cAACM,EAAA,CAAK,IAAKP,EAAK,UAAWI,EAAY,GAAGP,GACvCI,EAAM,SAAS,IAAIL,EAAU,CAACY,EAAOC,IAAU,CAG9C,GAAID,GAAS,KAAM,OAAOA,EAE1B,GAAI,CAACP,EAAM,eAAeO,CAAK,EAC7B,MAAM,IAAI,MACR,mBAAmBb,EAAqB,oCAC1C,EAGFU,EACEG,EAAM,OAASF,EACf,oBAAoBE,GAAA,KAAAA,OAAAA,EAAO,kCAAkCF,EAAoB,uCAAuCX,EAAqB,aAC/I,EAEA,MAAMe,EAEF,CAEF,WAAYD,EAAQ,EAAI,UAAY,MACtC,EAEA,OAAOR,EAAM,aACXO,EAGAE,CACF,CACF,CAAC,CACH,CAEJ,EAEAf,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularActions.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 2,\n  md: 4\n}\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof Flex>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toGap[s]),\n    [size]\n  )\n\n  const direction = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <Flex gap={gap} direction={direction} {...props}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </Flex>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"names":["MAX_ALLOWED_CHILDREN","toGap","toDirection","BannerRegularActions","children","props","size","useBannerContext","gap","React","overrideStyledVariantValue","s","direction","invariant","BannerRegularButton","Flex","child","index","propsToInject"],"mappings":"6UASA,MAAMA,EAAuB,EAEvBC,EAAQ,CACZ,GAAI,EACJ,GAAI,CACN,EAEMC,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEaC,EAAuB,CAAC,CACnC,SAAAC,EACA,GAAGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAAA,EAEXC,EAAMC,EAAM,QAChB,IAAMC,EAA2BJ,EAAOK,GAAMV,EAAMU,CAAC,CAAC,EACtD,CAACL,CAAI,CACP,EAEMM,EAAYH,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMT,EAAYS,CAAC,CAAC,EAC5D,CAACL,CAAI,CACP,EAEA,OAAAO,EACEJ,EAAM,SAAS,MAAML,CAAQ,GAAKJ,EAClC,gBAAgB,OAAAA,EAAoB,GAAA,EAAI,OAAAc,EAAoB,YAAW,+CAA8C,OAAqBX,EAAA,WAAA,CAC5I,EAGEM,EAAA,cAACM,EAAA,CAAK,IAAKP,EAAK,UAAWI,EAAY,GAAGP,CAAAA,EACvCI,EAAM,SAAS,IAAIL,EAAU,CAACY,EAAOC,IAAU,CAG9C,GAAID,GAAS,KAAM,OAAOA,EAE1B,GAAI,CAACP,EAAM,eAAeO,CAAK,EAC7B,MAAM,IAAI,MACR,mBAAmB,SAAqB,YAAW,yBAAA,CACrD,EAGFH,EACEG,EAAM,OAASF,EACf,oBAAoB,OAAAE,GAAA,KAAA,OAAAA,EAAO,KAAI,6BAAA,EAA8B,OAAAF,EAAoB,YAAW,6BAA4B,OAAqBX,EAAA,WAAA,CAC/I,EAEA,MAAMe,EAEF,CAEF,WAAYD,EAAQ,EAAI,UAAY,MACtC,EAEA,OAAOR,EAAM,aACXO,EAGAE,CACF,CACF,CAAC,CACH,CAEJ,EAEAf,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularButton.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{overrideStitchesVariantValue as i}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=o=>{const{emphasis:n,size:e}=u(),a=t.useMemo(()=>i(e,m=>m==="sm"),[e]);return t.createElement(s,{size:e,fullWidth:a,theme:n==="bold"?"neutral":"primary",...o})};r.displayName="BannerRegularButton";export{r as BannerRegularButton};
+import*as r from"react";import{overrideStyledVariantValue as i}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Button as s}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const t=o=>{const{emphasis:n,size:e}=u(),a=r.useMemo(()=>i(e,m=>m==="sm"),[e]);return r.createElement(s,{size:e,fullWidth:a,theme:n==="bold"?"neutral":"primary",...o})};t.displayName="BannerRegularButton";export{t as BannerRegularButton};
 //# sourceMappingURL=BannerRegularButton.js.map

package/dist/components/banner/banner-regular/BannerRegularButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton = (\n  props: React.ComponentProps<typeof Button>\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"iQAOa,MAAAA,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMA,IAAM,IAAI,EAC1D,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}
+{"version":3,"file":"BannerRegularButton.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton = (\n  props: React.ComponentProps<typeof Button>\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"names":["BannerRegularButton","props","emphasis","size","useBannerContext","fullWidth","React","overrideStyledVariantValue","s","Button"],"mappings":"2PAOa,MAAAA,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMA,IAAM,IAAI,EACxD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAMN,EACN,UAAWE,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularContent.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as o}from"../../../stitches.js";import{Box as s}from"../../box/Box.js";import{useBannerContext as m}from"../BannerContext.js";const a=o(s,{width:"62%",flexGrow:1,variants:{size:{sm:{p:"$4"},md:{p:"$24",pr:"$5"}}}}),e=t=>{const{size:r}=m();return n.createElement(a,{size:r,...t})};e.displayName="BannerRegularContent";export{e as BannerRegularContent};
+import*as t from"react";import{styled as o}from"../../../styled.js";import{useBannerContext as a}from"../BannerContext.js";const s=o("div",{base:["w-31/50","grow"],variants:{size:{sm:["p-4"],md:["p-6","pr-8"]}}}),e=n=>{const{size:r}=a();return t.createElement(s,{size:r,...n})};e.displayName="BannerRegularContent";export{e as BannerRegularContent};
 //# sourceMappingURL=BannerRegularContent.js.map

package/dist/components/banner/banner-regular/BannerRegularContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContent.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(Box, {\n  width: '62%',\n  flexGrow: 1,\n  variants: {\n    size: {\n      sm: {\n        p: '$4'\n      },\n      md: {\n        p: '$24',\n        pr: '$5'\n      }\n    }\n  }\n})\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"names":["Container","styled","Box","BannerRegularContent","props","size","useBannerContext","React"],"mappings":"oKAOA,MAAMA,EAAYC,EAAOC,EAAK,CAC5B,MAAO,MACP,SAAU,EACV,SAAU,CACR,KAAM,CACJ,GAAI,CACF,EAAG,IACL,EACA,GAAI,CACF,EAAG,MACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OAAOC,EAAA,cAACP,EAAA,CAAU,KAAMK,EAAO,GAAGD,CAAAA,CAAO,CAC3C,EAEAD,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularContent.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled('div', {\n  base: ['w-31/50', 'grow'],\n  variants: {\n    size: {\n      sm: ['p-4'],\n      md: ['p-6', 'pr-8']\n    }\n  }\n})\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"names":["Container","styled","BannerRegularContent","props","size","useBannerContext","React"],"mappings":"2HAMA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,CAAC,UAAW,MAAM,EACxB,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAO,MAAM,CACpB,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAiB,EAElC,OAAOC,EAAA,cAACN,EAAA,CAAU,KAAMI,EAAO,GAAGD,CAAO,CAAA,CAC3C,EAEAD,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularDismiss.js

@@ -1,2 +1,2 @@
-import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as l}from"../../../stitches.js";import{overrideStitchesVariantValue as p}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{ActionIcon as c}from"../../action-icon/ActionIcon.js";import{Icon as d}from"../../icon/Icon.js";import{Banner as u}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const h={sm:"md",md:"sm"},D=l(c,{zIndex:1,position:"absolute",top:"$3",right:"$3"}),o=({label:i="dismiss",...r})=>{const{size:t,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(t,n=>h[n]),[t]);return e.createElement(u.Dismiss,{asChild:!0},e.createElement(D,{label:i,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...r},e.createElement(d,{is:a})))};o.displayName="BannerRegularDismiss";export{o as BannerRegularDismiss};
+import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as l}from"../../../styled.js";import{overrideStyledVariantValue as p}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{ActionIcon as c}from"../../action-icon/ActionIcon.js";import{Icon as d}from"../../icon/Icon.js";import{Banner as u}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const D={sm:"md",md:"sm"},b=l(c,{base:["z-1","absolute","top-3","right-3"]}),o=({label:r="dismiss",...i})=>{const{size:t,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(t,a=>D[a]),[t]);return e.createElement(u.Dismiss,{asChild:!0},e.createElement(b,{label:r,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...i},e.createElement(d,{is:n})))};o.displayName="BannerRegularDismiss";export{o as BannerRegularDismiss};
 //# sourceMappingURL=BannerRegularDismiss.js.map

package/dist/components/banner/banner-regular/BannerRegularDismiss.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  zIndex: 1,\n  position: 'absolute',\n  top: '$3',\n  right: '$3'\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStitchesVariantValue","s","Banner","Icon","Close"],"mappings":"ybAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,OAAQ,EACR,SAAU,WACV,IAAK,KACL,MAAO,IACT,CAAC,EAOYC,EAAuB,CAAC,CACnC,MAAAC,EAAQ,aACLC,CACL,IAAiC,CAC/B,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAAiB,EAEjDC,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA6BL,EAAOM,GAAMb,EAAiBa,EAAE,EACnE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStyledVariantValue","s","Banner","Icon","Close"],"mappings":"ibAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,KAAM,CAAC,MAAO,WAAY,QAAS,SAAS,CAC9C,CAAC,EAOYC,EAAuB,CAAC,CACnC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAAiC,CAC/B,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAEhCC,EAAAA,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA2BL,EAAOM,GAAMb,EAAiBa,CAAC,CAAC,EACjE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularHeading.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{styled as a}from"../../../stitches.js";import{Heading as o}from"../../heading/Heading.js";import{useBannerContext as m}from"../BannerContext.js";const t=a(o,{mb:"$4",color:"var(--banner-heading-color)",variants:{containerSize:{sm:{},md:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=e=>{const{size:n,hasDismiss:r}=m();return i.createElement(t,{size:"md",containerSize:n,hasDismiss:r,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
+import*as i from"react";import{styled as r}from"../../../styled.js";import{Heading as t}from"../../heading/Heading.js";import{useBannerContext as m}from"../BannerContext.js";const o=r(t,{base:["mb-4","text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=e=>{const{size:n,hasDismiss:a}=m();return i.createElement(o,{size:"md",containerSize:n,hasDismiss:a,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
 //# sourceMappingURL=BannerRegularHeading.js.map

package/dist/components/banner/banner-regular/BannerRegularHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n  mb: '$4',\n  color: 'var(--banner-heading-color)',\n  variants: {\n    containerSize: {\n      sm: {},\n      md: {}\n    },\n    hasDismiss: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      css: {\n        mr: '$6'\n      }\n    }\n  ]\n})\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"gLAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,KACJ,MAAO,8BACP,SAAU,CACR,cAAe,CACb,GAAI,CACJ,EAAA,GAAI,EACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}
+{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n  base: ['mb-4', 'text-(--banner-heading-color)'],\n  variants: {\n    containerSize: {\n      sm: [],\n      md: []\n    },\n    hasDismiss: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      class: ['mr-10']\n    }\n  ]\n})\n\nexport const BannerRegularHeading = (\n  props: React.ComponentProps<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"8KAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CAAC,OAAQ,+BAA+B,EAC9C,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CACN,CAAA,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularImage.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../../stitches.js";import{Box as a}from"../../box/Box.js";import{Image as m}from"../../image/Image.js";import{useBannerContext as n}from"../BannerContext.js";const s=t(a,{position:"relative",overflow:"hidden",width:"38%",variants:{size:{sm:{display:"none"},md:{display:"block"}}}}),l=t(m,{position:"absolute",maxWidth:"auto",width:"100%",height:"100%",objectFit:"cover"}),o=i=>{const{size:r}=n();return e.createElement(s,{size:r},e.createElement(l,{...i}))};o.displayName="BannerRegularImage";export{o as BannerRegularImage};
+import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as m}from"../../image/Image.js";import{useBannerContext as n}from"../BannerContext.js";const s=r("div",{base:["relative","overflow-hidden","w-19/50"],variants:{size:{sm:["hidden"],md:["block"]}}}),i=r(m,{base:["absolute","max-w-none","size-full","object-cover"]}),a=o=>{const{size:t}=n();return e.createElement(s,{size:t},e.createElement(i,{...o}))};a.displayName="BannerRegularImage";export{a as BannerRegularImage};
 //# sourceMappingURL=BannerRegularImage.js.map

package/dist/components/banner/banner-regular/BannerRegularImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularImage.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box'\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(Box, {\n  position: 'relative',\n  overflow: 'hidden',\n  width: '38%',\n  variants: {\n    size: {\n      sm: {\n        display: 'none'\n      },\n      md: {\n        display: 'block'\n      }\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  position: 'absolute',\n  maxWidth: 'auto',\n  width: '100%',\n  height: '100%',\n  objectFit: 'cover'\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"names":["Container","styled","Box","StyledImage","Image","BannerRegularImage","props","size","useBannerContext","React"],"mappings":"iNAQA,MAAMA,EAAYC,EAAOC,EAAK,CAC5B,SAAU,WACV,SAAU,SACV,MAAO,MACP,SAAU,CACR,KAAM,CACJ,GAAI,CACF,QAAS,MACX,EACA,GAAI,CACF,QAAS,OACX,CACF,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,SAAU,WACV,SAAU,OACV,MAAO,OACP,OAAQ,OACR,UAAW,OACb,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACT,EAAA,CAAU,KAAMO,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAmB,YAAc"}
+{"version":3,"file":"BannerRegularImage.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled('div', {\n  base: ['relative', 'overflow-hidden', 'w-19/50'],\n  variants: {\n    size: {\n      sm: ['hidden'],\n      md: ['block']\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentProps<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"names":["Container","styled","StyledImage","Image","BannerRegularImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,CAAC,WAAY,kBAAmB,SAAS,EAC/C,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,OAAO,CACd,CACF,CACF,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,WAAY,aAAc,YAAa,cAAc,CAC9D,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CACfE,EAAAA,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAmB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularText.js

@@ -1,2 +1,2 @@
-import*as a from"react";import{styled as i}from"../../../stitches.js";import{Text as n}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const m=i(n,{color:"var(--banner-text-color)",variants:{containerSize:{sm:{mb:"$4"},md:{mb:"$24"}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=r=>{const{size:e,hasDismiss:t}=o();return a.createElement(m,{size:e,containerSize:e,hasDismiss:t,...r})};s.displayName="BannerRegularText";export{s as BannerRegularText};
+import*as i from"react";import{styled as a}from"../../../styled.js";import{Text as n}from"../../text/Text.js";import{useBannerContext as m}from"../BannerContext.js";const o=a(n,{base:["text-(--banner-text-color)"],variants:{containerSize:{sm:["mb-4"],md:["mb-6"]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=t=>{const{size:e,hasDismiss:r}=m();return i.createElement(o,{size:e,containerSize:e,hasDismiss:r,...t})};s.displayName="BannerRegularText";export{s as BannerRegularText};
 //# sourceMappingURL=BannerRegularText.js.map

package/dist/components/banner/banner-regular/BannerRegularText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  color: 'var(--banner-text-color)',\n  variants: {\n    containerSize: {\n      sm: {\n        mb: '$4'\n      },\n      md: {\n        mb: '$24'\n      }\n    },\n    hasDismiss: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      css: {\n        mr: '$6'\n      }\n    }\n  ]\n})\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,2BACP,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACN,CACF,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}
+{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  base: ['text-(--banner-text-color)'],\n  variants: {\n    containerSize: {\n      sm: ['mb-4'],\n      md: ['mb-6']\n    },\n    hasDismiss: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      class: ['mr-10']\n    }\n  ]\n})\n\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,4BAA4B,EACnC,SAAU,CACR,cAAe,CACb,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlim.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlim.js","sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"names":["BannerSlimComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlim","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"mdAYA,MAAMA,EAAsB,CAAC,CAC3B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,KACGC,CACL,IAEEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CACN,CAAA,CACF,EAGWI,EAAa,OAAO,OAAOT,EAAqB,CAC3D,QAASU,EACT,KAAMC,EACN,MAAOC,EACP,OAAQC,EACR,QAASC,EACT,QAASC,CACX,CAAC,EAEDf,EAAoB,YAAc"}
+{"version":3,"file":"BannerSlim.js","sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"names":["BannerSlimComponent","colorScheme","size","emphasis","onDismiss","rest","React","Banner","BannerSlimContainer","BannerSlim","BannerSlimContent","BannerSlimText","BannerSlimImage","BannerSlimButton","BannerSlimDismiss","BannerSlimActions"],"mappings":"mdAYA,MAAMA,EAAsB,CAAC,CAC3B,YAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAEEC,EAAA,cAACC,EAAA,CAAO,KAAML,EAAM,SAAUC,GAC5BG,EAAA,cAACE,EAAA,CACC,YAAaP,EACb,UAAWG,EACV,GAAGC,CACN,CAAA,CACF,EAGWI,EAAa,OAAO,OAAOT,EAAqB,CAC3D,QAASU,EACT,KAAMC,EACN,MAAOC,EACP,OAAQC,EACR,QAASC,EACT,QAASC,CACX,CAAC,EAEDf,EAAoB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimActions.js

@@ -1,2 +1,2 @@
-import*as i from"react";import{styled as n}from"../../../stitches.js";import{Flex as m}from"../../flex/Flex.js";import{useBannerContext as s}from"../BannerContext.js";const a=n(m,{variants:{size:{sm:{width:"100%"},md:{width:"auto"}}}}),t=({children:e,...o})=>{const{size:r}=s();return i.createElement(a,{size:r,gap:4,...o},e)};t.displayName="BannerSlimActions";export{t as BannerSlimActions};
+import*as o from"react";import{styled as m}from"../../../styled.js";import{Flex as s}from"../../flex/Flex.js";import{useBannerContext as i}from"../BannerContext.js";const a=m(s,{base:[],variants:{size:{sm:["w-full"],md:["w-auto"]}}}),e=({children:t,...n})=>{const{size:r}=i();return o.createElement(a,{size:r,gap:4,...n},t)};e.displayName="BannerSlimActions";export{e as BannerSlimActions};
 //# sourceMappingURL=BannerSlimActions.js.map

package/dist/components/banner/banner-slim/BannerSlimActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimActions.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(Flex, {\n  variants: {\n    size: {\n      sm: { width: '100%' },\n      md: { width: 'auto' }\n    }\n  }\n})\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof Flex>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} gap={4} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"names":["StyledBannerSlimActions","styled","Flex","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,MAAO,EACpB,GAAI,CAAE,MAAO,MAAO,CACtB,CACF,CACF,CAAC,EAEYC,EAAoB,CAAC,CAChC,SAAAC,KACGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,IACjB,OACEC,EAAA,cAACR,EAAA,CAAwB,KAAMM,EAAM,IAAK,EAAI,GAAGD,CAC9CD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimActions.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(Flex, {\n  base: [],\n  variants: {\n    size: {\n      sm: ['w-full'],\n      md: ['w-auto']\n    }\n  }\n})\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof Flex>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} gap={4} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"names":["StyledBannerSlimActions","styled","Flex","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,KAAM,CAAC,EACP,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,CACf,CACF,CACF,CAAC,EAEYC,EAAoB,CAAC,CAChC,SAAAC,EACA,GAAGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,IACjB,OACEC,EAAA,cAACR,EAAA,CAAwB,KAAMM,EAAM,IAAK,EAAI,GAAGD,CAC9CD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimButton.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{overrideStitchesVariantValue as a}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Button as l}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const r=({css:m,...o})=>{const{emphasis:n,size:t}=u(),s=e.useMemo(()=>a(t,i=>i==="sm"),[t]);return e.createElement(l,{size:"md",fullWidth:s,theme:n==="bold"?"neutral":"primary",css:{ml:"auto",...m},...o})};r.displayName="BannerSlimButton";export{r as BannerSlimButton};
+import s from"clsx";import*as t from"react";import{overrideStyledVariantValue as l}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{Button as p}from"../../button/Button.js";import{useBannerContext as u}from"../BannerContext.js";const m=({className:r,...o})=>{const{emphasis:a,size:e}=u(),n=t.useMemo(()=>l(e,i=>i==="sm"),[e]);return t.createElement(p,{size:"md",fullWidth:n,theme:a==="bold"?"neutral":"primary",...o,className:s("ml-auto",r)})};m.displayName="BannerSlimButton";export{m as BannerSlimButton};
 //# sourceMappingURL=BannerSlimButton.js.map

package/dist/components/banner/banner-slim/BannerSlimButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimButton.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerSlimButton = ({\n  css,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      css={{ ml: 'auto', ...css }}\n      {...props}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"names":["BannerSlimButton","css","props","emphasis","size","useBannerContext","fullWidth","React","overrideStitchesVariantValue","s","Button"],"mappings":"uQAOaA,EAAmB,CAAC,CAC/B,IAAAC,KACGC,CACL,IAA2C,CACzC,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAAA,EAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMA,IAAM,IAAI,EAC1D,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAK,KACL,UAAWJ,EACX,MAAOH,IAAa,OAAS,UAAY,UACzC,IAAK,CAAE,GAAI,OAAQ,GAAGF,CAAI,EACzB,GAAGC,CAAAA,CACN,CAEJ,EAEAF,EAAiB,YAAc"}
+{"version":3,"file":"BannerSlimButton.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerSlimButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n      className={clsx('ml-auto', className)}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"names":["BannerSlimButton","className","props","emphasis","size","useBannerContext","fullWidth","React","overrideStyledVariantValue","s","Button","clsx"],"mappings":"+QAQa,MAAAA,EAAmB,CAAC,CAC/B,UAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,IAErBC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMA,IAAM,IAAI,EACxD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAA,CACC,KAAK,KACL,UAAWJ,EACX,MAAOH,IAAa,OAAS,UAAY,UACxC,GAAGD,EACJ,UAAWS,EAAK,UAAWV,CAAS,CAAA,CACtC,CAEJ,EAEAD,EAAiB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimContainer.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as p}from"../../../stitches.js";import{overrideStitchesVariantValue as o}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{BannerContainer as d}from"../BannerContainer.js";import{useBannerContext as u}from"../BannerContext.js";const c={sm:"column",md:"row"},l={sm:"flex-start",md:"center"},f={sm:"wrap",md:"nowrap"},w=p(d,{p:"$4",variants:{sizeWorkaround:{sm:{},md:{px:"$24"}}}}),m=t=>{const{size:r}=u(),a=n.useMemo(()=>o(r,e=>c[e]),[r]),i=n.useMemo(()=>o(r,e=>l[e]),[r]),s=n.useMemo(()=>o(r,e=>f[e]),[r]);return n.createElement(w,{direction:a,align:i,sizeWorkaround:r,gap:4,wrap:s,...t})};m.displayName="BannerSlimContainer";export{m as BannerSlimContainer};
+import*as n from"react";import{styled as p}from"../../../styled.js";import{overrideStyledVariantValue as o}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{BannerContainer as d}from"../BannerContainer.js";import{useBannerContext as l}from"../BannerContext.js";const u={sm:"column",md:"row"},c={sm:"flex-start",md:"center"},f={sm:"wrap",md:"nowrap"},w=p(d,{base:["p-4"],variants:{sizeWorkaround:{sm:[],md:["px-6"]}}}),m=a=>{const{size:e}=l(),t=n.useMemo(()=>o(e,r=>u[r]),[e]),i=n.useMemo(()=>o(e,r=>c[r]),[e]),s=n.useMemo(()=>o(e,r=>f[r]),[e]);return n.createElement(w,{direction:t,align:i,sizeWorkaround:e,gap:4,wrap:s,...a})};m.displayName="BannerSlimContainer";export{m as BannerSlimContainer};
 //# sourceMappingURL=BannerSlimContainer.js.map

package/dist/components/banner/banner-slim/BannerSlimContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContainer.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nconst toAlign = {\n  sm: 'flex-start',\n  md: 'center'\n}\n\nconst toWrap = {\n  sm: 'wrap',\n  md: 'nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(BannerContainer, {\n  p: '$4',\n  variants: {\n    sizeWorkaround: {\n      sm: {},\n      md: {\n        px: '$24'\n      }\n    }\n  }\n})\n\ntype TBannerSlimContainerProps = Omit<\n  React.ComponentProps<typeof StyledBannerSlimContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\n\n  const direction = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  const align = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toAlign[s]),\n    [size]\n  )\n\n  const wrap = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toWrap[s]),\n    [size]\n  )\n\n  return (\n    <StyledBannerSlimContainer\n      direction={direction}\n      align={align}\n      sizeWorkaround={size}\n      gap={4}\n      wrap={wrap}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"names":["toDirection","toAlign","toWrap","StyledBannerSlimContainer","styled","BannerContainer","BannerSlimContainer","props","size","useBannerContext","direction","React","overrideStitchesVariantValue","s","align","wrap"],"mappings":"uTAQA,MAAMA,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEMC,EAAU,CACd,GAAI,aACJ,GAAI,QACN,EAEMC,EAAS,CACb,GAAI,OACJ,GAAI,QACN,EAEMC,EAA4BC,EAAOC,EAAiB,CACxD,EAAG,KACH,SAAU,CACR,eAAgB,CACd,GAAI,CAAA,EACJ,GAAI,CACF,GAAI,KACN,CACF,CACF,CACF,CAAC,EAOYC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAiB,EAE5BC,EAAYC,EAAM,QACtB,IAAMC,EAA6BJ,EAAOK,GAAMb,EAAYa,EAAE,EAC9D,CAACL,CAAI,CACP,EAEMM,EAAQH,EAAM,QAClB,IAAMC,EAA6BJ,EAAOK,GAAMZ,EAAQY,EAAE,EAC1D,CAACL,CAAI,CACP,EAEMO,EAAOJ,EAAM,QACjB,IAAMC,EAA6BJ,EAAOK,GAAMX,EAAOW,EAAE,EACzD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACR,EAAA,CACC,UAAWO,EACX,MAAOI,EACP,eAAgBN,EAChB,IAAK,EACL,KAAMO,EACL,GAAGR,CAAAA,CACN,CAEJ,EAEAD,EAAoB,YAAc"}
+{"version":3,"file":"BannerSlimContainer.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nconst toAlign = {\n  sm: 'flex-start',\n  md: 'center'\n}\n\nconst toWrap = {\n  sm: 'wrap',\n  md: 'nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(BannerContainer, {\n  base: ['p-4'],\n  variants: {\n    sizeWorkaround: {\n      sm: [],\n      md: ['px-6']\n    }\n  }\n})\n\ntype TBannerSlimContainerProps = Omit<\n  React.ComponentProps<typeof StyledBannerSlimContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\n\n  const direction = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  const align = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toAlign[s]),\n    [size]\n  )\n\n  const wrap = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toWrap[s]),\n    [size]\n  )\n\n  return (\n    <StyledBannerSlimContainer\n      direction={direction}\n      align={align}\n      sizeWorkaround={size}\n      gap={4}\n      wrap={wrap}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"names":["toDirection","toAlign","toWrap","StyledBannerSlimContainer","styled","BannerContainer","BannerSlimContainer","props","size","useBannerContext","direction","React","overrideStyledVariantValue","s","align","wrap"],"mappings":"+SAQA,MAAMA,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEMC,EAAU,CACd,GAAI,aACJ,GAAI,QACN,EAEMC,EAAS,CACb,GAAI,OACJ,GAAI,QACN,EAEMC,EAA4BC,EAAOC,EAAiB,CACxD,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,eAAgB,CACd,GAAI,CAAC,EACL,GAAI,CAAC,MAAM,CACb,CACF,CACF,CAAC,EAOYC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAAA,EAEXC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMb,EAAYa,CAAC,CAAC,EAC5D,CAACL,CAAI,CACP,EAEMM,EAAQH,EAAM,QAClB,IAAMC,EAA2BJ,EAAOK,GAAMZ,EAAQY,CAAC,CAAC,EACxD,CAACL,CAAI,CACP,EAEMO,EAAOJ,EAAM,QACjB,IAAMC,EAA2BJ,EAAOK,GAAMX,EAAOW,CAAC,CAAC,EACvD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACR,EAAA,CACC,UAAWO,EACX,MAAOI,EACP,eAAgBN,EAChB,IAAK,EACL,KAAMO,EACL,GAAGR,CAAAA,CACN,CAEJ,EAEAD,EAAoB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimContent.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as r}from"../../../stitches.js";import{Flex as o}from"../../flex/Flex.js";const m=r(o,{width:"100%"}),e=t=>n.createElement(m,{align:"center",gap:4,...t});e.displayName="BannerSlimContent";export{e as BannerSlimContent};
+import*as n from"react";import{styled as r}from"../../../styled.js";import{Flex as o}from"../../flex/Flex.js";const m=r(o,{base:["w-full"]}),e=t=>n.createElement(m,{align:"center",gap:4,...t});e.displayName="BannerSlimContent";export{e as BannerSlimContent};
 //# sourceMappingURL=BannerSlimContent.js.map

package/dist/components/banner/banner-slim/BannerSlimContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContent.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../../flex'\n\nconst StyledBannerSlimContent = styled(Flex, {\n  width: '100%'\n})\n\nexport const BannerSlimContent = (\n  props: React.ComponentProps<typeof StyledBannerSlimContent>\n) => <StyledBannerSlimContent align=\"center\" gap={4} {...props} />\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"names":["StyledBannerSlimContent","styled","Flex","BannerSlimContent","props","React"],"mappings":"gHAMA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,MAAO,MACT,CAAC,EAEYC,EACXC,GACGC,EAAA,cAACL,EAAA,CAAwB,MAAM,SAAS,IAAK,EAAI,GAAGI,CAAO,CAAA,EAEhED,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimContent.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../../flex'\n\nconst StyledBannerSlimContent = styled(Flex, {\n  base: ['w-full']\n})\n\nexport const BannerSlimContent = (\n  props: React.ComponentProps<typeof StyledBannerSlimContent>\n) => <StyledBannerSlimContent align=\"center\" gap={4} {...props} />\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"names":["StyledBannerSlimContent","styled","Flex","BannerSlimContent","props","React"],"mappings":"8GAMA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,KAAM,CAAC,QAAQ,CACjB,CAAC,EAEYC,EACXC,GACGC,EAAA,cAACL,EAAA,CAAwB,MAAM,SAAS,IAAK,EAAI,GAAGI,CAAO,CAAA,EAEhED,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimDismiss.js

@@ -1,2 +1,2 @@
-import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as a}from"../../../stitches.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const d=a(l,{variants:{emphasis:{bold:{color:"white !important"}},containerSize:{sm:{position:"absolute",top:"$4",right:"$4"},md:{position:"static"}}}}),s=({label:t="dismiss",...o})=>{const{size:m,setHasDismiss:i,emphasis:r}=f();return e.useEffect(()=>(i(!0),()=>{i(!1)}),[i]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(d,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:m,emphasis:r,...o},e.createElement(p,{is:n})))};s.displayName="BannerSlimDismiss";export{s as BannerSlimDismiss};
+import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../../styled.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const d=n(l,{base:[],variants:{emphasis:{bold:["text-white!"]},containerSize:{sm:["absolute","right-4","top-4"],md:["static"]}}}),i=({label:t="dismiss",...m})=>{const{size:o,setHasDismiss:s,emphasis:r}=f();return e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(d,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:o,emphasis:r,...m},e.createElement(p,{is:a})))};i.displayName="BannerSlimDismiss";export{i as BannerSlimDismiss};
 //# sourceMappingURL=BannerSlimDismiss.js.map

package/dist/components/banner/banner-slim/BannerSlimDismiss.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimDismiss.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(ActionIcon, {\n  variants: {\n    emphasis: {\n      bold: {\n        color: 'white !important'\n      }\n    },\n    containerSize: {\n      sm: { position: 'absolute', top: '$4', right: '$4' },\n      md: { position: 'static' }\n    }\n  }\n})\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"uTAUA,MAAMA,EAAgBC,EAAOC,EAAY,CACvC,SAAU,CACR,SAAU,CACR,KAAM,CACJ,MAAO,kBACT,CACF,EACA,cAAe,CACb,GAAI,CAAE,SAAU,WAAY,IAAK,KAAM,MAAO,IAAK,EACnD,GAAI,CAAE,SAAU,QAAS,CAC3B,CACF,CACF,CAAC,EAOYC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,aACLC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,IAE1C,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EACrBD,EAAAA,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimDismiss.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: [],\n  variants: {\n    emphasis: {\n      bold: ['text-white!']\n    },\n    containerSize: {\n      sm: ['absolute', 'right-4', 'top-4'],\n      md: ['static']\n    }\n  }\n})\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"qTAUA,MAAMA,EAAgBC,EAAOC,EAAY,CACvC,KAAM,GACN,SAAU,CACR,SAAU,CACR,KAAM,CAAC,aAAa,CACtB,EACA,cAAe,CACb,GAAI,CAAC,WAAY,UAAW,OAAO,EACnC,GAAI,CAAC,QAAQ,CACf,CACF,CACF,CAAC,EAOYC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,IAE1C,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EAAA,EACrBD,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimImage.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as r}from"../../../stitches.js";import{Box as m}from"../../box/Box.js";import{Image as a}from"../../image/Image.js";import{useBannerContext as n}from"../BannerContext.js";const s=r(m,{overflow:"hidden",borderRadius:"$round",alignSelf:"flex-start",flexShrink:0,variants:{size:{sm:{size:"$4"},md:{size:"$5"}}}}),l=r(a,{maxWidth:"auto",size:"100%",objectFit:"cover"}),t=o=>{const{size:i}=n();return e.createElement(s,{size:i},e.createElement(l,{...o}))};t.displayName="BannerSlimImage";export{t as BannerSlimImage};
+import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as s}from"../../image/Image.js";import{useBannerContext as t}from"../BannerContext.js";const a=r("div",{base:["overflow-hidden","rounded-round","self-start","shrink-0"],variants:{size:{sm:["size-10"],md:["size-12"]}}}),i=r(s,{base:["max-w-none","size-full","object-cover"]}),m=n=>{const{size:o}=t();return e.createElement(a,{size:o},e.createElement(i,{...n}))};m.displayName="BannerSlimImage";export{m as BannerSlimImage};
 //# sourceMappingURL=BannerSlimImage.js.map

package/dist/components/banner/banner-slim/BannerSlimImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimImage.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box'\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(Box, {\n  overflow: 'hidden',\n  borderRadius: '$round',\n  alignSelf: 'flex-start',\n  flexShrink: 0,\n  variants: {\n    size: {\n      sm: {\n        size: '$4'\n      },\n      md: {\n        size: '$5'\n      }\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  maxWidth: 'auto',\n  size: '100%',\n  objectFit: 'cover'\n})\n\nexport const BannerSlimImage = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"names":["Container","styled","Box","StyledImage","Image","BannerSlimImage","props","size","useBannerContext","React"],"mappings":"iNAQA,MAAMA,EAAYC,EAAOC,EAAK,CAC5B,SAAU,SACV,aAAc,SACd,UAAW,aACX,WAAY,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,IACR,EACA,GAAI,CACF,KAAM,IACR,CACF,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,SAAU,OACV,KAAM,OACN,UAAW,OACb,CAAC,EAEYC,EAAmBC,GAA8C,CAC5E,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEjB,EAAA,OACEC,EAAA,cAACT,EAAA,CAAU,KAAMO,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAgB,YAAc"}
+{"version":3,"file":"BannerSlimImage.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled('div', {\n  base: ['overflow-hidden', 'rounded-round', 'self-start', 'shrink-0'],\n  variants: {\n    size: {\n      sm: ['size-10'],\n      md: ['size-12']\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"names":["Container","styled","StyledImage","Image","BannerSlimImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,CAAC,kBAAmB,gBAAiB,aAAc,UAAU,EACnE,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,CAChB,CACF,CACF,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,aAAc,YAAa,cAAc,CAClD,CAAC,EAEYC,EAAmBC,GAA8C,CAC5E,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CACfE,EAAAA,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAgB,YAAc"}

package/dist/components/banner/banner-slim/BannerSlimText.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as t}from"../../../stitches.js";import{Text as o}from"../../text/Text.js";import{useBannerContext as a}from"../BannerContext.js";const m=t(o,{color:"var(--banner-heading-color)",variants:{containerSize:{sm:{},md:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=e=>{const{size:i,hasDismiss:r}=a();return n.createElement(m,{size:"md",weight:"bold",containerSize:i,hasDismiss:r,noCapsize:!0,...e})};s.displayName="BannerSlimText";export{s as BannerSlimText};
+import*as n from"react";import{styled as a}from"../../../styled.js";import{Text as r}from"../../text/Text.js";import{useBannerContext as m}from"../BannerContext.js";const o=a(r,{base:["text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=e=>{const{size:i,hasDismiss:t}=m();return n.createElement(o,{size:"md",weight:"bold",containerSize:i,hasDismiss:t,noCapsize:!0,...e})};s.displayName="BannerSlimText";export{s as BannerSlimText};
 //# sourceMappingURL=BannerSlimText.js.map

package/dist/components/banner/banner-slim/BannerSlimText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  color: 'var(--banner-heading-color)',\n  variants: {\n    containerSize: {\n      sm: {},\n      md: {}\n    },\n    hasDismiss: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      css: {\n        mr: '$6'\n      }\n    }\n  ]\n})\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,8BACP,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAAA,EAE7B,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,EACN,CAEJ,EAEAD,EAAe,YAAc"}
+{"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n  base: ['text-(--banner-heading-color)'],\n  variants: {\n    containerSize: {\n      sm: [],\n      md: []\n    },\n    hasDismiss: {\n      true: []\n    }\n  },\n  compoundVariants: [\n    {\n      containerSize: 'sm',\n      hasDismiss: true,\n      class: ['mr-10']\n    }\n  ]\n})\n\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,IAE7B,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,EACN,CAEJ,EAEAD,EAAe,YAAc"}

package/dist/components/box/Box.js

@@ -1,2 +1,2 @@
-import{styled as t}from"../../stitches.js";const o=t("div",{});o.displayName="Box";export{o as Box};
+import{styled as e}from"../../styled.js";const o=e("div",{base:[]});o.displayName="Box";export{o as Box};
 //# sourceMappingURL=Box.js.map

package/dist/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Box = styled('div', {})\n\nBox.displayName = 'Box'\n"],"names":["Box","styled"],"mappings":"2CAEa,MAAAA,EAAMC,EAAO,MAAO,CAAE,CAAA,EAEnCD,EAAI,YAAc"}
+{"version":3,"file":"Box.js","sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Box = styled('div', {\n  base: []\n})\n\nBox.displayName = 'Box'\n"],"names":["Box","styled"],"mappings":"yCAEO,MAAMA,EAAMC,EAAO,MAAO,CAC/B,KAAM,CAAA,CACR,CAAC,EAEDD,EAAI,YAAc"}