@atom-learning/components 2.48.0 → 2.50.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\ntype TBannerContextValue = Pick<TBannerContainerProps, 'size' | 'emphasis'>\n\nexport const BannerContext = React.createContext<\n  TBannerContextValue | undefined\n>(undefined)\n\nexport const useBannerContext = (): Partial<TBannerContextValue> => {\n  const context = React.useContext(BannerContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useBannerContext must be used within a BannerContextProvider'\n    )\n  }\n\n  return context\n}\n"],"names":["BannerContext","React","useBannerContext","context"],"mappings":"wBAMO,MAAMA,EAAgBC,EAAM,cAEjC,MAAS,EAEEC,EAAmB,IAAoC,CAClE,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,8DACF,EAGF,OAAOA,CACT"}

package/dist/components/banner/banner-regular/BannerRegular.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Banner } from '../Banner';
+import { BannerRegularActions } from './BannerRegularActions';
+import { BannerRegularButton } from './BannerRegularButton';
+import { BannerRegularContent } from './BannerRegularContent';
+import { BannerRegularDismiss } from './BannerRegularDismiss';
+import { BannerRegularHeading } from './BannerRegularHeading';
+import { BannerRegularImage } from './BannerRegularImage';
+import { BannerRegularText } from './BannerRegularText';
+export declare const BannerRegular: React.FC<React.ComponentProps<typeof Banner>> & {
+    Content: typeof BannerRegularContent;
+    Heading: typeof BannerRegularHeading;
+    Text: typeof BannerRegularText;
+    Actions: typeof BannerRegularActions;
+    Image: typeof BannerRegularImage;
+    Button: typeof BannerRegularButton;
+    Dismiss: typeof BannerRegularDismiss;
+};

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

@@ -0,0 +1,2 @@
+import*as n from"react";import{Banner as a}from"../Banner.js";import{BannerRegularActions as o}from"./BannerRegularActions.js";import{BannerRegularButton as t}from"./BannerRegularButton.js";import{BannerRegularContent as m}from"./BannerRegularContent.js";import{BannerRegularDismiss as i}from"./BannerRegularDismiss.js";import{BannerRegularHeading as g}from"./BannerRegularHeading.js";import{BannerRegularImage as B}from"./BannerRegularImage.js";import{BannerRegularText as l}from"./BannerRegularText.js";const r=e=>n.createElement(a,{...e});r.Content=m,r.Heading=g,r.Text=l,r.Actions=o,r.Image=B,r.Button=t,r.Dismiss=i,r.displayName="BannerRegular";export{r as BannerRegular};
+//# sourceMappingURL=BannerRegular.js.map

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

@@ -0,0 +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 { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nexport const BannerRegular: React.FC<React.ComponentProps<typeof Banner>> & {\n  Content: typeof BannerRegularContent\n  Heading: typeof BannerRegularHeading\n  Text: typeof BannerRegularText\n  Actions: typeof BannerRegularActions\n  Image: typeof BannerRegularImage\n  Button: typeof BannerRegularButton\n  Dismiss: typeof BannerRegularDismiss\n} = (props) => {\n  return <Banner {...props} />\n}\n\nBannerRegular.Content = BannerRegularContent\nBannerRegular.Heading = BannerRegularHeading\nBannerRegular.Text = BannerRegularText\nBannerRegular.Actions = BannerRegularActions\nBannerRegular.Image = BannerRegularImage\nBannerRegular.Button = BannerRegularButton\nBannerRegular.Dismiss = BannerRegularDismiss\n\nBannerRegular.displayName = 'BannerRegular'\n"],"names":["BannerRegular","props","React","Banner","BannerRegularContent","BannerRegularHeading","BannerRegularText","BannerRegularActions","BannerRegularImage","BannerRegularButton","BannerRegularDismiss"],"mappings":"yfAWO,MAAMA,EAQRC,GACIC,EAAA,cAACC,EAAA,CAAQ,GAAGF,CAAAA,CAAO,EAG5BD,EAAc,QAAUI,EACxBJ,EAAc,QAAUK,EACxBL,EAAc,KAAOM,EACrBN,EAAc,QAAUO,EACxBP,EAAc,MAAQQ,EACtBR,EAAc,OAASS,EACvBT,EAAc,QAAUU,EAExBV,EAAc,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularActions.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Stack } from '../../stack';
+export declare const BannerRegularActions: React.FC<React.ComponentProps<typeof Stack>>;

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

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

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

@@ -0,0 +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 { Stack } from '../../stack'\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\nexport const BannerRegularActions: React.FC<\n  React.ComponentProps<typeof Stack>\n> = ({ children, ...props }) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toGap[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    <Stack gap={gap} {...props}>\n      {React.Children.map(children, (child, index) => {\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    </Stack>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"names":["MAX_ALLOWED_CHILDREN","toGap","BannerRegularActions","children","props","size","useBannerContext","gap","React","overrideStitchesVariantValue","s","invariant","BannerRegularButton","Stack","child","index","propsToInject"],"mappings":"sVASA,MAAMA,EAAuB,EAEvBC,EAAQ,CACZ,GAAI,EACJ,GAAI,CACN,EAEaC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAM,IAAM,CAC9B,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEXC,EAAAA,EAAMC,EAAM,QAChB,IAAMC,EAA6BJ,EAAOK,GAAMT,EAAMS,EAAE,EACxD,CAACL,CAAI,CACP,EAEA,OAAAM,EACEH,EAAM,SAAS,MAAML,CAAQ,GAAKH,EAClC,gBAAgBA,KAAwBY,EAAoB,yDAAyDV,EAAqB,aAC5I,EAGEM,EAAA,cAACK,EAAA,CAAM,IAAKN,EAAM,GAAGH,CAAAA,EAClBI,EAAM,SAAS,IAAIL,EAAU,CAACW,EAAOC,IAAU,CAC9C,GAAI,CAACP,EAAM,eAAeM,CAAK,EAC7B,MAAM,IAAI,MACR,mBAAmBZ,EAAqB,oCAC1C,EAGFS,EACEG,EAAM,OAASF,EACf,oBAAoBE,GAAA,YAAAA,EAAO,kCAAkCF,EAAoB,uCAAuCV,EAAqB,aAC/I,EAEA,MAAMc,EAEF,CAEF,WAAYD,EAAQ,EAAI,UAAY,MACtC,EAEA,OAAOP,EAAM,aACXM,EAGAE,CACF,CACF,CAAC,CACH,CAEJ,EAEAd,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularButton.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Button } from '../../button';
+export declare const BannerRegularButton: React.FC<React.ComponentProps<typeof Button>>;

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

@@ -0,0 +1,2 @@
+import*as e 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=n=>{const{emphasis:o,size:t}=u(),a=e.useMemo(()=>i(t,m=>m==="sm"),[t]);return e.createElement(s,{size:t,fullWidth:a,theme:o==="highContrast"?"neutral":"primary",...n})};r.displayName="BannerRegularButton";export{r as BannerRegularButton};
+//# sourceMappingURL=BannerRegularButton.js.map

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

@@ -0,0 +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: React.FC<\n  React.ComponentProps<typeof Button>\n> = (props) => {\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 === 'highContrast' ? '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,EAERC,GAAU,CACb,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,eAAiB,UAAY,UAChD,GAAGD,CACN,CAAA,CAEJ,EAEAD,EAAoB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularContent.d.ts

@@ -0,0 +1,430 @@
+import * as React from 'react';
+declare const Container: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+}>>, {
+    size?: "sm" | "md" | undefined;
+}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;
+export declare const BannerRegularContent: React.FC<React.ComponentProps<typeof Container>>;
+export {};

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

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

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

@@ -0,0 +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: React.FC<\n  React.ComponentProps<typeof Container>\n> = (props) => {\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,EAERC,GAAU,CACb,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OAAOC,EAAA,cAACP,EAAA,CAAU,KAAMK,EAAO,GAAGD,CAAAA,CAAO,CAC3C,EAEAD,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ActionIcon } from '../../action-icon';
+export declare const BannerRegularDismiss: React.FC<React.ComponentProps<typeof ActionIcon>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Close } from '@atom-learning/icons'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Banner } from '../Banner'\nimport { Icon } from '../../icon'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  position: 'absolute',\n  top: '$3',\n  right: '$3'\n})\n\nexport const BannerRegularDismiss: React.FC<\n  React.ComponentProps<typeof ActionIcon>\n> = ({ label = 'dismiss', ...rest }) => {\n  const { size } = useBannerContext()\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","useBannerContext","actionIconSize","React","overrideStitchesVariantValue","s","Banner","Icon","Close"],"mappings":"ybAYA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,SAAU,WACV,IAAK,KACL,MAAO,IACT,CAAC,EAEYC,EAET,CAAC,CAAE,MAAAC,EAAQ,aAAcC,CAAK,IAAM,CACtC,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEXC,EAAAA,EAAiBC,EAAM,QAC3B,IAAMC,EAA6BJ,EAAOK,GAAMZ,EAAiBY,EAAE,EACnE,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACG,EAAO,QAAP,CAAe,QAAO,EAAA,EACrBH,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMI,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGH,CAEJI,EAAAA,EAAA,cAACI,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CAEJ,EAEAX,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularHeading.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Heading } from '../../heading';
+export declare const BannerRegularHeading: React.FC<React.ComponentProps<typeof Heading>>;

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

@@ -0,0 +1,2 @@
+import*as t from"react";import{styled as a}from"../../../stitches.js";import{Heading as i}from"../../heading/Heading.js";import{useBannerContext as m}from"../BannerContext.js";const o=a(i,{mb:"$4",variants:{containerSize:{sm:{mr:"$6"},md:{mr:0}}}}),e=r=>{const{size:n}=m();return t.createElement(o,{size:"sm",containerSize:n,...r})};e.displayName="BannerRegularHeading";export{e as BannerRegularHeading};
+//# sourceMappingURL=BannerRegularHeading.js.map

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

@@ -0,0 +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  variants: {\n    containerSize: {\n      sm: {\n        mr: '$6'\n      },\n      md: {\n        mr: 0\n      }\n    }\n  }\n})\n\nexport const BannerRegularHeading: React.FC<\n  React.ComponentProps<typeof Heading>\n> = (props) => {\n  const { size } = useBannerContext()\n\n  return <StyledHeading size=\"sm\" containerSize={size} {...props} />\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","useBannerContext","React"],"mappings":"gLAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,KACJ,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,CACN,CACF,CACF,CACF,CAAC,EAEYC,EAERC,GAAU,CACb,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OAAOC,EAAA,cAACP,EAAA,CAAc,KAAK,KAAK,cAAeK,EAAO,GAAGD,CAAAA,CAAO,CAClE,EAEAD,EAAqB,YAAc"}

