@atom-learning/components 2.32.3-beta.0 → 2.34.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [2.34.0](https://github.com/Atom-Learning/components/compare/v2.33.0...v2.34.0) (2023-02-21)
+
+
+### Features
+
+* add sourcemap support to lib ([3b9ffe7](https://github.com/Atom-Learning/components/commit/3b9ffe7f9dbd5ab85bc1e7846ad779e1411b8e09))
+* move to new ds url ([9c5acb3](https://github.com/Atom-Learning/components/commit/9c5acb35f8548a77903ef9f2cf82eb81476a7cfc))
+
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

package/README.md

@@ -1,15 +1,23 @@
-# Atom Learning Components
+# Component Library
 
 ![badge](https://img.shields.io/npm/v/@atom-learning/components)
 ![badge](https://img.shields.io/github/workflow/status/Atom-Learning/components/Test%20&%20validate)
 ![badge](https://img.shields.io/bundlephobia/minzip/@atom-learning/components)
 
-`@atom-learning/components` is a collection of generic React components built using [stitches](https://stitches.dev), it includes components that cover layout, content, data collection, media and a host of other UI concerns. It uses `@atom-learning/theme` to provide the design tokens for color, typography, spacing and layout.
+`lib/`, released as `@atom-learning/components`, is a collection of generic React components built using [stitches](https://stitches.dev) and [radix](https://www.radix-ui.com/), it includes components that cover layout, content, data collection, media and a host of other UI concerns. It uses `@atom-learning/theme` to provide the design tokens for color, typography, spacing and layout.
+
+You can read about the components included in `@atom-learning/components` at [https://design.atomlearning.technology](https://design.atomlearning.technology)
+
+## Getting started
+
+Install the publicly available `@atom-learning/components `npm package:
 
 ```
-yarn add @atom-learning/components @atom-learning/theme
+yarn add @atom-learning/components
 ```
 
+Import and use in your project:
+
 ```jsx
 import { Box, Heading, Text } from '@atom-learning/components'
 
@@ -22,5 +30,3 @@ const Component = () => {
   )
 }
 ```
-
-You can read more about the components included in `@atom-learning/components` at [https://design.atomlearning.technology](https://design.atomlearning.technology)

package/dist/components/accordion/Accordion.js

@@ -1 +1,2 @@
 import{Root as c}from"@radix-ui/react-accordion";import r from"react";import{styled as n}from"../../stitches.js";import{AccordionContent as d}from"./AccordionContent.js";import{AccordionItem as f}from"./AccordionItem.js";import{AccordionTrigger as p}from"./AccordionTrigger.js";const l=n(c,{width:"100%"}),o=r.forwardRef(({type:t="single",children:e,...i},m)=>r.createElement(l,{ref:m,type:t,...i},e));o.Item=f,o.Content=d,o.Trigger=p,o.displayName="Accordion";export{o as Accordion};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { AccordionContent } from './AccordionContent'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionTrigger } from './AccordionTrigger'\n\nconst StyledRoot = styled(Root, {\n  width: '100%'\n})\n\ntype AccordionProps = React.ComponentProps<typeof StyledRoot> & {\n  type: 'single' | 'multiple'\n}\n\ntype AccordionType = React.ForwardRefExoticComponent<AccordionProps> & {\n  Item: typeof AccordionItem\n  Content: typeof AccordionContent\n  Trigger: typeof AccordionTrigger\n}\n\nexport const Accordion = React.forwardRef(\n  ({ type = 'single', children, ...remainingProps }, ref) => (\n    // eslint-disable-next-line\n    // @ts-ignore TODO: Radix has an TS error that throws a warning if you pass multiple in. Needs to be fixed by the owner\n    <StyledRoot ref={ref} type={type} {...remainingProps}>\n      {children}\n    </StyledRoot>\n  )\n) as AccordionType\n\nAccordion.Item = AccordionItem\nAccordion.Content = AccordionContent\nAccordion.Trigger = AccordionTrigger\n\nAccordion.displayName = 'Accordion'\n"],"names":["StyledRoot","styled","Root","Accordion","React","type","children","remainingProps","ref","AccordionItem","AccordionContent","AccordionTrigger"],"mappings":"sRASA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EAYYC,EAAYC,EAAM,WAC7B,CAAC,CAAE,KAAAC,EAAO,SAAU,SAAAC,KAAaC,CAAe,EAAGC,IAGjDJ,EAAA,cAACJ,EAAA,CAAW,IAAKQ,EAAK,KAAMH,EAAO,GAAGE,CACnCD,EAAAA,CACH,CAEJ,EAEAH,EAAU,KAAOM,EACjBN,EAAU,QAAUO,EACpBP,EAAU,QAAUQ,EAEpBR,EAAU,YAAc"}

package/dist/components/accordion/AccordionContent.js

@@ -1 +1,2 @@
 import{Content as n}from"@radix-ui/react-accordion";import t from"react";import{keyframes as o,styled as i}from"../../stitches.js";import{CSSWrapper as d}from"../../utilities/css-wrapper/CSSWrapper.js";const c=o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),s=o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),m=i(n,{border:0,width:"100%",bg:"$background",overflow:"hidden",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${c} 300ms ease-out`},'&[data-state="closed"]':{animation:`${s} 300ms ease-out`}}}),h=({children:e,css:r,...a})=>t.createElement(m,{...a},t.createElement(d,{css:r},e));export{h as AccordionContent};
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sources":["../../../src/components/accordion/AccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { keyframes, styled } from '~/stitches'\nimport { CSSWrapper } from '~/utilities'\n\nconst open = keyframes({\n  from: { height: 0 },\n  to: { height: 'var(--radix-accordion-content-height)' }\n})\n\nconst close = keyframes({\n  from: { height: 'var(--radix-accordion-content-height)' },\n  to: { height: 0 }\n})\n\nconst StyledContent = styled(Content, {\n  border: 0,\n  width: '100%',\n  bg: '$background',\n  overflow: 'hidden',\n  '&[data-state=\"open\"]': { borderRadius: '0 0 $0 $0' },\n\n  '@allowMotion': {\n    '&[data-state=\"open\"]': { animation: `${open} 300ms ease-out` },\n    '&[data-state=\"closed\"]': { animation: `${close} 300ms ease-out` }\n  }\n})\n\ntype AccordionContentProps = React.ComponentProps<typeof StyledContent>\n\nexport const AccordionContent: React.FC<AccordionContentProps> = ({\n  children,\n  css,\n  ...remainingProps\n}) => (\n  <StyledContent {...remainingProps}>\n    <CSSWrapper css={css}>{children}</CSSWrapper>\n  </StyledContent>\n)\n"],"names":["open","keyframes","close","StyledContent","styled","Content","AccordionContent","children","css","remainingProps","React","CSSWrapper"],"mappings":"0MAMA,MAAMA,EAAOC,EAAU,CACrB,KAAM,CAAE,OAAQ,CAAE,EAClB,GAAI,CAAE,OAAQ,uCAAwC,CACxD,CAAC,EAEKC,EAAQD,EAAU,CACtB,KAAM,CAAE,OAAQ,uCAAwC,EACxD,GAAI,CAAE,OAAQ,CAAE,CAClB,CAAC,EAEKE,EAAgBC,EAAOC,EAAS,CACpC,OAAQ,EACR,MAAO,OACP,GAAI,cACJ,SAAU,SACV,uBAAwB,CAAE,aAAc,WAAY,EAEpD,eAAgB,CACd,uBAAwB,CAAE,UAAW,GAAGL,kBAAsB,EAC9D,yBAA0B,CAAE,UAAW,GAAGE,kBAAuB,CACnE,CACF,CAAC,EAIYI,EAAoD,CAAC,CAChE,SAAAC,EACA,IAAAC,KACGC,CACL,IACEC,EAAA,cAACP,EAAA,CAAe,GAAGM,CAAAA,EACjBC,EAAA,cAACC,EAAA,CAAW,IAAKH,CAAMD,EAAAA,CAAS,CAClC"}

package/dist/components/accordion/AccordionItem.js

@@ -1 +1,2 @@
-import{Item as m}from"@radix-ui/react-accordion";import r from"react";import{styled as l}from"../../stitches.js";const c=l(m,{width:"100%","&:not(:last-child)":{mb:"$1"}}),i=({children:t,value:o,...e})=>r.createElement(c,{value:o,...e},t);export{i as AccordionItem};
+import{Item as m}from"@radix-ui/react-accordion";import r from"react";import{styled as l}from"../../stitches.js";const c=l(m,{width:"100%","&:not(:last-child)":{mb:"$1"}}),i=({children:t,value:e,...o})=>r.createElement(c,{value:e,...o},t);export{i as AccordionItem};
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-accordion'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledItem = styled(Item, {\n  width: '100%',\n\n  '&:not(:last-child)': {\n    mb: '$1'\n  }\n})\n\ntype AccordionItemProps = React.ComponentProps<typeof StyledItem>\n\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\n  children,\n  value,\n  ...remainingProps\n}) => (\n  <StyledItem value={value} {...remainingProps}>\n    {children}\n  </StyledItem>\n)\n"],"names":["StyledItem","styled","Item","AccordionItem","children","value","remainingProps","React"],"mappings":"iHAKA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,OAEP,qBAAsB,CACpB,GAAI,IACN,CACF,CAAC,EAIYC,EAA8C,CAAC,CAC1D,SAAAC,EACA,MAAAC,KACGC,CACL,IACEC,EAAA,cAACP,EAAA,CAAW,MAAOK,EAAQ,GAAGC,GAC3BF,CACH"}

package/dist/components/accordion/AccordionTrigger.js

@@ -1 +1,2 @@
-import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as s}from"@radix-ui/react-accordion";import e from"react";import{styled as t}from"../../stitches.js";import{Icon as n}from"../icon/Icon.js";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";import{ColorScheme as d}from"../../experiments/color-scheme/ColorScheme.js";const l=t(n,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),m=t(s,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",bg:"$interactive2",color:"$interactiveForeground","&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:active, &:hover, &:focus-visible":{bg:"$interactive3"},"&:focus-visible":{...c()}},'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"}}),f=({children:o,colorScheme:r={},...a})=>e.createElement(d,{asChild:!0,accent:"slate",interactive:"loContrast1",...r},e.createElement(m,{...a},o,e.createElement(l,{is:i})));export{f as AccordionTrigger};
+import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as s}from"@radix-ui/react-accordion";import e from"react";import{styled as t}from"../../stitches.js";import{Icon as n}from"../icon/Icon.js";import{ColorScheme as c}from"../../experiments/color-scheme/ColorScheme.js";import{focusVisibleStyleBlock as d}from"../../utilities/style/focus-visible-style-block.js";const l=t(n,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),m=t(s,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",bg:"$interactive2",color:"$interactiveForeground","&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:active, &:hover, &:focus-visible":{bg:"$interactive3"},"&:focus-visible":{...d()}},'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"}}),f=({children:o,colorScheme:r={},...a})=>e.createElement(c,{asChild:!0,accent:"slate",interactive:"loContrast1",...r},e.createElement(m,{...a},o,e.createElement(l,{is:i})));export{f as AccordionTrigger};
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/components/accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.js","sources":["../../../src/components/accordion/AccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-accordion'\nimport { focusVisibleStyleBlock } from '~/utilities'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon } from '../icon'\n\nimport { ColorScheme } from '~/experiments/color-scheme'\n\nconst RotatingIcon = styled(Icon, {\n  transition: 'transform 300ms',\n  '[data-state=\"open\"] > &': {\n    transform: 'rotate(180deg)'\n  },\n  '[data-state=\"closed\"] > &': {\n    transform: 'rotate(0deg)'\n  }\n})\n\nconst StyledTrigger = styled(Trigger, {\n  border: 0,\n  py: '$3',\n  px: '$4',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  cursor: 'pointer',\n  bg: '$interactive2',\n  color: '$interactiveForeground',\n  '&[data-disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed'\n  },\n  '&:not([data-disabled])': {\n    '&:active, &:hover, &:focus-visible': {\n      bg: '$interactive3'\n    },\n    '&:focus-visible': {\n      ...focusVisibleStyleBlock()\n    }\n  },\n  '&[data-state=\"open\"]': {\n    borderRadius: '$0 $0 0 0'\n  },\n  '&[data-state=\"closed\"]': {\n    borderRadius: '$0'\n  }\n})\n\ntype AccordionTriggerProps = React.ComponentProps<typeof StyledTrigger> & {\n  colorScheme?: typeof ColorScheme\n}\n\nexport const AccordionTrigger: React.FC<AccordionTriggerProps> = ({\n  children,\n  colorScheme = {},\n  ...remainingProps\n}) => (\n  <ColorScheme\n    asChild\n    accent=\"slate\"\n    interactive=\"loContrast1\"\n    {...colorScheme}\n  >\n    <StyledTrigger {...remainingProps}>\n      {children}\n      <RotatingIcon is={ChevronDown} />\n    </StyledTrigger>\n  </ColorScheme>\n)\n"],"names":["RotatingIcon","styled","Icon","StyledTrigger","Trigger","focusVisibleStyleBlock","AccordionTrigger","children","colorScheme","remainingProps","React","ColorScheme","ChevronDown"],"mappings":"sXAWA,MAAMA,EAAeC,EAAOC,EAAM,CAChC,WAAY,kBACZ,0BAA2B,CACzB,UAAW,gBACb,EACA,4BAA6B,CAC3B,UAAW,cACb,CACF,CAAC,EAEKC,EAAgBF,EAAOG,EAAS,CACpC,OAAQ,EACR,GAAI,KACJ,GAAI,KACJ,MAAO,OACP,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,OAAQ,UACR,GAAI,gBACJ,MAAO,yBACP,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,qCAAsC,CACpC,GAAI,eACN,EACA,kBAAmB,CACjB,GAAGC,EACL,CAAA,CACF,EACA,uBAAwB,CACtB,aAAc,WAChB,EACA,yBAA0B,CACxB,aAAc,IAChB,CACF,CAAC,EAMYC,EAAoD,CAAC,CAChE,SAAAC,EACA,YAAAC,EAAc,MACXC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,QAAO,GACP,OAAO,QACP,YAAY,cACX,GAAGH,CAAAA,EAEJE,EAAA,cAACP,EAAA,CAAe,GAAGM,CAChBF,EAAAA,EACDG,EAAA,cAACV,EAAA,CAAa,GAAIY,CAAAA,CAAa,CACjC,CACF"}

package/dist/components/action-icon/ActionIcon.constants.js

@@ -1 +1,2 @@
 const m={xs:"sm",sm:"sm",md:"md",lg:"lg"};export{m as ActionIconSizeMap};
+//# sourceMappingURL=ActionIcon.constants.js.map

package/dist/components/action-icon/ActionIcon.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.constants.js","sources":["../../../src/components/action-icon/ActionIcon.constants.ts"],"sourcesContent":["export const ActionIconSizeMap = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg'\n}\n"],"names":["ActionIconSizeMap"],"mappings":"AAAa,MAAAA,EAAoB,CAC/B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN"}

package/dist/components/action-icon/ActionIcon.js

@@ -1 +1,2 @@
 import{darken as i}from"color2k";import g from"invariant";import*as o from"react";import{styled as D,theme as n}from"../../stitches.js";import{ActionIconSizeMap as w}from"./ActionIcon.constants.js";import{Icon as m}from"../icon/Icon.js";const c=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),f=D("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:c("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:c("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:c("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:l("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:l("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:p("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:p("$danger","$dangerMid","$dangerDark")}]}),t=o.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="sm",label:b,href:u,disabled:d,...h},k)=>{const y=`A single ${m.displayName} component is permitted as a child of ${t.displayName}`;return g(o.Children.count(e)===1,y),o.createElement(f,{...h,...u?{as:"a",href:d?null:u,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":b,theme:r,appearance:a,size:$,ref:k,disabled:d},o.Children.map(e,s=>{if(!o.isValidElement(s))throw new Error(y);return g(s.type===m,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${m.displayName} component is allowed in ${t.displayName}`),o.cloneElement(s,{size:w[$],css:{...s.props.css?s.props.css:{}}})}))});t.displayName="ActionIcon";export{t as ActionIcon};
+//# sourceMappingURL=ActionIcon.js.map

package/dist/components/action-icon/ActionIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import type { VariantProps } from '@stitches/react'\nimport { darken } from 'color2k'\nimport invariant from 'invariant'\nimport * as React from 'react'\n\nimport { styled, theme } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { ActionIconSizeMap } from './ActionIcon.constants'\n\nimport { Icon } from '../icon/Icon'\n\nconst getSimpleVariant = (base: string, interact: string, active: string) => ({\n  bg: 'transparent',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  },\n  '&[disabled]': {\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  }\n})\nconst getSolidVariant = (base: string, interact: string, active: string) => ({\n  bg: base,\n  color: 'white',\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    bg: interact,\n    color: 'white'\n  },\n  '&:not(:disabled):active': {\n    bg: active\n  },\n  '&[disabled]': {\n    bg: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  }\n})\nconst getOutlineVariant = (base: string, interact: string, active: string) => ({\n  border: '1px solid',\n  borderColor: 'currentColor',\n  color: base,\n  '&:not(:disabled):hover, &:not(:disabled):focus': {\n    color: interact\n  },\n  '&:not(:disabled):active': {\n    color: active\n  },\n  '&[disabled]': {\n    borderColor: '$tonal400',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  }\n})\n\nconst StyledButton = styled('button', {\n  alignItems: 'center',\n  appearance: 'none',\n  bg: 'white',\n  border: 'unset',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  p: 'unset',\n  transition: 'all 100ms ease-out',\n  variants: {\n    theme: {\n      neutral: {},\n      primary: {},\n      success: {},\n      warning: {},\n      danger: {}\n    },\n    appearance: {\n      simple: {},\n      outline: {},\n      solid: {}\n    },\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' }\n    },\n    isRounded: {\n      true: {\n        borderRadius: '$round'\n      }\n    }\n  },\n  compoundVariants: [\n    // Appearance Simple\n    {\n      theme: 'neutral',\n      appearance: 'simple',\n      css: getSimpleVariant('$tonal300', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primary',\n      appearance: 'simple',\n      css: getSimpleVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'simple',\n      css: getSimpleVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'simple',\n      css: getSimpleVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'simple',\n      css: getSimpleVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'simple',\n      css: getSimpleVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Solid\n    {\n      theme: 'primary',\n      appearance: 'solid',\n      css: getSolidVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'solid',\n      css: getSolidVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'solid',\n      css: getSolidVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'solid',\n      css: getSolidVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'solid',\n      css: getSolidVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n\n    // Appearance Outline\n    {\n      theme: 'primary',\n      appearance: 'outline',\n      css: getOutlineVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'primaryDark',\n      appearance: 'outline',\n      css: getOutlineVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'outline',\n      css: getOutlineVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'outline',\n      css: getOutlineVariant('$warning', '$warningMid', '$warningDark')\n    },\n    {\n      theme: 'danger',\n      appearance: 'outline',\n      css: getOutlineVariant('$danger', '$dangerMid', '$dangerDark')\n    }\n  ]\n})\n\ntype ActionIconProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  VariantProps<typeof StyledButton> & {\n    as?: string | React.ReactNode\n    children: React.ReactNode\n    label: string\n  } & NavigatorActions\n>\n\nexport const ActionIcon = React.forwardRef<HTMLButtonElement, ActionIconProps>(\n  (\n    {\n      children,\n      theme = 'primary',\n      appearance = 'simple',\n      size = 'sm',\n      label,\n      href,\n      disabled,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`\n\n    invariant(React.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE)\n\n    const optionalLinkProps = href\n      ? ({\n          as: 'a',\n          href: disabled ? null : href,\n          onClick: undefined,\n          'aria-disabled': !!disabled\n        } as const)\n      : ({ type: 'button' } as const)\n\n    return (\n      <StyledButton\n        {...remainingProps}\n        {...optionalLinkProps}\n        aria-label={label}\n        theme={theme}\n        appearance={appearance}\n        size={size}\n        ref={ref}\n        disabled={disabled}\n      >\n        {React.Children.map(children, (child) => {\n          // TS needs this check for any following code to access child.type\n          // even with optional chaining\n          if (!React.isValidElement(child)) {\n            throw new Error(INVALID_CHILDREN_MESSAGE)\n          }\n\n          invariant(\n            child.type === Icon,\n            `Children of type ${child?.type} aren't permitted. Only an ${Icon.displayName} component is allowed in ${ActionIcon.displayName}`\n          )\n\n          return React.cloneElement(child, {\n            size: ActionIconSizeMap[size as string],\n            css: { ...(child.props.css ? child.props.css : {}) }\n          })\n        })}\n      </StyledButton>\n    )\n  }\n)\n\nActionIcon.displayName = 'ActionIcon'\n"],"names":["getSimpleVariant","base","interact","active","getSolidVariant","getOutlineVariant","StyledButton","styled","darken","theme","ActionIcon","React","children","appearance","size","label","href","disabled","remainingProps","ref","INVALID_CHILDREN_MESSAGE","Icon","invariant","child","ActionIconSizeMap"],"mappings":"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"}

package/dist/components/alert-dialog/AlertDialog.js

@@ -1 +1,2 @@
 import{Root as e,Description as r,Title as i,Action as l,Cancel as n,Trigger as m}from"@radix-ui/react-alert-dialog";import*as a from"react";import{styled as c}from"../../stitches.js";import{AlertDialogContent as g}from"./AlertDialogContent.js";const p=c(e,{}),t=o=>a.createElement(p,{...o});t.Description=r,t.Title=i,t.Action=l,t.Cancel=n,t.Content=g,t.Trigger=m,t.displayName="AlertDialog";export{t as AlertDialog};
+//# sourceMappingURL=AlertDialog.js.map

package/dist/components/alert-dialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Action,\n  Cancel,\n  Description,\n  Root,\n  Title,\n  Trigger\n} from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { AlertDialogContent } from './AlertDialogContent'\n\nconst StyledAlertDialog = styled(Root, {})\n\ntype AlertDialogProps = React.ComponentProps<typeof StyledAlertDialog>\n\nexport const AlertDialog: React.FC<AlertDialogProps> & {\n  Content: typeof AlertDialogContent\n  Trigger: typeof Trigger\n  Description: typeof Description\n  Title: typeof Title\n  Action: typeof Action\n  Cancel: typeof Cancel\n} = (props) => <StyledAlertDialog {...props} />\n\nAlertDialog.Description = Description\nAlertDialog.Title = Title\nAlertDialog.Action = Action\nAlertDialog.Cancel = Cancel\nAlertDialog.Content = AlertDialogContent\nAlertDialog.Trigger = Trigger\n\nAlertDialog.displayName = 'AlertDialog'\n"],"names":["StyledAlertDialog","styled","Root","AlertDialog","props","React","Description","Title","Action","Cancel","AlertDialogContent","Trigger"],"mappings":"qPAcA,MAAMA,EAAoBC,EAAOC,EAAM,CAAE,CAAA,EAI5BC,EAORC,GAAUC,EAAA,cAACL,EAAA,CAAmB,GAAGI,CAAAA,CAAO,EAE7CD,EAAY,YAAcG,EAC1BH,EAAY,MAAQI,EACpBJ,EAAY,OAASK,EACrBL,EAAY,OAASM,EACrBN,EAAY,QAAUO,EACtBP,EAAY,QAAUQ,EAEtBR,EAAY,YAAc"}

package/dist/components/alert-dialog/AlertDialogContent.js

@@ -1 +1,2 @@
 import{Overlay as m,Content as l,Portal as d}from"@radix-ui/react-alert-dialog";import*as t from"react";import{DIALOG_Z_INDEX as e}from"../../constants/zIndices.js";import{keyframes as a,styled as n}from"../../stitches.js";import{fadeIn as f,fadeOut as p}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",r="translate3d(-50%, 50vh, 0)",c=a({"0%":{transform:r},"100%":{transform:o}}),b=a({"0%":{transform:o},"100%":{transform:r}}),x=n(m,{backgroundColor:"$alpha600",top:0,right:0,bottom:0,left:0,position:"fixed",zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${f} 250ms ease-out`},'&[data-state="closed"]':{animation:`${p} 550ms ease-out`}}}),u=n(l,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${c} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${b} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),h=({size:i="sm",...s})=>t.createElement(d,null,t.createElement(x,null),t.createElement(u,{size:i,...s}));export{h as AlertDialogContent};
+//# sourceMappingURL=AlertDialogContent.js.map

package/dist/components/alert-dialog/AlertDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogContent.js","sources":["../../../src/components/alert-dialog/AlertDialogContent.tsx"],"sourcesContent":["import { Content, Overlay, Portal } from '@radix-ui/react-alert-dialog'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { keyframes, styled } from '~/stitches'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nconst contentOnScreen = 'translate3d(-50%, -50%, 0)'\nconst contentOffScreen = 'translate3d(-50%, 50vh, 0)'\n\nconst slideIn = keyframes({\n  '0%': { transform: contentOffScreen },\n  '100%': { transform: contentOnScreen }\n})\nconst slideOut = keyframes({\n  '0%': { transform: contentOnScreen },\n  '100%': { transform: contentOffScreen }\n})\n\nconst StyledAlertDialogOverlay = styled(Overlay, {\n  backgroundColor: '$alpha600',\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  position: 'fixed',\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${fadeIn} 250ms ease-out`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${fadeOut} 550ms ease-out`\n    }\n  }\n})\n\nconst StyledAlertDialogContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$1',\n  boxShadow: '$3',\n  boxSizing: 'border-box',\n  left: '50%',\n  maxWidth: '90vw',\n  p: '$5',\n  position: 'fixed',\n  top: '50%',\n  transform: contentOnScreen,\n  '&:focus': {\n    outline: 'none'\n  },\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    '&[data-state=\"open\"]': {\n      animation: `${slideIn} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    },\n    '&[data-state=\"closed\"]': {\n      animation: `${slideOut} 550ms cubic-bezier(0.22, 1, 0.36, 1)`\n    }\n  },\n  variants: {\n    size: {\n      sm: { width: '380px' },\n      md: { width: '480px' },\n      lg: { width: '600px' }\n    }\n  }\n})\n\ntype AlertDialogContentProps = React.ComponentProps<\n  typeof StyledAlertDialogContent\n>\n\nexport const AlertDialogContent: React.FC<AlertDialogContentProps> = ({\n  size = 'sm',\n  ...remainingProps\n}) => (\n  <Portal>\n    <StyledAlertDialogOverlay />\n    <StyledAlertDialogContent size={size} {...remainingProps} />\n  </Portal>\n)\n"],"names":["contentOnScreen","contentOffScreen","slideIn","keyframes","slideOut","StyledAlertDialogOverlay","styled","Overlay","DIALOG_Z_INDEX","fadeIn","fadeOut","StyledAlertDialogContent","Content","AlertDialogContent","size","remainingProps","React","Portal"],"mappings":"kTAOA,MAAMA,EAAkB,6BAClBC,EAAmB,6BAEnBC,EAAUC,EAAU,CACxB,KAAM,CAAE,UAAWF,CAAiB,EACpC,OAAQ,CAAE,UAAWD,CAAgB,CACvC,CAAC,EACKI,EAAWD,EAAU,CACzB,KAAM,CAAE,UAAWH,CAAgB,EACnC,OAAQ,CAAE,UAAWC,CAAiB,CACxC,CAAC,EAEKI,EAA2BC,EAAOC,EAAS,CAC/C,gBAAiB,YACjB,IAAK,EACL,MAAO,EACP,OAAQ,EACR,KAAM,EACN,SAAU,QACV,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF,CAAC,EAEKC,EAA2BL,EAAOM,EAAS,CAC/C,GAAI,QACJ,aAAc,KACd,UAAW,KACX,UAAW,aACX,KAAM,MACN,SAAU,OACV,EAAG,KACH,SAAU,QACV,IAAK,MACL,UAAWZ,EACX,UAAW,CACT,QAAS,MACX,EACA,OAAQQ,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGN,wCAChB,EACA,yBAA0B,CACxB,UAAW,GAAGE,wCAChB,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,EACrB,GAAI,CAAE,MAAO,OAAQ,CACvB,CACF,CACF,CAAC,EAMYS,EAAwD,CAAC,CACpE,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACX,EAAA,IAAyB,EAC1BW,EAAA,cAACL,EAAA,CAAyB,KAAMG,EAAO,GAAGC,CAAAA,CAAgB,CAC5D"}

package/dist/components/alert-dialog/alert-context/AlertContext.js

@@ -1 +1,2 @@
 import*as e from"react";import{useIsMountedRef as s}from"../../../utilities/hooks/useIsMountedRef.js";import{Alert as u}from"./AlertDialog.js";import{reducer as a,initialState as d}from"./reducer.js";const n=e.createContext({showAlert:()=>null}),c=({children:r})=>{const[t,o]=e.useReducer(a,d),l=s();return e.createElement(n.Provider,{value:{showAlert:i=>o({payload:i,type:"ADD"})}},Boolean(t.length)&&e.createElement(u,{...t[0],key:t[0].id,onClose:()=>{l.current&&o({payload:t[0].id,type:"REMOVE"})}}),r)},m=()=>{const r=e.useContext(n);if(r===void 0)throw new Error("useAlert must be used within a AlertProvider");return r};export{c as AlertProvider,m as useAlert};
+//# sourceMappingURL=AlertContext.js.map

package/dist/components/alert-dialog/alert-context/AlertContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContext.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { useIsMountedRef } from '~/utilities/hooks/useIsMountedRef'\n\nimport { Alert } from './AlertDialog'\nimport { initialState, reducer } from './reducer'\nimport type { alert } from './types'\n\ntype context = {\n  showAlert: (data: alert) => void\n}\n\nconst AlertContext = React.createContext<context>({\n  showAlert: () => null\n})\n\nexport const AlertProvider: React.FC = ({ children }) => {\n  const [alerts, dispatch] = React.useReducer(reducer, initialState)\n  const isMountedRef = useIsMountedRef()\n\n  return (\n    <AlertContext.Provider\n      value={{\n        showAlert: (content: alert) =>\n          dispatch({\n            payload: content,\n            type: 'ADD'\n          })\n      }}\n    >\n      {Boolean(alerts.length) && (\n        <Alert\n          {...alerts[0]}\n          key={alerts[0].id}\n          onClose={() => {\n            if (isMountedRef.current)\n              dispatch({\n                payload: alerts[0].id,\n                type: 'REMOVE'\n              })\n          }}\n        />\n      )}\n      {children}\n    </AlertContext.Provider>\n  )\n}\n\nexport const useAlert = (): context => {\n  const context = React.useContext(AlertContext)\n\n  if (context === undefined) {\n    throw new Error('useAlert must be used within a AlertProvider')\n  }\n\n  return context\n}\n"],"names":["AlertContext","React","AlertProvider","children","alerts","dispatch","reducer","initialState","isMountedRef","useIsMountedRef","content","Alert","useAlert","context"],"mappings":"wMAYA,MAAMA,EAAeC,EAAM,cAAuB,CAChD,UAAW,IAAM,IACnB,CAAC,EAEYC,EAA0B,CAAC,CAAE,SAAAC,CAAS,IAAM,CACvD,KAAM,CAACC,EAAQC,CAAQ,EAAIJ,EAAM,WAAWK,EAASC,CAAY,EAC3DC,EAAeC,EAAgB,EAErC,OACER,EAAA,cAACD,EAAa,SAAb,CACC,MAAO,CACL,UAAYU,GACVL,EAAS,CACP,QAASK,EACT,KAAM,KACR,CAAC,CACL,CAAA,EAEC,QAAQN,EAAO,MAAM,GACpBH,EAAA,cAACU,EAAA,CACE,GAAGP,EAAO,GACX,IAAKA,EAAO,GAAG,GACf,QAAS,IAAM,CACTI,EAAa,SACfH,EAAS,CACP,QAASD,EAAO,GAAG,GACnB,KAAM,QACR,CAAC,CACL,CAAA,CACF,EAEDD,CACH,CAEJ,EAEaS,EAAW,IAAe,CACrC,MAAMC,EAAUZ,EAAM,WAAWD,CAAY,EAE7C,GAAIa,IAAY,OACd,MAAM,IAAI,MAAM,8CAA8C,EAGhE,OAAOA,CACT"}

package/dist/components/alert-dialog/alert-context/AlertDialog.js

@@ -1 +1,2 @@
 import*as e from"react";import{Button as i}from"../../button/Button.js";import{Heading as p}from"../../heading/Heading.js";import{Stack as f}from"../../stack/Stack.js";import{Text as E}from"../../text/Text.js";import{AlertDialog as t}from"../AlertDialog.js";const u=({title:r,description:o,onAction:n,cancelActionText:c,confirmActionText:m,onClose:a,...s})=>e.createElement(t,{defaultOpen:!0},e.createElement(t.Content,{onEscapeKeyDown:l=>l.preventDefault(),onCloseAutoFocus:a,...s},e.createElement(p,{as:t.Title,size:"sm",css:{mb:"$5"}},r),o&&e.createElement(E,{as:t.Description,css:{mb:"$5"}},o),e.createElement(f,{gap:"2",justify:"end"},c&&e.createElement(i,{appearance:"outline",as:t.Cancel,onClick:()=>n(!1),size:"sm"},c),e.createElement(i,{as:t.Action,onClick:()=>n(!0),size:"sm"},m))));export{u as Alert};
+//# sourceMappingURL=AlertDialog.js.map

package/dist/components/alert-dialog/alert-context/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/alert-dialog/alert-context/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Button } from '../../button'\nimport { Heading } from '../../heading'\nimport { Stack } from '../../stack'\nimport { Text } from '../../text'\nimport { AlertDialog } from '../AlertDialog'\nimport type { alert } from './types'\n\ntype AlertDialogContentProps = React.ComponentProps<typeof AlertDialog> & {\n  css?: CSS\n  onClose: () => void\n} & alert\n\nexport const Alert: React.FC<AlertDialogContentProps> = ({\n  title,\n  description,\n  onAction,\n  cancelActionText,\n  confirmActionText,\n  onClose,\n  ...remainingProps\n}) => (\n  <AlertDialog defaultOpen>\n    <AlertDialog.Content\n      onEscapeKeyDown={(e) => e.preventDefault()}\n      onCloseAutoFocus={onClose}\n      {...remainingProps}\n    >\n      <Heading as={AlertDialog.Title} size=\"sm\" css={{ mb: '$5' }}>\n        {title}\n      </Heading>\n      {description && (\n        <Text as={AlertDialog.Description} css={{ mb: '$5' }}>\n          {description}\n        </Text>\n      )}\n      <Stack gap=\"2\" justify=\"end\">\n        {cancelActionText && (\n          <Button\n            appearance=\"outline\"\n            as={AlertDialog.Cancel}\n            onClick={() => onAction(false)}\n            size=\"sm\"\n          >\n            {cancelActionText}\n          </Button>\n        )}\n        <Button\n          as={AlertDialog.Action}\n          onClick={() => onAction(true)}\n          size=\"sm\"\n        >\n          {confirmActionText}\n        </Button>\n      </Stack>\n    </AlertDialog.Content>\n  </AlertDialog>\n)\n"],"names":["Alert","title","description","onAction","cancelActionText","confirmActionText","onClose","remainingProps","React","AlertDialog","e","Heading","Text","Stack","Button"],"mappings":"kQAgBO,MAAMA,EAA2C,CAAC,CACvD,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,QAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAY,YAAW,EAAA,EACtBD,EAAA,cAACC,EAAY,QAAZ,CACC,gBAAkBC,GAAMA,EAAE,eAAA,EAC1B,iBAAkBJ,EACjB,GAAGC,CAAAA,EAEJC,EAAA,cAACG,EAAA,CAAQ,GAAIF,EAAY,MAAO,KAAK,KAAK,IAAK,CAAE,GAAI,IAAK,CACvDR,EAAAA,CACH,EACCC,GACCM,EAAA,cAACI,EAAA,CAAK,GAAIH,EAAY,YAAa,IAAK,CAAE,GAAI,IAAK,CAChDP,EAAAA,CACH,EAEFM,EAAA,cAACK,EAAA,CAAM,IAAI,IAAI,QAAQ,KAAA,EACpBT,GACCI,EAAA,cAACM,EAAA,CACC,WAAW,UACX,GAAIL,EAAY,OAChB,QAAS,IAAMN,EAAS,EAAK,EAC7B,KAAK,IAAA,EAEJC,CACH,EAEFI,EAAA,cAACM,EAAA,CACC,GAAIL,EAAY,OAChB,QAAS,IAAMN,EAAS,EAAI,EAC5B,KAAK,IAAA,EAEJE,CACH,CACF,CACF,CACF"}

package/dist/components/alert-dialog/alert-context/reducer.js

@@ -1 +1,2 @@
 import{uid as a}from"uid";const i=[],d=(r,t)=>{switch(t.type){case"ADD":return[...r,{...t.payload,id:a()}];case"REMOVE":return r.filter(({id:e})=>e!==t.payload);default:return r}};export{i as initialState,d as reducer};
+//# sourceMappingURL=reducer.js.map

package/dist/components/alert-dialog/alert-context/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sources":["../../../../src/components/alert-dialog/alert-context/reducer.ts"],"sourcesContent":["import { uid } from 'uid'\n\nimport { alert } from './types'\n\ntype State = alert[]\ntype Action =\n  | { type: 'ADD'; payload: alert }\n  | { type: 'REMOVE'; payload: string }\n\nexport const initialState = []\n\nexport const reducer = (state: State, action: Action): alert[] => {\n  switch (action.type) {\n    case 'ADD':\n      return [...state, { ...action.payload, id: uid() }]\n    case 'REMOVE':\n      return state.filter(({ id }) => id !== action.payload)\n    default:\n      return state\n  }\n}\n"],"names":["initialState","reducer","state","action","uid","id"],"mappings":"gCASaA,EAAe,GAEfC,EAAU,CAACC,EAAcC,IAA4B,CAChE,OAAQA,EAAO,UACR,MACH,MAAO,CAAC,GAAGD,EAAO,CAAE,GAAGC,EAAO,QAAS,GAAIC,EAAI,CAAE,CAAC,MAC/C,SACH,OAAOF,EAAM,OAAO,CAAC,CAAE,GAAAG,CAAG,IAAMA,IAAOF,EAAO,OAAO,UAErD,OAAOD,EAEb"}

package/dist/components/avatar/Avatar.js

@@ -1 +1,2 @@
-import*as o from"react";import{styled as n}from"../../stitches.js";import{AvatarIcon as v}from"./AvatarIcon.js";import{AvatarImage as u}from"./AvatarImage.js";import{AvatarInitial as b}from"./AvatarInitial.js";import{AvatarPlaceholder as p}from"./AvatarPlaceholder.js";import{focusVisibleStyleBlock as z}from"../../utilities/style/focus-visible-style-block.js";const s={display:"flex",justifyContent:"center",alignItems:"center",color:"$tonal400",borderRadius:"$round",border:"2px solid $tonal100",backgroundColor:"$white",overflow:"hidden",variants:{size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"},xl:{size:"$6"},xxl:{size:"$7"}}}},f=n("div",s),$=n("button",{all:"unset",...s,"&:not([disabled])":{"&:hover":{borderColor:"$tonal400",backgroundColor:"$tonal50"},"&:active":{borderColor:"$primary",backgroundColor:"$tonal100"},"&:focus-visible":z()},"&[disabled]":{opacity:"30%",cursor:"not-allowed"}}),d=o.createContext({name:void 0,size:"lg"}),m=({children:a,name:e,size:i})=>{const t=o.useMemo(()=>({name:e,size:i}),[e,i]);return o.createElement(d.Provider,{value:t},a)},c=({children:a,size:e="lg",name:i,disabled:t=!1,onClick:l})=>o.createElement(m,{name:i,size:e},l?o.createElement($,{size:e,disabled:t,onClick:t?void 0:l,css:{cursor:t?"auto":"pointer"}},a):o.createElement(f,{size:e},a)),r=c;r.Image=u,r.Initial=b,r.Placeholder=p,r.Icon=v,r.displayName="Avatar";export{r as Avatar,c as AvatarRoot,d as AvatarRootContext,m as AvatarRootProvider};
+import*as o from"react";import{styled as n}from"../../stitches.js";import{AvatarIcon as v}from"./AvatarIcon.js";import{AvatarImage as u}from"./AvatarImage.js";import{AvatarInitial as b}from"./AvatarInitial.js";import{AvatarPlaceholder as p}from"./AvatarPlaceholder.js";import{focusVisibleStyleBlock as z}from"../../utilities/style/focus-visible-style-block.js";const s={display:"flex",justifyContent:"center",alignItems:"center",color:"$tonal400",borderRadius:"$round",border:"2px solid $tonal100",backgroundColor:"$white",overflow:"hidden",variants:{size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"},xl:{size:"$6"},xxl:{size:"$7"}}}},$=n("div",s),f=n("button",{all:"unset",...s,"&:not([disabled])":{"&:hover":{borderColor:"$tonal400",backgroundColor:"$tonal50"},"&:active":{borderColor:"$primary",backgroundColor:"$tonal100"},"&:focus-visible":z()},"&[disabled]":{opacity:"30%",cursor:"not-allowed"}}),d=o.createContext({name:void 0,size:"lg"}),m=({children:a,name:e,size:i})=>{const t=o.useMemo(()=>({name:e,size:i}),[e,i]);return o.createElement(d.Provider,{value:t},a)},c=({children:a,size:e="lg",name:i,disabled:t=!1,onClick:l})=>o.createElement(m,{name:i,size:e},l?o.createElement(f,{size:e,disabled:t,onClick:t?void 0:l,css:{cursor:t?"auto":"pointer"}},a):o.createElement($,{size:e},a)),r=c;r.Image=u,r.Initial=b,r.Placeholder=p,r.Icon=v,r.displayName="Avatar";export{r as Avatar,c as AvatarRoot,d as AvatarRootContext,m as AvatarRootProvider};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nimport { AvatarIcon } from './AvatarIcon'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarInitial } from './AvatarInitial'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst avatarRootStyles = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  color: '$tonal400',\n  borderRadius: '$round',\n  border: '2px solid $tonal100',\n  backgroundColor: '$white',\n  overflow: 'hidden',\n  variants: {\n    size: {\n      xs: { size: '$2' },\n      sm: { size: '$3' },\n      md: { size: '$4' },\n      lg: { size: '$5' },\n      xl: { size: '$6' },\n      xxl: { size: '$7' }\n    }\n  }\n}\n\nconst StyledDiv = styled('div', avatarRootStyles)\nconst StyledButton = styled('button', {\n  all: 'unset',\n  ...avatarRootStyles,\n  '&:not([disabled])': {\n    '&:hover': {\n      borderColor: '$tonal400',\n      backgroundColor: '$tonal50'\n    },\n    '&:active': {\n      borderColor: '$primary',\n      backgroundColor: '$tonal100'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  '&[disabled]': {\n    opacity: '30%',\n    cursor: 'not-allowed'\n  }\n})\n\ntype TAvatarProps = React.ComponentProps<\n  typeof StyledDiv | typeof StyledButton\n> & { name?: string } & (\n    | {\n        onClick: React.MouseEventHandler<HTMLButtonElement>\n        disabled?: boolean\n      }\n    | { onClick?: never; disabled?: never }\n  )\n\nexport type TAvatarRootContext = {\n  name?: TAvatarProps['name']\n  size: TAvatarProps['size']\n}\n\nexport const AvatarRootContext = React.createContext<TAvatarRootContext>({\n  name: undefined,\n  size: 'lg'\n})\n\nexport const AvatarRootProvider: React.FC<TAvatarProps> = ({\n  children,\n  name,\n  size\n}) => {\n  const value = React.useMemo<TAvatarRootContext>(\n    () => ({ name, size }),\n    [name, size]\n  )\n\n  return (\n    <AvatarRootContext.Provider value={value}>\n      {children}\n    </AvatarRootContext.Provider>\n  )\n}\n\nexport const AvatarRoot: React.FC<TAvatarProps> = ({\n  children,\n  size = 'lg',\n  name,\n  disabled = false,\n  onClick\n}) => (\n  <AvatarRootProvider name={name} size={size}>\n    {onClick ? (\n      <StyledButton\n        size={size}\n        disabled={disabled}\n        onClick={disabled ? undefined : onClick}\n        css={{ cursor: disabled ? 'auto' : 'pointer' }}\n      >\n        {children}\n      </StyledButton>\n    ) : (\n      <StyledDiv size={size}>{children}</StyledDiv>\n    )}\n  </AvatarRootProvider>\n)\n\ntype TAvatar = typeof AvatarRoot & {\n  Image: typeof AvatarImage\n  Initial: typeof AvatarInitial\n  Placeholder: typeof AvatarPlaceholder\n  Icon: typeof AvatarIcon\n}\n\nexport const Avatar = AvatarRoot as TAvatar\nAvatar.Image = AvatarImage\nAvatar.Initial = AvatarInitial\nAvatar.Placeholder = AvatarPlaceholder\nAvatar.Icon = AvatarIcon\nAvatar.displayName = 'Avatar'\n"],"names":["avatarRootStyles","StyledDiv","styled","StyledButton","focusVisibleStyleBlock","AvatarRootContext","React","AvatarRootProvider","children","name","size","value","AvatarRoot","disabled","onClick","Avatar","AvatarImage","AvatarInitial","AvatarPlaceholder","AvatarIcon"],"mappings":"yWAUA,MAAMA,EAAmB,CACvB,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,MAAO,YACP,aAAc,SACd,OAAQ,sBACR,gBAAiB,SACjB,SAAU,SACV,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,GAAI,CAAE,KAAM,IAAK,EACjB,IAAK,CAAE,KAAM,IAAK,CACpB,CACF,CACF,EAEMC,EAAYC,EAAO,MAAOF,CAAgB,EAC1CG,EAAeD,EAAO,SAAU,CACpC,IAAK,QACL,GAAGF,EACH,oBAAqB,CACnB,UAAW,CACT,YAAa,YACb,gBAAiB,UACnB,EACA,WAAY,CACV,YAAa,WACb,gBAAiB,WACnB,EACA,kBAAmBI,EACrB,CAAA,EACA,cAAe,CACb,QAAS,MACT,OAAQ,aACV,CACF,CAAC,EAiBYC,EAAoBC,EAAM,cAAkC,CACvE,KAAM,OACN,KAAM,IACR,CAAC,EAEYC,EAA6C,CAAC,CACzD,SAAAC,EACA,KAAAC,EACA,KAAAC,CACF,IAAM,CACJ,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,KAAAG,EAAM,KAAAC,CAAK,GACpB,CAACD,EAAMC,CAAI,CACb,EAEA,OACEJ,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAOM,CAAAA,EAChCH,CACH,CAEJ,EAEaI,EAAqC,CAAC,CACjD,SAAAJ,EACA,KAAAE,EAAO,KACP,KAAAD,EACA,SAAAI,EAAW,GACX,QAAAC,CACF,IACER,EAAA,cAACC,EAAmB,CAAA,KAAME,EAAM,KAAMC,CACnCI,EAAAA,EACCR,EAAA,cAACH,EAAA,CACC,KAAMO,EACN,SAAUG,EACV,QAASA,EAAW,OAAYC,EAChC,IAAK,CAAE,OAAQD,EAAW,OAAS,SAAU,CAAA,EAE5CL,CACH,EAEAF,EAAA,cAACL,EAAA,CAAU,KAAMS,CAAAA,EAAOF,CAAS,CAErC,EAUWO,EAASH,EACtBG,EAAO,MAAQC,EACfD,EAAO,QAAUE,EACjBF,EAAO,YAAcG,EACrBH,EAAO,KAAOI,EACdJ,EAAO,YAAc"}

package/dist/components/avatar/AvatarIcon.js

@@ -1 +1,2 @@
 import*as t from"react";import{overrideStitchesVariantValue as i}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Icon as a}from"../icon/Icon.js";import{AvatarRootContext as n}from"./Avatar.js";const c={xs:"sm",sm:"sm",md:"md",lg:"md",xl:"lg",xxl:"lg"},l=({is:e})=>{const r=t.useContext(n),{size:o}=r,m=t.useMemo(()=>i(o,s=>c[s]),[o]);return t.createElement(a,{size:m,is:e})};export{l as AvatarIcon};
+//# sourceMappingURL=AvatarIcon.js.map

package/dist/components/avatar/AvatarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarIcon.js","sources":["../../../src/components/avatar/AvatarIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Icon } from '../icon'\nimport { AvatarRootContext } from './Avatar'\n\nconst toIconSize = {\n  xs: 'sm',\n  sm: 'sm',\n  md: 'md',\n  lg: 'md',\n  xl: 'lg',\n  xxl: 'lg'\n}\n\ntype TAvatarIconProps = {\n  is: typeof Icon\n}\n\nexport const AvatarIcon: React.FC<TAvatarIconProps> = ({ is }) => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n\n  return <Icon size={iconSize} is={is} />\n}\n"],"names":["toIconSize","AvatarIcon","is","rootContext","React","AvatarRootContext","size","iconSize","overrideStitchesVariantValue","s","Icon"],"mappings":"8OAOA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAMaC,EAAyC,CAAC,CAAE,GAAAC,CAAG,IAAM,CAChE,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA6BF,EAAOG,GAAMT,EAAWS,EAAE,EAC7D,CAACH,CAAI,CACP,EAEA,OAAOF,EAAA,cAACM,EAAA,CAAK,KAAMH,EAAU,GAAIL,EAAI,CACvC"}

package/dist/components/avatar/AvatarImage.js

@@ -1 +1,2 @@
 import*as e from"react";import{styled as o}from"../../stitches.js";import{Image as a}from"../image/Image.js";import{AvatarInitial as m}from"./AvatarInitial.js";const i=o(a,{size:"100%",objectFit:"cover"}),c=({src:t,alt:r})=>t?e.createElement(i,{src:t,alt:r}):e.createElement(m,null);export{c as AvatarImage};
+//# sourceMappingURL=AvatarImage.js.map

package/dist/components/avatar/AvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.js","sources":["../../../src/components/avatar/AvatarImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Image } from '../image'\nimport { AvatarInitial } from './AvatarInitial'\n\nconst StyledImage = styled(Image, {\n  size: '100%',\n  objectFit: 'cover'\n})\n\ntype TAvatarImageProps = {\n  src: string\n  alt: string\n}\n\nexport const AvatarImage: React.FC<TAvatarImageProps> = ({ src, alt }) => {\n  if (!src) {\n    return <AvatarInitial />\n  }\n\n  return <StyledImage src={src} alt={alt} />\n}\n"],"names":["StyledImage","styled","Image","AvatarImage","src","alt","React","AvatarInitial"],"mappings":"gKAOA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,KAAM,OACN,UAAW,OACb,CAAC,EAOYC,EAA2C,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAAI,IAC7DD,EAIEE,EAAA,cAACN,EAAA,CAAY,IAAKI,EAAK,IAAKC,EAAK,EAH/BC,EAAA,cAACC,EAAA,IAAc"}

package/dist/components/avatar/AvatarInitial.js

@@ -1 +1,2 @@
 import*as t from"react";import{overrideStitchesVariantValue as a}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Text as l}from"../text/Text.js";import{AvatarRootContext as n}from"./Avatar.js";import{AvatarPlaceholder as i}from"./AvatarPlaceholder.js";const c={xs:"xs",sm:"sm",md:"sm",lg:"md",xl:"md",xxl:"lg"},x=()=>{const r=t.useContext(n),{name:e,size:o}=r,m=t.useMemo(()=>a(o,s=>c[s]),[o]);return e?t.createElement(l,{size:m,css:{color:"$tonal400"}},e[0].toUpperCase()):t.createElement(i,null)};export{x as AvatarInitial};
