@atom-learning/components 4.6.0 → 5.0.0

package/dist/components/badge/BadgeText.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=BadgeText.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge } from './Badge';

package/dist/components/badge/stitches.badge.colorscheme.config.d.ts

@@ -1,189 +0,0 @@
-export declare const colorSchemes: {
-    info: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    neutral: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    success: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    danger: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    warning: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    grey: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    blue: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    pink: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    purple: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    cyan: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    green: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    magenta: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    red: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    teal: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    orange: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    yellow: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-    lime: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-        };
-    }, "">;
-};

package/dist/components/badge/stitches.badge.colorscheme.config.js

@@ -1,2 +0,0 @@
-import{createTheme as e}from"../../stitches.js";const t=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info"}}),o=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800"}}),l=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success"}}),r=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger"}}),u=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning"}}),d=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textBold:"#FFF",backgroundBold:"$grey800"}}),n=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textBold:"#FFF",backgroundBold:"$blue800"}}),b=e({colors:{textSubtle:"$pink1000",backgroundSubtle:"$pink200",textBold:"#FFF",backgroundBold:"$pink800"}}),g=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textBold:"#FFF",backgroundBold:"$purple800"}}),c=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textBold:"#FFF",backgroundBold:"$cyan800"}}),a=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textBold:"#FFF",backgroundBold:"$green800"}}),$=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textBold:"#FFF",backgroundBold:"$magenta800"}}),F=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textBold:"#FFF",backgroundBold:"$red800"}}),k=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textBold:"#FFF",backgroundBold:"$teal800"}}),x=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textBold:"$grey1200",backgroundBold:"$orange600"}}),S=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textBold:"$grey1200",backgroundBold:"$yellow500"}}),B=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textBold:"$grey1200",backgroundBold:"$lime600"}}),s={info:t,neutral:o,success:l,danger:r,warning:u,grey:d,blue:n,pink:b,purple:g,cyan:c,green:a,magenta:$,red:F,teal:k,orange:x,yellow:S,lime:B};export{s as colorSchemes};
-//# sourceMappingURL=stitches.badge.colorscheme.config.js.map

package/dist/components/badge/stitches.badge.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$infoMid',\n    backgroundSubtle: '$infoLight',\n    textBold: '#FFF',\n    backgroundBold: '$info'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textBold: '#FFF',\n    backgroundBold: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textBold: '#FFF',\n    backgroundBold: '$blue800'\n  }\n})\n\nconst pink = createTheme({\n  colors: {\n    textSubtle: '$pink1000',\n    backgroundSubtle: '$pink200',\n    textBold: '#FFF',\n    backgroundBold: '$pink800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textBold: '#FFF',\n    backgroundBold: '$purple800'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textBold: '#FFF',\n    backgroundBold: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textBold: '#FFF',\n    backgroundBold: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textBold: '#FFF',\n    backgroundBold: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textBold: '#FFF',\n    backgroundBold: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textBold: '#FFF',\n    backgroundBold: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textBold: '$grey1200',\n    backgroundBold: '$orange600'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textBold: '$grey1200',\n    backgroundBold: '$lime600'\n  }\n})\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  grey,\n  blue,\n  pink,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","colorSchemes"],"mappings":"gDAMA,MAAMA,EAAOC,EAAY,CACvB,OAAQ,CACN,WAAY,WACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,OAClB,CACF,CAAC,EAEKC,EAAUD,EAAY,CAC1B,OAAQ,CACN,WAAY,WACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKE,EAAUF,EAAY,CAC1B,OAAQ,CACN,WAAY,cACZ,iBAAkB,gBAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKG,EAASH,EAAY,CACzB,OAAQ,CACN,WAAY,aACZ,iBAAkB,eAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKI,EAAUJ,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,gBAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAMKK,EAAOL,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKM,EAAON,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKO,EAAOP,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKQ,EAASR,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,OACV,eAAgB,YAClB,CACF,CAAC,EAEKS,EAAOT,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKU,EAAQV,EAAY,CACxB,OAAQ,CACN,WAAY,aACZ,iBAAkB,YAClB,SAAU,OACV,eAAgB,WAClB,CACF,CAAC,EAEKW,EAAUX,EAAY,CAC1B,OAAQ,CACN,WAAY,eACZ,iBAAkB,cAClB,SAAU,OACV,eAAgB,aAClB,CACF,CAAC,EAEKY,EAAMZ,EAAY,CACtB,OAAQ,CACN,WAAY,WACZ,iBAAkB,UAClB,SAAU,OACV,eAAgB,SAClB,CACF,CAAC,EAEKa,EAAOb,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,OACV,eAAgB,UAClB,CACF,CAAC,EAEKc,EAASd,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKe,EAASf,EAAY,CACzB,OAAQ,CACN,WAAY,cACZ,iBAAkB,aAClB,SAAU,YACV,eAAgB,YAClB,CACF,CAAC,EAEKgB,EAAOhB,EAAY,CACvB,OAAQ,CACN,WAAY,YACZ,iBAAkB,WAClB,SAAU,YACV,eAAgB,UAClB,CACF,CAAC,EAEYiB,EAAe,CAC1B,KAAAlB,EACA,QAAAE,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,CACF"}

package/dist/components/banner/Banner.d.ts

@@ -1,6 +0,0 @@
-export declare const Banner: {
-    ({ emphasis, size, children }: import("react").PropsWithChildren<import("./BannerContext").TBannerProviderProps>): import("react").JSX.Element;
-    displayName: string;
-} & {
-    Dismiss: ({ asChild, ...rest }: import("react").PropsWithChildren<import("../dismissible/DismissibleTrigger").IDismissibleTriggerProps>) => import("react").JSX.Element;
-};

package/dist/components/banner/Banner.js

@@ -1,2 +0,0 @@
-import{Dismissible as r}from"../dismissible/index.js";import{BannerProvider as i}from"./BannerContext.js";const s=Object.assign(i,{Dismiss:r.Trigger});export{s as Banner};
-//# sourceMappingURL=Banner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { Dismissible } from '../dismissible'\nimport { BannerProvider } from './BannerContext'\n\nexport const Banner = Object.assign(BannerProvider, {\n  Dismiss: Dismissible.Trigger\n})\n"],"names":["Banner","BannerProvider","Dismissible"],"mappings":"0GAGO,MAAMA,EAAS,OAAO,OAAOC,EAAgB,CAClD,QAASC,EAAY,OACvB,CAAC"}