package/dist/components/banner/banner-regular/BannerRegularImage.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Image } from '../../image';
+export declare const BannerRegularImage: React.FC<React.ComponentProps<typeof Image>>;

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

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

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

@@ -0,0 +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: React.FC<\n  React.ComponentProps<typeof Image>\n> = (props) => {\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,EAERC,GAAU,CACb,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"}

package/dist/components/banner/banner-regular/BannerRegularText.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Text } from '../../text';
+export declare const BannerRegularText: React.FC<React.ComponentProps<typeof Text>>;

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

@@ -0,0 +1,2 @@
+import*as m from"react";import{styled as n}from"../../../stitches.js";import{Text as s}from"../../text/Text.js";import{useBannerContext as a}from"../BannerContext.js";const i=n(s,{color:"$grey900",variants:{containerSize:{sm:{mb:"$4",mr:"$6"},md:{mb:"$24",mr:0}},emphasis:{highContrast:{color:"$grey100"},midContrast:{},lowContrast:{}}}}),r=t=>{const{emphasis:o,size:e}=a();return m.createElement(i,{size:e,containerSize:e,emphasis:o,...t})};r.displayName="BannerRegularText";export{r as BannerRegularText};
+//# sourceMappingURL=BannerRegularText.js.map

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

@@ -0,0 +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: '$grey900',\n  variants: {\n    containerSize: {\n      sm: {\n        mb: '$4',\n        mr: '$6'\n      },\n      md: {\n        mb: '$24',\n        mr: 0\n      }\n    },\n    emphasis: {\n      highContrast: {\n        color: '$grey100'\n      },\n      midContrast: {},\n      lowContrast: {}\n    }\n  }\n})\n\nexport const BannerRegularText: React.FC<React.ComponentProps<typeof Text>> = (\n  props\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      emphasis={emphasis}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","emphasis","size","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,WACP,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,GAAI,MACJ,GAAI,CACN,CACF,EACA,SAAU,CACR,aAAc,CACZ,MAAO,UACT,EACA,YAAa,CACb,EAAA,YAAa,CAAA,CACf,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,CAAK,EAAIC,EAAiB,EAE5C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMM,EACN,cAAeA,EACf,SAAUD,EACT,GAAGD,EACN,CAEJ,EAEAD,EAAkB,YAAc"}

package/dist/components/banner/banner-regular/index.d.ts

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

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

@@ -0,0 +1 @@
+export * from './banner-regular';

package/dist/components/carousel/Carousel.js

@@ -1,2 +1,2 @@
-import{CarouselProvider as m,CarouselContext as u}from"pure-react-carousel";import*as e from"react";import{CarouselArrowNext as d,CarouselArrowPrevious as n}from"./CarouselArrows.js";import{CarouselPagination as C}from"./CarouselPagination.js";import{CarouselSlide as p}from"./CarouselSlide.js";import{CarouselSlider as S}from"./CarouselSlider.js";import{CSSWrapper as f}from"../../utilities/css-wrapper/CSSWrapper.js";const r=({children:o,css:i,slideHeight:t,slideWidth:l,numSlides:a,...s})=>e.createElement(f,{css:i},e.createElement(m,{naturalSlideWidth:l,naturalSlideHeight:t,totalSlides:a,...s},o)),c=()=>e.useContext(u);r.ArrowNext=d,r.ArrowPrevious=n,r.Pagination=C,r.Slide=p,r.Slider=S,r.displayName="Carousel";export{r as Carousel,c as useCarousel};
+import{CarouselProvider as m,CarouselContext as u}from"pure-react-carousel";import*as e from"react";import"../../stitches.js";import{CSSWrapper as d}from"../../utilities/css-wrapper/CSSWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{CarouselArrowNext as p,CarouselArrowPrevious as n}from"./CarouselArrows.js";import{CarouselPagination as C}from"./CarouselPagination.js";import{CarouselSlide as S}from"./CarouselSlide.js";import{CarouselSlider as f}from"./CarouselSlider.js";const r=({children:o,css:i,slideHeight:t,slideWidth:l,numSlides:a,...s})=>e.createElement(d,{css:i},e.createElement(m,{naturalSlideWidth:l,naturalSlideHeight:t,totalSlides:a,...s},o)),c=()=>e.useContext(u);r.ArrowNext=p,r.ArrowPrevious=n,r.Pagination=C,r.Slide=S,r.Slider=f,r.displayName="Carousel";export{r as Carousel,c as useCarousel};
 //# sourceMappingURL=Carousel.js.map

package/dist/components/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities'\n\nimport { CarouselArrowNext, CarouselArrowPrevious } from './CarouselArrows'\nimport { CarouselPagination } from './CarouselPagination'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselSlider } from './CarouselSlider'\n\ntype CarouselProps = {\n  slideHeight: number\n  slideWidth: number\n  numSlides: number\n}\n\ntype CarouselSubComponents = {\n  ArrowNext: typeof CarouselArrowNext\n  ArrowPrevious: typeof CarouselArrowPrevious\n  Pagination: typeof CarouselPagination\n  Slide: typeof CarouselSlide\n  Slider: typeof CarouselSlider\n}\n\nexport const Carousel: React.FC<\n  CarouselProps &\n    Omit<\n      React.ComponentProps<typeof CarouselProvider>,\n      'naturalSlideWidth' | 'naturalSlideHeight' | 'totalSlides'\n    > &\n    React.ComponentProps<typeof CSSWrapper>\n> &\n  CarouselSubComponents = ({\n  children,\n  css,\n  slideHeight,\n  slideWidth,\n  numSlides,\n  ...props\n}) => {\n  return (\n    <CSSWrapper css={css}>\n      <CarouselProvider\n        naturalSlideWidth={slideWidth}\n        naturalSlideHeight={slideHeight}\n        totalSlides={numSlides}\n        {...props}\n      >\n        {children}\n      </CarouselProvider>\n    </CSSWrapper>\n  )\n}\n\n/**\n * Documentation about the hook usage\n * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext\n */\nexport const useCarousel = () => React.useContext(CarouselContext)\n\nCarousel.ArrowNext = CarouselArrowNext\nCarousel.ArrowPrevious = CarouselArrowPrevious\nCarousel.Pagination = CarouselPagination\nCarousel.Slide = CarouselSlide\nCarousel.Slider = CarouselSlider\n\nCarousel.displayName = 'Carousel'\n"],"names":["Carousel","children","css","slideHeight","slideWidth","numSlides","props","React","CSSWrapper","CarouselProvider","useCarousel","CarouselContext","CarouselArrowNext","CarouselArrowPrevious","CarouselPagination","CarouselSlide","CarouselSlider"],"mappings":"maAwBa,MAAAA,EAQa,CAAC,CACzB,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAA,CAAW,IAAKN,CAAAA,EACfK,EAAA,cAACE,EAAA,CACC,kBAAmBL,EACnB,mBAAoBD,EACpB,YAAaE,EACZ,GAAGC,CAAAA,EAEHL,CACH,CACF,EAQSS,EAAc,IAAMH,EAAM,WAAWI,CAAe,EAEjEX,EAAS,UAAYY,EACrBZ,EAAS,cAAgBa,EACzBb,EAAS,WAAac,EACtBd,EAAS,MAAQe,EACjBf,EAAS,OAASgB,EAElBhB,EAAS,YAAc"}
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/carousel/Carousel.tsx"],"sourcesContent":["import { CarouselContext, CarouselProvider } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { CSSWrapper } from '~/utilities'\n\nimport { CarouselArrowNext, CarouselArrowPrevious } from './CarouselArrows'\nimport { CarouselPagination } from './CarouselPagination'\nimport { CarouselSlide } from './CarouselSlide'\nimport { CarouselSlider } from './CarouselSlider'\n\ntype CarouselProps = {\n  slideHeight: number\n  slideWidth: number\n  numSlides: number\n}\n\ntype CarouselSubComponents = {\n  ArrowNext: typeof CarouselArrowNext\n  ArrowPrevious: typeof CarouselArrowPrevious\n  Pagination: typeof CarouselPagination\n  Slide: typeof CarouselSlide\n  Slider: typeof CarouselSlider\n}\n\nexport const Carousel: React.FC<\n  CarouselProps &\n    Omit<\n      React.ComponentProps<typeof CarouselProvider>,\n      'naturalSlideWidth' | 'naturalSlideHeight' | 'totalSlides'\n    > &\n    React.ComponentProps<typeof CSSWrapper>\n> &\n  CarouselSubComponents = ({\n  children,\n  css,\n  slideHeight,\n  slideWidth,\n  numSlides,\n  ...props\n}) => {\n  return (\n    <CSSWrapper css={css}>\n      <CarouselProvider\n        naturalSlideWidth={slideWidth}\n        naturalSlideHeight={slideHeight}\n        totalSlides={numSlides}\n        {...props}\n      >\n        {children}\n      </CarouselProvider>\n    </CSSWrapper>\n  )\n}\n\n/**\n * Documentation about the hook usage\n * https://github.com/express-labs/pure-react-carousel#hooks-and-usecontext\n */\nexport const useCarousel = () => React.useContext(CarouselContext)\n\nCarousel.ArrowNext = CarouselArrowNext\nCarousel.ArrowPrevious = CarouselArrowPrevious\nCarousel.Pagination = CarouselPagination\nCarousel.Slide = CarouselSlide\nCarousel.Slider = CarouselSlider\n\nCarousel.displayName = 'Carousel'\n"],"names":["Carousel","children","css","slideHeight","slideWidth","numSlides","props","React","CSSWrapper","CarouselProvider","useCarousel","CarouselContext","CarouselArrowNext","CarouselArrowPrevious","CarouselPagination","CarouselSlide","CarouselSlider"],"mappings":"kgBAwBa,MAAAA,EAQa,CAAC,CACzB,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAA,CAAW,IAAKN,CAAAA,EACfK,EAAA,cAACE,EAAA,CACC,kBAAmBL,EACnB,mBAAoBD,EACpB,YAAaE,EACZ,GAAGC,CAAAA,EAEHL,CACH,CACF,EAQSS,EAAc,IAAMH,EAAM,WAAWI,CAAe,EAEjEX,EAAS,UAAYY,EACrBZ,EAAS,cAAgBa,EACzBb,EAAS,WAAac,EACtBd,EAAS,MAAQe,EACjBf,EAAS,OAASgB,EAElBhB,EAAS,YAAc"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js

@@ -1,2 +1,2 @@
-import{Ok as m}from"@atom-learning/icons";import*as n from"@radix-ui/react-toggle-group";import*as o from"react";import{Chip as t}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{Icon as s}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";const e=r(s,{display:"none"}),p=r(t,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...c()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${e}`]:{display:"block"}}}),d=({size:l="md",children:a,...i})=>o.createElement(n.Item,{...i,asChild:!0},o.createElement(p,{asWorkaround:"button"},o.createElement(e,{is:m,size:l==="lg"?"md":"sm"}),o.createElement(t.Content,null,a)));export{d as ChipToggleGroupItem};
+import{Ok as m}from"@atom-learning/icons";import*as n from"@radix-ui/react-toggle-group";import*as o from"react";import{Chip as t}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{Icon as s}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"color2k";import{focusVisibleStyleBlock as p}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";const e=r(s,{display:"none"}),c=r(t,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...p()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${e}`]:{display:"block"}}}),d=({size:l="md",children:a,...i})=>o.createElement(n.Item,{...i,asChild:!0},o.createElement(c,{asWorkaround:"button"},o.createElement(e,{is:m,size:l==="lg"?"md":"sm"}),o.createElement(t.Content,null,a)));export{d as ChipToggleGroupItem};
 //# sourceMappingURL=ChipToggleGroupItem.js.map