+//# sourceMappingURL=AvatarInitial.js.map

package/dist/components/avatar/AvatarInitial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarInitial.js","sources":["../../../src/components/avatar/AvatarInitial.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Text } from '../text'\nimport { AvatarRootContext } from './Avatar'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\n\nconst toTextSize = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n  xxl: 'lg'\n}\n\nexport const AvatarInitial: React.FC<Record<string, never>> = () => {\n  const rootContext = React.useContext(AvatarRootContext)\n  const { name, size } = rootContext\n  const textSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n    [size]\n  )\n\n  if (!name) {\n    return <AvatarPlaceholder />\n  }\n\n  return (\n    <Text size={textSize} css={{ color: '$tonal400' }}>\n      {name[0].toUpperCase()}\n    </Text>\n  )\n}\n"],"names":["toTextSize","AvatarInitial","rootContext","React","AvatarRootContext","name","size","textSize","overrideStitchesVariantValue","s","Text","AvatarPlaceholder"],"mappings":"ySAQA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,IACP,EAEaC,EAAiD,IAAM,CAClE,MAAMC,EAAcC,EAAM,WAAWC,CAAiB,EAChD,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAIJ,EACjBK,EAAWJ,EAAM,QACrB,IAAMK,EAA6BF,EAAOG,GAAMT,EAAWS,EAAE,EAC7D,CAACH,CAAI,CACP,EAEA,OAAKD,EAKHF,EAAA,cAACO,EAAA,CAAK,KAAMH,EAAU,IAAK,CAAE,MAAO,WAAY,GAC7CF,EAAK,GAAG,YACX,CAAA,EANOF,EAAA,cAACQ,EAAA,IAAkB,CAQ9B"}

package/dist/components/avatar/AvatarPlaceholder.js

@@ -1 +1,2 @@
 import{User as o}from"@atom-learning/icons";import*as e from"react";import{Box as r}from"../box/Box.js";import{Icon as t}from"../icon/Icon.js";const s=()=>e.createElement(r,{css:{position:"relative",size:"100%"}},e.createElement(t,{is:o,css:{size:"100%"}}));export{s as AvatarPlaceholder};
+//# sourceMappingURL=AvatarPlaceholder.js.map

package/dist/components/avatar/AvatarPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPlaceholder.js","sources":["../../../src/components/avatar/AvatarPlaceholder.tsx"],"sourcesContent":["import { User } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Box } from '../box'\nimport { Icon } from '../icon'\n\nexport const AvatarPlaceholder: React.FC<Record<string, never>> = () => {\n  return (\n    <Box css={{ position: 'relative', size: '100%' }}>\n      <Icon is={User} css={{ size: '100%' }} />\n    </Box>\n  )\n}\n"],"names":["AvatarPlaceholder","React","Box","Icon","User"],"mappings":"+IAMa,MAAAA,EAAqD,IAE9DC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,SAAU,WAAY,KAAM,MAAO,GAC7CD,EAAA,cAACE,EAAA,CAAK,GAAIC,EAAM,IAAK,CAAE,KAAM,MAAO,EAAG,CACzC"}

package/dist/components/badge/Badge.js

@@ -1 +1,2 @@
 import*as t from"react";import{styled as m}from"../../stitches.js";import{Box as l}from"../box/Box.js";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";const d=m(a,{justifyContent:"center",alignItems:"center",borderRadius:"$0",minWidth:0,border:"1px solid #FFFFFF",fontFamily:"$body","& > *:not(:last-child)":{mr:"$1"},variants:{theme:{success:{bg:"$successLight",color:"$successMid"},warning:{bg:"$warningLight",color:"$warningText"},danger:{bg:"$dangerLight",color:"$dangerMid"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$1",height:"$2"},sm:{fontSize:"$md",px:"$1",height:"$3"},md:{fontSize:"$md",px:"$2",height:"$4"}}}}),i=({theme:r="info",size:o="sm",children:n,...s})=>t.createElement(d,{role:"status",theme:r,size:o,...s},t.Children.map(n,e=>{if(typeof e=="string"||typeof e=="number")return t.createElement(l,{css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},e);if(t.isValidElement(e)&&e.type===c)return t.cloneElement(e,{size:"sm",css:{...e.props.css,flexShrink:0}})}));i.displayName="Badge";export{i as Badge};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\nimport { Icon } from '../icon'\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    theme: {\n      success: {\n        bg: '$successLight',\n        color: '$successMid'\n      },\n      warning: {\n        bg: '$warningLight',\n        color: '$warningText'\n      },\n      danger: {\n        bg: '$dangerLight',\n        color: '$dangerMid'\n      },\n      neutral: {\n        bg: '$tonal50',\n        color: '$tonal400'\n      },\n      info: {\n        bg: '$primaryLight',\n        color: '$primaryMid'\n      }\n    },\n    size: {\n      xs: {\n        fontSize: '$sm',\n        px: '$1',\n        height: '$2'\n      },\n      sm: {\n        fontSize: '$md',\n        px: '$1',\n        height: '$3'\n      },\n      md: {\n        fontSize: '$md',\n        px: '$2',\n        height: '$4'\n      }\n    }\n  }\n})\n\ntype BadgeProps = React.ComponentProps<typeof StyledBadge>\n\nexport const Badge: React.FC<BadgeProps> = ({\n  theme = 'info',\n  size = 'sm',\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledBadge role=\"status\" theme={theme} size={size} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return (\n            <Box\n              css={{\n                whiteSpace: 'nowrap',\n                overflowX: 'hidden',\n                textOverflow: 'ellipsis',\n                py: '$0'\n              }}\n            >\n              {child}\n            </Box>\n          )\n        }\n\n        if (React.isValidElement(child) && child.type === Icon) {\n          return React.cloneElement(\n            child as React.ReactElement<React.ComponentProps<typeof Icon>>,\n            {\n              size: 'sm',\n              css: { ...child.props.css, flexShrink: 0 }\n            }\n          )\n        }\n      })}\n    </StyledBadge>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["StyledBadge","styled","Flex","Badge","theme","size","children","rest","React","child","Box","Icon"],"mappings":"qLAQA,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,MAAO,CACL,QAAS,CACP,GAAI,gBACJ,MAAO,aACT,EACA,QAAS,CACP,GAAI,gBACJ,MAAO,cACT,EACA,OAAQ,CACN,GAAI,eACJ,MAAO,YACT,EACA,QAAS,CACP,GAAI,WACJ,MAAO,WACT,EACA,KAAM,CACJ,GAAI,gBACJ,MAAO,aACT,CACF,EACA,KAAM,CACJ,GAAI,CACF,SAAU,MACV,GAAI,KACJ,OAAQ,IACV,EACA,GAAI,CACF,SAAU,MACV,GAAI,KACJ,OAAQ,IACV,EACA,GAAI,CACF,SAAU,MACV,GAAI,KACJ,OAAQ,IACV,CACF,CACF,CACF,CAAC,EAIYC,EAA8B,CAAC,CAC1C,MAAAC,EAAQ,OACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACR,EAAA,CAAY,KAAK,SAAS,MAAOI,EAAO,KAAMC,EAAO,GAAGE,GACtDC,EAAM,SAAS,IAAIF,EAAWG,GAAU,CACvC,GAAI,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAChD,OACED,EAAA,cAACE,EAAA,CACC,IAAK,CACH,WAAY,SACZ,UAAW,SACX,aAAc,WACd,GAAI,IACN,CAECD,EAAAA,CACH,EAIJ,GAAID,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EAChD,OAAOH,EAAM,aACXC,EACA,CACE,KAAM,KACN,IAAK,CAAE,GAAGA,EAAM,MAAM,IAAK,WAAY,CAAE,CAC3C,CACF,CAEJ,CAAC,CACH,EAIJN,EAAM,YAAc"}

package/dist/components/box/Box.js

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

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

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

package/dist/components/button/Button.js

@@ -1 +1,2 @@
 import{darken as i,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),n=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:n("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:n("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:n("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:n("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:n("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:n("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:g="button",...$},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...$,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:g},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { VariantProps } from '@stitches/react'\nimport { darken, opacify } from 'color2k'\nimport * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Icon } from '~/components/icon'\nimport { Loader } from '~/components/loader'\nimport { styled, theme } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\n\nconst getButtonOutlineVariant = (\n  base: string,\n  interact: string,\n  active: string\n) => ({\n  border: '1px solid',\n  borderColor: 'currentColor',\n  color: base,\n  '&[disabled]': {\n    borderColor: '$tonal400',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  },\n  '&:not([disabled]):hover, &:not([disabled]):focus': {\n    textDecoration: 'none',\n    color: interact\n  },\n  '&:not([disabled]):active': {\n    color: active\n  }\n})\n\nconst getButtonSolidVariant = (\n  base: string,\n  interact: string,\n  active: string,\n  text = 'white'\n) => ({\n  bg: base,\n  color: text,\n  '&[disabled]': {\n    bg: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  },\n  '&:not([disabled]):hover, &:not([disabled]):focus': {\n    bg: interact,\n    color: text\n  },\n  '&:not([disabled]):active': {\n    bg: active\n  }\n})\n\nexport const StyledButton = styled('button', {\n  alignItems: 'center',\n  bg: 'unset',\n  border: 'unset',\n  borderRadius: '$0',\n  cursor: 'pointer',\n  display: 'flex',\n  fontFamily: '$body',\n  fontWeight: 600,\n  justifyContent: 'center',\n  p: 'unset',\n  textDecoration: 'none',\n  transition: 'all 100ms ease-out',\n  whiteSpace: 'nowrap',\n  width: 'max-content',\n  variants: {\n    theme: {\n      primary: {},\n      secondary: {},\n      success: {},\n      warning: {},\n      danger: {},\n      neutral: {}\n    },\n    appearance: {\n      solid: {},\n      outline: {}\n    },\n    size: {\n      sm: {\n        fontSize: '$sm',\n        lineHeight: 1.53,\n        height: '$3',\n        px: '$4'\n      },\n      md: {\n        fontSize: '$md',\n        lineHeight: 1.5,\n        height: '$4',\n        px: '$5'\n      },\n      lg: {\n        fontSize: '$lg',\n        lineHeight: 1.5,\n        height: '$5',\n        px: '$5'\n      }\n    },\n    isLoading: {\n      true: {\n        cursor: 'not-allowed',\n        opacity: 0.6,\n        pointerEvents: 'none'\n      }\n    },\n    fullWidth: {\n      false: {\n        width: 'max-content'\n      },\n      true: {\n        width: '100%'\n      }\n    }\n  },\n\n  compoundVariants: [\n    {\n      theme: 'primary',\n      appearance: 'solid',\n      css: getButtonSolidVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'secondary',\n      appearance: 'solid',\n      css: getButtonSolidVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    },\n    {\n      theme: 'success',\n      appearance: 'solid',\n      css: getButtonSolidVariant('$success', '$successMid', '$successDark')\n    },\n    {\n      theme: 'warning',\n      appearance: 'solid',\n      css: getButtonSolidVariant(\n        '$warning',\n        '$warningMid',\n        '$warningDark',\n        '$tonal500'\n      )\n    },\n    {\n      theme: 'danger',\n      appearance: 'solid',\n      css: getButtonSolidVariant('$danger', '$dangerMid', '$dangerDark')\n    },\n    {\n      theme: 'neutral',\n      appearance: 'solid',\n      css: getButtonSolidVariant(\n        'white',\n        opacify('white', -0.1),\n        opacify('white', -0.25),\n        '$primary'\n      )\n    },\n    {\n      theme: 'primary',\n      appearance: 'outline',\n      css: getButtonOutlineVariant('$primary', '$primaryMid', '$primaryDark')\n    },\n    {\n      theme: 'neutral',\n      appearance: 'outline',\n      css: getButtonOutlineVariant(\n        'white',\n        opacify('white', -0.2),\n        opacify('white', -0.35)\n      )\n    },\n    {\n      theme: 'secondary',\n      appearance: 'outline',\n      css: getButtonOutlineVariant(\n        '$primaryDark',\n        darken(theme.colors.primaryDark.value, 0.1),\n        darken(theme.colors.primaryDark.value, 0.15)\n      )\n    }\n  ]\n})\n\nconst WithLoader = ({ isLoading, children }) => (\n  <>\n    <Loader\n      css={{\n        opacity: isLoading ? 1 : 0,\n        position: 'absolute',\n        transition: 'opacity 150ms'\n      }}\n    />\n    <Box\n      as=\"span\"\n      css={isLoading ? { opacity: 0, transition: 'opacity 150ms' } : {}}\n    >\n      {children}\n    </Box>\n  </>\n)\n\nconst getIconSize = (size) => {\n  switch (size) {\n    case 'lg':\n      return 22\n    case 'md':\n      return 20\n    case 'sm':\n    default:\n      return 16\n  }\n}\n\nconst getChildren = (children, size) =>\n  React.Children.map(children, (child, i) => {\n    if (child?.type === Icon) {\n      return React.cloneElement(child, {\n        css: {\n          [i === 0 ? 'mr' : 'ml']: size === 'sm' ? '$2' : '$3',\n          size: getIconSize(size),\n          ...(child.props.css ? child.props.css : {})\n        }\n      })\n    }\n    return child\n  })\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  VariantProps<typeof StyledButton> & {\n    as?: React.ComponentType | React.ElementType\n    children: React.ReactNode\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      isLoading,\n      onClick,\n      href,\n      appearance = 'solid',\n      size = 'md',\n      theme = 'primary',\n      type = 'button',\n      ...rest\n    },\n    ref\n  ) => {\n    const linkSpecificProps = href\n      ? {\n          as: 'a',\n          href,\n          onClick: undefined\n        }\n      : {}\n\n    const buttonSpecificProps = href ? {} : { type }\n\n    // Note: button is not disabled when loading for accessibility purposes.\n    // Instead the click action is not fired and the button looks faded\n    return (\n      <StyledButton\n        isLoading={isLoading || false}\n        onClick={!isLoading ? onClick : undefined}\n        appearance={appearance}\n        size={size}\n        theme={theme}\n        {...rest}\n        {...linkSpecificProps}\n        {...buttonSpecificProps}\n        ref={ref}\n      >\n        {typeof isLoading === 'boolean' ? (\n          <WithLoader isLoading={isLoading}>\n            {getChildren(children, size)}\n          </WithLoader>\n        ) : (\n          getChildren(children, size)\n        )}\n      </StyledButton>\n    )\n  }\n) as React.FC<ButtonProps>\n\nButton.displayName = 'Button'\n"],"names":["getButtonOutlineVariant","base","interact","active","getButtonSolidVariant","text","StyledButton","styled","darken","theme","opacify","WithLoader","isLoading","children","React","Loader","Box","getIconSize","size","getChildren","child","i","Icon","Button","onClick","href","appearance","type","rest","ref"],"mappings":"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"}

package/dist/components/calendar/Calendar.js

@@ -1 +1,2 @@
-import{ChevronLeft as q,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as h}from"../box/Box.js";import{Button as C}from"../button/Button.js";import{Flex as Y}from"../flex/Flex.js";import{Icon as w}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(C,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:f=0,monthNames:N=Q,weekdayNames:T=V,labels:y=X,date:n=new Date,minDate:l,maxDate:m,setYear:A,...L})=>{const[a,E]=e.useState(!1),[s,k]=e.useState(n==null?void 0:n.getFullYear()),O=t=>{const r=n;r.setFullYear(t),A(r),E(!1)},W=l&&s-16<=l.getFullYear(),z=m&&s>=m.getFullYear(),B=Array.from({length:16},(t,r)=>{const o=s-r;return m&&o>m.getFullYear()||l&&o<l.getFullYear()?0:o}),{calendars:d,getBackProps:I,getForwardProps:M,getDateProps:G}=J({firstDayOfWeek:f,showOutsideDays:!0,date:n,minDate:l,maxDate:m,...L});return d.length?e.createElement(h,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(Y,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(x,{label:y[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&I({calendars:d}),...a&&{onClick:()=>k(s-16)},disabled:a&&W},e.createElement(w,{is:q})),e.createElement(x,{label:y[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(s+16)},disabled:a&&z},e.createElement(w,{is:H}))),a&&e.createElement(g,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},B.map((t,r)=>{const o=t===n.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:o?"primary":"neutral",onClick:()=>O(t),selected:o},t):e.createElement(h,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:o})=>e.createElement(h,{key:`${t}${r}`},e.createElement(Y,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(C,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(g,{css:{mb:"$3"}},te(T,f).map(p=>e.createElement(K,{as:"span",size:"sm",key:`${t}${r}${p}`,css:{fontWeight:600,textAlign:"center"}},p))),e.createElement(g,null,o.map((p,P)=>p.map(($,j)=>{const D=`${t}${r}${P}${j}`;if(!$)return e.createElement("div",{key:D});const{date:R,selected:b,today:v,prevMonth:U,nextMonth:_}=$;return e.createElement(Z,{isOutsideMonth:U||_,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...G({dateObj:$}),type:"button"},R.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};
+import{ChevronLeft as q,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as g}from"../box/Box.js";import{Button as C}from"../button/Button.js";import{Flex as Y}from"../flex/Flex.js";import{Icon as w}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const f=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(C,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:$=0,monthNames:N=Q,weekdayNames:T=V,labels:y=X,date:o=new Date,minDate:l,maxDate:m,setYear:A,...L})=>{const[a,E]=e.useState(!1),[s,k]=e.useState(o==null?void 0:o.getFullYear()),O=t=>{const r=o;r.setFullYear(t),A(r),E(!1)},W=l&&s-16<=l.getFullYear(),z=m&&s>=m.getFullYear(),B=Array.from({length:16},(t,r)=>{const n=s-r;return m&&n>m.getFullYear()||l&&n<l.getFullYear()?0:n}),{calendars:d,getBackProps:I,getForwardProps:M,getDateProps:G}=J({firstDayOfWeek:$,showOutsideDays:!0,date:o,minDate:l,maxDate:m,...L});return d.length?e.createElement(g,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(Y,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(x,{label:y[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&I({calendars:d}),...a&&{onClick:()=>k(s-16)},disabled:a&&W},e.createElement(w,{is:q})),e.createElement(x,{label:y[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(s+16)},disabled:a&&z},e.createElement(w,{is:H}))),a&&e.createElement(f,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},B.map((t,r)=>{const n=t===o.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:n?"primary":"neutral",onClick:()=>O(t),selected:n},t):e.createElement(g,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:n})=>e.createElement(g,{key:`${t}${r}`},e.createElement(Y,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(C,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(f,{css:{mb:"$3"}},te(T,$).map(p=>e.createElement(K,{as:"span",size:"sm",key:`${t}${r}${p}`,css:{fontWeight:600,textAlign:"center"}},p))),e.createElement(f,null,n.map((p,P)=>p.map((h,j)=>{const D=`${t}${r}${P}${j}`;if(!h)return e.createElement("div",{key:D});const{date:R,selected:b,today:v,prevMonth:U,nextMonth:_}=h;return e.createElement(Z,{isOutsideMonth:U||_,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...G({dateObj:h}),type:"button"},R.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};
+//# sourceMappingURL=Calendar.js.map

package/dist/components/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Box } from '~/components/box'\nimport { Button } from '~/components/button'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport type { CSS } from '~/stitches'\nimport { styled } from '~/stitches'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst Grid = styled('div', {\n  display: 'grid',\n  gridTemplateColumns: 'repeat(7, 1fr)',\n  gridGap: '$1 $2'\n})\n\nconst StyledButton = styled(Button, {\n  color: '$tonal600',\n  p: '$3',\n  width: '$6',\n  variants: {\n    selected: {\n      false: {\n        color: '$tonal600 !important',\n        fontWeight: '400',\n        '&:hover': {\n          bg: '$tonal100 !important',\n          color: '$tonal600 !important'\n        },\n        '&[disabled]': { bg: 'white !important' }\n      }\n    }\n  }\n})\n\nexport type CalendarTranslationProps = {\n  monthNames?: string[]\n  weekdayNames?: string[]\n  labels?: {\n    open: string\n    next: string\n    previous: string\n    nextYear: string\n    previousYear: string\n  }\n}\n\ntype CalendarProps = DayzedInterface &\n  CalendarTranslationProps & {\n    css?: CSS\n    refDateToday?: React.RefObject<HTMLButtonElement>\n    refDateSelected?: React.RefObject<HTMLButtonElement>\n    setYear: (date: Date) => Promise<void>\n  }\n\nconst offsetWeekdayNames = (\n  weekdayNames: string[],\n  firstDayOfWeek: number\n): string[] => {\n  const start = weekdayNames.slice(0, firstDayOfWeek)\n  const end = weekdayNames.slice(firstDayOfWeek)\n  return end.concat(start)\n}\n\nexport const Calendar: React.FC<CalendarProps> = ({\n  css,\n  refDateSelected,\n  refDateToday,\n  firstDayOfWeek = 0,\n  monthNames = monthNamesShort,\n  weekdayNames = weekdayNamesShort,\n  labels = DEFAULT_LABELS,\n  date = new Date(),\n  minDate,\n  maxDate,\n  setYear,\n  ...remainingProps\n}) => {\n  const [showYears, setShowYears] = React.useState<boolean>(false)\n  const [currentYear, setCurrentYear] = React.useState<number>(\n    date?.getFullYear()\n  )\n\n  const handleSetYear = (year: number): void => {\n    const newDate = date\n    newDate.setFullYear(year)\n    setYear(newDate)\n    setShowYears(false)\n  }\n\n  const isAtMinYear = minDate && currentYear - 16 <= minDate.getFullYear()\n  const isAtMaxYear = maxDate && currentYear >= maxDate.getFullYear()\n\n  const yearList = Array.from({ length: 16 }, (_, i) => {\n    const year = currentYear - i\n    if (\n      (maxDate && year > maxDate.getFullYear()) ||\n      (minDate && year < minDate.getFullYear())\n    )\n      return 0\n    return year\n  })\n\n  const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({\n    firstDayOfWeek,\n    showOutsideDays: true,\n    date,\n    minDate,\n    maxDate,\n    ...remainingProps\n  })\n\n  if (!calendars.length) return null\n\n  return (\n    <Box\n      css={{ position: 'relative', width: 'min-content', mt: '-$1', ...css }}\n    >\n      <Flex css={{ position: 'absolute', top: 0, right: '-$1' }}>\n        <ActionIcon\n          label={labels[showYears ? 'previousYear' : 'previous']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getBackProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear - 16)\n          })}\n          disabled={showYears && isAtMinYear}\n        >\n          <Icon is={ChevronLeft} />\n        </ActionIcon>\n        <ActionIcon\n          label={labels[showYears ? 'nextYear' : 'next']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getForwardProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear + 16)\n          })}\n          disabled={showYears && isAtMaxYear}\n        >\n          <Icon is={ChevronRight} />\n        </ActionIcon>\n      </Flex>\n      {showYears && (\n        <Grid\n          css={{\n            gridTemplateColumns: 'repeat(4, 1fr)',\n            pt: '$7',\n            direction: 'rtl',\n            gridGap: '$3 $1'\n          }}\n        >\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year)\n              return <Box key={i} css={{ width: '$6', height: '$4' }} />\n\n            return (\n              <StyledButton\n                key={`${year}${i}`}\n                theme={isCurrentYear ? 'primary' : 'neutral'}\n                onClick={() => handleSetYear(year)}\n                selected={isCurrentYear}\n              >\n                {year}\n              </StyledButton>\n            )\n          })}\n        </Grid>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <Box key={`${month}${year}`}>\n            <Flex css={{ height: '$4', alignItems: 'center', mb: '$4' }}>\n              <Button\n                theme=\"neutral\"\n                css={{ px: '0', color: '$tonal600' }}\n                onClick={() => setShowYears(true)}\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </Flex>\n            <Grid css={{ mb: '$3' }}>\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    key={`${month}${year}${weekday}`}\n                    css={{ fontWeight: 600, textAlign: 'center' }}\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </Grid>\n            <Grid>\n              {weeks.map((week, weekIndex) =>\n                week.map((dateObj, index) => {\n                  const key = `${month}${year}${weekIndex}${index}`\n\n                  if (!dateObj) return <div key={key} />\n\n                  const { date, selected, today, prevMonth, nextMonth } =\n                    dateObj\n\n                  return (\n                    <Day\n                      isOutsideMonth={prevMonth || nextMonth}\n                      isSelected={selected}\n                      isToday={today}\n                      key={key}\n                      ref={\n                        selected ? refDateSelected : today ? refDateToday : null\n                      }\n                      {...getDateProps({ dateObj })}\n                      type=\"button\"\n                    >\n                      {date.getDate()}\n                    </Day>\n                  )\n                })\n              )}\n            </Grid>\n          </Box>\n        ))}\n    </Box>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"names":["Grid","styled","StyledButton","Button","offsetWeekdayNames","weekdayNames","firstDayOfWeek","start","Calendar","css","refDateSelected","refDateToday","monthNames","monthNamesShort","weekdayNamesShort","labels","DEFAULT_LABELS","date","minDate","maxDate","setYear","remainingProps","showYears","setShowYears","React","currentYear","setCurrentYear","handleSetYear","year","newDate","isAtMinYear","isAtMaxYear","yearList","_","i","calendars","getBackProps","getForwardProps","getDateProps","useDayzed","Box","Flex","ActionIcon","Icon","ChevronLeft","ChevronRight","isCurrentYear","month","weeks","weekday","Text","week","weekIndex","dateObj","index","key","selected","today","prevMonth","nextMonth","Day"],"mappings":"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"}

package/dist/components/calendar/Day.js

@@ -1 +1,2 @@
 import{styled as o}from"../../stitches.js";const r=o("button",{bg:"transparent",border:"none",borderRadius:"$round",color:"$tonal900",cursor:"pointer",fontFamily:"$body",fontSize:"$sm",size:"$3",p:0,transition:"all 75ms","&:hover":{bg:"$tonal100"},"&:active":{color:"white",bg:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"2px"},variants:{isSelected:{true:{bg:"$primary",color:"white","&:hover":{bg:"$primary"}}},isToday:{true:{bg:"$tonal100"}},isOutsideMonth:{true:{color:"$tonal200"}}}});export{r as Day};
+//# sourceMappingURL=Day.js.map

package/dist/components/calendar/Day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.js","sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Day = styled('button', {\n  bg: 'transparent',\n  border: 'none',\n  borderRadius: '$round',\n  color: '$tonal900',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  fontSize: '$sm',\n  size: '$3',\n  p: 0,\n  transition: 'all 75ms',\n  '&:hover': {\n    bg: '$tonal100'\n  },\n  '&:active': {\n    color: 'white',\n    bg: '$primary'\n  },\n  '&:focus': {\n    outline: '2px solid $primary',\n    outlineOffset: '2px'\n  },\n  variants: {\n    isSelected: {\n      true: {\n        bg: '$primary',\n        color: 'white',\n        '&:hover': { bg: '$primary' }\n      }\n    },\n    isToday: {\n      true: { bg: '$tonal100' }\n    },\n    isOutsideMonth: {\n      true: { color: '$tonal200' }\n    }\n  }\n})\n"],"names":["Day","styled"],"mappings":"2CAEa,MAAAA,EAAMC,EAAO,SAAU,CAClC,GAAI,cACJ,OAAQ,OACR,aAAc,SACd,MAAO,YACP,OAAQ,UACR,WAAY,QACZ,SAAU,MACV,KAAM,KACN,EAAG,EACH,WAAY,WACZ,UAAW,CACT,GAAI,WACN,EACA,WAAY,CACV,MAAO,QACP,GAAI,UACN,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,SAAU,CACR,WAAY,CACV,KAAM,CACJ,GAAI,WACJ,MAAO,QACP,UAAW,CAAE,GAAI,UAAW,CAC9B,CACF,EACA,QAAS,CACP,KAAM,CAAE,GAAI,WAAY,CAC1B,EACA,eAAgB,CACd,KAAM,CAAE,MAAO,WAAY,CAC7B,CACF,CACF,CAAC"}

package/dist/components/calendar/constants.js

@@ -1 +1,2 @@
 const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o={open:"Open calendar",next:"Next month",previous:"Previous month",nextYear:"Next year",previousYear:"Previous year"};export{o as DEFAULT_LABELS,e as monthNamesShort,r as weekdayNamesShort};
+//# sourceMappingURL=constants.js.map

package/dist/components/calendar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/calendar/constants.ts"],"sourcesContent":["export const monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n]\n\nexport const weekdayNamesShort = [\n  'Sun',\n  'Mon',\n  'Tue',\n  'Wed',\n  'Thu',\n  'Fri',\n  'Sat'\n]\n\nexport const DEFAULT_LABELS = {\n  open: 'Open calendar',\n  next: 'Next month',\n  previous: 'Previous month',\n  nextYear: 'Next year',\n  previousYear: 'Previous year'\n}\n"],"names":["monthNamesShort","weekdayNamesShort","DEFAULT_LABELS"],"mappings":"AAAO,MAAMA,EAAkB,CAC7B,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,KACF,EAEaC,EAAoB,CAC/B,MACA,MACA,MACA,MACA,MACA,MACA,KACF,EAEaC,EAAiB,CAC5B,KAAM,gBACN,KAAM,aACN,SAAU,iBACV,SAAU,YACV,aAAc,eAChB"}

package/dist/components/carousel/Carousel.js

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

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

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

package/dist/components/carousel/CarouselArrows.js

@@ -1 +1,2 @@
-import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as o}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=t(a,n),c=t(l,n),p=e=>r.createElement(m,{...e},r.createElement(o,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(o,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};
+import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as t}from"../icon/Icon.js";import{styled as o}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=o(a,n),c=o(l,n),p=e=>r.createElement(m,{...e},r.createElement(t,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(t,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};
+//# sourceMappingURL=CarouselArrows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselArrows.js","sources":["../../../src/components/carousel/CarouselArrows.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport {\n  ButtonBack as BaseButtonBack,\n  ButtonNext as BaseButtonNext\n} from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { CSS, styled } from '~/stitches'\n\nconst buttonStyles = {\n  alignItems: 'center',\n  bg: 'unset',\n  border: 'unset',\n  color: '$primary',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  p: 'unset',\n  size: '$5',\n  top: '50%',\n  transform: 'translateY(-50%)',\n  transition: 'color 0.15s ease-in-out',\n  '&:hover': {\n    color: '$primaryMid'\n  },\n  '&:active': {\n    color: '$primaryDark'\n  },\n  '&:disabled': {\n    color: '$tonal100'\n  }\n}\n\nconst StyledButtonBack = styled(BaseButtonBack, buttonStyles)\n\nconst StyledButtonNext = styled(BaseButtonNext, buttonStyles)\n\nexport const CarouselArrowPrevious: React.FC<{ css: CSS }> = (props) => (\n  <StyledButtonBack {...props}>\n    <Icon is={ChevronLeft} />\n  </StyledButtonBack>\n)\nexport const CarouselArrowNext: React.FC<{ css: CSS }> = (props) => (\n  <StyledButtonNext {...props}>\n    <Icon is={ChevronRight} />\n  </StyledButtonNext>\n)\n"],"names":["buttonStyles","StyledButtonBack","styled","BaseButtonBack","StyledButtonNext","BaseButtonNext","CarouselArrowPrevious","props","React","Icon","ChevronLeft","CarouselArrowNext","ChevronRight"],"mappings":"gPAUA,MAAMA,EAAe,CACnB,WAAY,SACZ,GAAI,QACJ,OAAQ,QACR,MAAO,WACP,OAAQ,UACR,QAAS,OACT,eAAgB,SAChB,EAAG,QACH,KAAM,KACN,IAAK,MACL,UAAW,mBACX,WAAY,0BACZ,UAAW,CACT,MAAO,aACT,EACA,WAAY,CACV,MAAO,cACT,EACA,aAAc,CACZ,MAAO,WACT,CACF,EAEMC,EAAmBC,EAAOC,EAAgBH,CAAY,EAEtDI,EAAmBF,EAAOG,EAAgBL,CAAY,EAE/CM,EAAiDC,GAC5DC,EAAA,cAACP,EAAA,CAAkB,GAAGM,CACpBC,EAAAA,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EAEWC,EAA6CJ,GACxDC,EAAA,cAACJ,EAAA,CAAkB,GAAGG,CACpBC,EAAAA,EAAA,cAACC,EAAA,CAAK,GAAIG,CAAAA,CAAc,CAC1B"}

package/dist/components/carousel/CarouselPagination.js

@@ -1 +1,2 @@
 import{DotGroup as o}from"pure-react-carousel";import{styled as r}from"../../stitches.js";const e=r(o,{justifyContent:"center","& button":{bg:"$tonal200",border:"none",borderRadius:"50%",cursor:"pointer",mx:"$1",p:"$1",size:"$space$3",transition:"all 100ms ease-in",'&[class*="selected"]':{bg:"$primary"},"&:hover, &:focus":{bg:"$primaryMid"}}});export{e as CarouselPagination};
+//# sourceMappingURL=CarouselPagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselPagination.js","sources":["../../../src/components/carousel/CarouselPagination.tsx"],"sourcesContent":["import { DotGroup } from 'pure-react-carousel'\n\nimport { styled } from '~/stitches'\n\nexport const CarouselPagination = styled(DotGroup, {\n  justifyContent: 'center',\n  '& button': {\n    bg: '$tonal200',\n    border: 'none',\n    borderRadius: '50%',\n    cursor: 'pointer',\n    mx: '$1',\n    p: '$1',\n    size: '$space$3',\n    transition: 'all 100ms ease-in',\n    '&[class*=\"selected\"]': {\n      bg: '$primary'\n    },\n    '&:hover, &:focus': {\n      bg: '$primaryMid'\n    }\n  }\n})\n"],"names":["CarouselPagination","styled","DotGroup"],"mappings":"0FAIa,MAAAA,EAAqBC,EAAOC,EAAU,CACjD,eAAgB,SAChB,WAAY,CACV,GAAI,YACJ,OAAQ,OACR,aAAc,MACd,OAAQ,UACR,GAAI,KACJ,EAAG,KACH,KAAM,WACN,WAAY,oBACZ,uBAAwB,CACtB,GAAI,UACN,EACA,mBAAoB,CAClB,GAAI,aACN,CACF,CACF,CAAC"}

package/dist/components/carousel/CarouselSlide.js

@@ -1 +1,2 @@
-import{Slide as t}from"pure-react-carousel";import*as e from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(t,{}),s=({children:o,...r})=>e.createElement(l,{...r,tag:"div"},e.createElement(m,{css:{px:"$3"}},o));export{s as CarouselSlide};
+import{Slide as r}from"pure-react-carousel";import*as e from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(r,{}),s=({children:t,...o})=>e.createElement(l,{...o,tag:"div"},e.createElement(m,{css:{px:"$3"}},t));export{s as CarouselSlide};
+//# sourceMappingURL=CarouselSlide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSlide.js","sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import { Slide as BaseSlide } from 'pure-react-carousel'\nimport * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { styled } from '~/stitches'\n\nconst StyledSlide = styled(BaseSlide, {})\n\ntype SlideProps = React.ComponentProps<typeof StyledSlide> & { index: number }\n\nexport const CarouselSlide: React.FC<SlideProps> = ({\n  children,\n  ...remainingProps\n}) => (\n  <StyledSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <Box css={{ px: '$3' }}>{children}</Box>\n  </StyledSlide>\n)\n"],"names":["StyledSlide","styled","BaseSlide","CarouselSlide","children","remainingProps","React","Box"],"mappings":"mJAMA,MAAMA,EAAcC,EAAOC,EAAW,CAAE,CAAA,EAI3BC,EAAsC,CAAC,CAClD,SAAAC,KACGC,CACL,IACEC,EAAA,cAACN,EAAA,CAAa,GAAGK,EAAgB,IAAI,OAEnCC,EAAA,cAACC,EAAA,CAAI,IAAK,CAAE,GAAI,IAAK,CAAIH,EAAAA,CAAS,CACpC"}

package/dist/components/carousel/CarouselSlider.js

@@ -1 +1,2 @@
 import{Slider as r}from"pure-react-carousel";import{styled as e}from"../../stitches.js";const s=e(r,{cursor:"grab",ml:"50%",overflow:"hidden",transform:"translateX(-50%)",'& [class*="sliderTray_"]':{p:"unset",m:"unset",transition:"transform .5s cubic-bezier(.645,.045,.355,1)"},'& [class*="slide_"]':{float:"left",pb:"0 !important"},'& [class*="slideInner"]':{display:"flex",justifyContent:"center"},variants:{overflow:{true:{overflow:"visible"}}}});export{s as CarouselSlider};
+//# sourceMappingURL=CarouselSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSlider.js","sources":["../../../src/components/carousel/CarouselSlider.tsx"],"sourcesContent":["import { Slider as BaseSlider } from 'pure-react-carousel'\n\nimport { styled } from '~/stitches'\n\nexport const CarouselSlider = styled(BaseSlider, {\n  cursor: 'grab',\n  ml: '50%',\n  overflow: 'hidden',\n  transform: 'translateX(-50%)',\n  '& [class*=\"sliderTray_\"]': {\n    p: 'unset',\n    m: 'unset',\n    transition: 'transform .5s cubic-bezier(.645,.045,.355,1)'\n  },\n  '& [class*=\"slide_\"]': {\n    float: 'left',\n    pb: '0 !important'\n  },\n  '& [class*=\"slideInner\"]': {\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  variants: {\n    overflow: {\n      true: {\n        overflow: 'visible'\n      }\n    }\n  }\n})\n"],"names":["CarouselSlider","styled","BaseSlider"],"mappings":"wFAIO,MAAMA,EAAiBC,EAAOC,EAAY,CAC/C,OAAQ,OACR,GAAI,MACJ,SAAU,SACV,UAAW,mBACX,2BAA4B,CAC1B,EAAG,QACH,EAAG,QACH,WAAY,8CACd,EACA,sBAAuB,CACrB,MAAO,OACP,GAAI,cACN,EACA,0BAA2B,CACzB,QAAS,OACT,eAAgB,QAClB,EACA,SAAU,CACR,SAAU,CACR,KAAM,CACJ,SAAU,SACZ,CACF,CACF,CACF,CAAC"}

package/dist/components/checkbox/Checkbox.js

@@ -1 +1,2 @@
 import{Minus as i,Ok as l}from"@atom-learning/icons";import*as e from"@radix-ui/react-checkbox";import*as o from"react";import{styled as t}from"../../stitches.js";import{Icon as s}from"../icon/Icon.js";const d=t(e.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),c=t(e.Root,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),a=o.forwardRef((r,n)=>o.createElement(c,{...r,ref:n},o.createElement(d,null,o.createElement(s,{is:r.checked==="indeterminate"?i:l,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));a.displayName="Checkbox";export{a as Checkbox};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon } from '../icon'\n\nconst StyledIndicator = styled(RadixCheckbox.Indicator, {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center'\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n  appearance: 'none',\n  backgroundColor: 'transparent',\n  border: '1px solid $colors$tonal400',\n  borderRadius: '3px',\n  color: 'white',\n  cursor: 'pointer',\n  size: '$1',\n  p: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'all 50ms ease-out',\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary',\n    borderColor: '$primary'\n  },\n  '&[data-state=\"indeterminate\"]': {\n    backgroundColor: '$primary',\n    borderColor: '$primary'\n  },\n  '&:focus': {\n    outline: '2px solid $primary',\n    outlineOffset: '1px'\n  },\n  '&[disabled]': {\n    backgroundColor: '$tonal100',\n    borderColor: '$tonal400',\n    cursor: 'not-allowed',\n    color: '$tonal400'\n  },\n  variants: {\n    state: {\n      error: {\n        borderColor: '$danger'\n      }\n    }\n  }\n})\n\ntype CheckboxProps = React.ComponentProps<typeof StyledCheckbox>\n\nexport const Checkbox: React.FC<CheckboxProps> = React.forwardRef(\n  (props, ref) => (\n    <StyledCheckbox {...props} ref={ref}>\n      <StyledIndicator>\n        <Icon\n          is={props.checked === 'indeterminate' ? Minus : Ok}\n          css={{\n            pointerEvents: 'none',\n            position: 'absolute',\n            strokeWidth: '3',\n            size: 14\n          }}\n        />\n      </StyledIndicator>\n    </StyledCheckbox>\n  )\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["StyledIndicator","styled","RadixCheckbox","StyledCheckbox","Checkbox","React","props","ref","Icon","Minus","Ok"],"mappings":"0MAQA,MAAMA,EAAkBC,EAAOC,EAAc,UAAW,CACtD,QAAS,OACT,WAAY,SACZ,eAAgB,QAClB,CAAC,EAEKC,EAAiBF,EAAOC,EAAc,KAAM,CAChD,WAAY,OACZ,gBAAiB,cACjB,OAAQ,6BACR,aAAc,MACd,MAAO,QACP,OAAQ,UACR,KAAM,KACN,EAAG,EACH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oBACZ,0BAA2B,CACzB,gBAAiB,WACjB,YAAa,UACf,EACA,gCAAiC,CAC/B,gBAAiB,WACjB,YAAa,UACf,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,cAAe,CACb,gBAAiB,YACjB,YAAa,YACb,OAAQ,cACR,MAAO,WACT,EACA,SAAU,CACR,MAAO,CACL,MAAO,CACL,YAAa,SACf,CACF,CACF,CACF,CAAC,EAIYE,EAAoCC,EAAM,WACrD,CAACC,EAAOC,IACNF,EAAA,cAACF,EAAA,CAAgB,GAAGG,EAAO,IAAKC,GAC9BF,EAAA,cAACL,EAAA,KACCK,EAAA,cAACG,EAAA,CACC,GAAIF,EAAM,UAAY,gBAAkBG,EAAQC,EAChD,IAAK,CACH,cAAe,OACf,SAAU,WACV,YAAa,IACb,KAAM,EACR,EACF,CACF,CACF,CAEJ,EAEAN,EAAS,YAAc"}

package/dist/components/checkbox-field/CheckboxField.js

@@ -1 +1,2 @@
-import*as n from"react";import{useFormContext as p,Controller as C}from"react-hook-form";import{Checkbox as h}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as F}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as k}from"../form/useFieldError.js";var b=(e=>(e.ON="on",e.OFF="off",e))(b||{});const i=({css:e,defaultChecked:r=!1,label:m,name:t,validation:o,description:d,...c})=>{const{control:f}=p(),{error:a}=k(t);return n.createElement(C,{control:f,name:t,defaultValue:r,rules:o,render:({onChange:u,value:l,name:s})=>n.createElement(F,{css:e,description:d,error:a,label:m,required:Boolean(o==null?void 0:o.required)},n.createElement(h,{defaultChecked:r,defaultValue:r?"on":"off",checked:l,name:s,onCheckedChange:u,value:l?"on":"off",...a&&{state:"error"},...c}))})};i.displayName="CheckboxField";export{i as CheckboxField};
+import*as t from"react";import{useFormContext as h,useController as k}from"react-hook-form";import{Checkbox as F}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as b}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as v}from"../form/useFieldError.js";var x=(e=>(e.ON="on",e.OFF="off",e))(x||{});const c=({css:e,label:m,name:l,validation:r,description:d,defaultChecked:f=!1,checked:o,...s})=>{const{control:u}=h(),{error:n}=v(l),{field:{ref:p,onChange:a,value:i,name:C}}=k({name:l,control:u,rules:r,defaultValue:f});return t.useEffect(()=>{typeof o<"u"&&a(o)},[o]),t.createElement(b,{css:e,description:d,error:n,label:m,required:Boolean(r==null?void 0:r.required)},t.createElement(F,{ref:p,name:C,...s,onCheckedChange:a,value:i?"on":"off",checked:i,...n&&{state:"error"}}))};c.displayName="CheckboxField";export{c as CheckboxField};
+//# sourceMappingURL=CheckboxField.js.map