@atom-learning/components 2.33.0 → 2.35.0

package/CHANGELOG.md

@@ -1,62 +1,9 @@
-# [2.33.0](https://github.com/Atom-Learning/components/compare/v2.32.2...v2.33.0) (2023-02-17)
-
-
-### Bug Fixes
-
-* add build:color-scheme script ([4dda294](https://github.com/Atom-Learning/components/commit/4dda2940772cde65cc73890fdf2d63debf8df9d3))
-* another pass over the documentation to fix bugs which weren't flagging in build ([b6089a1](https://github.com/Atom-Learning/components/commit/b6089a1d82391304065ee0015f66a482d9ef78b2))
-* build local deps before test ([4820a9a](https://github.com/Atom-Learning/components/commit/4820a9a4140e693dacfe9aea44aad8096c11e9b4))
-* change hasAlpha to use hasOwnProperty instead and keep typescript happy ([3c4a504](https://github.com/Atom-Learning/components/commit/3c4a504e0097791518c2fabe11b0214e9a901d67))
-* Chip ci validate ([bc135f8](https://github.com/Atom-Learning/components/commit/bc135f86a2457966ec83031d3991ddacdfeaa1fa))
-* ComponentProps keep changes to component from origin/main ([6fba7b6](https://github.com/Atom-Learning/components/commit/6fba7b67bff8acf49566ef19a97ce18cbe2d40ef))
-* config tweaks to get images to work and fix to required external radio ([323f645](https://github.com/Atom-Learning/components/commit/323f645edb1e7e8cca28ad2bb874e28e3de0d1f0))
-* docs Navigation arrow to take no space ([f3543d9](https://github.com/Atom-Learning/components/commit/f3543d98c3a37aca941a568b53d61285587a1e73))
-* documentation path in config ([5d44f7f](https://github.com/Atom-Learning/components/commit/5d44f7f32257fd9f68a2aa99222c95239656088c))
-* formatting changes for netlify to pick up blocks and borked datatable example ([8c5d993](https://github.com/Atom-Learning/components/commit/8c5d993c7c1f01c5bbd1b9ba50c692a1488778eb))
-* get documentation building ([324d715](https://github.com/Atom-Learning/components/commit/324d7159aac33a25c3e68c4719297caa774b95bb))
-* Header trigger color ([8257872](https://github.com/Atom-Learning/components/commit/8257872f6de93521f05c15367d0a7412eb5771c2))
-* IconTokenItem proptype ([ef780f3](https://github.com/Atom-Learning/components/commit/ef780f35115b2f5264053024c1da0ef8ec9e6940))
-* lib not to explode when higher react 18 or over (lib dependencies do not support 18: useForm) ([25ba883](https://github.com/Atom-Learning/components/commit/25ba883660380604511e6e43df5c76b7ec91599b))
-* lib to add local-deps build before dev or build runs ([069febd](https://github.com/Atom-Learning/components/commit/069febd5c093cdc2819697068e9ff43f48463691))
-* make Pagination generation more robust ([873ac19](https://github.com/Atom-Learning/components/commit/873ac19ada603f2b38716cebd82dc38042bad452))
-* minimum required content added ([587c315](https://github.com/Atom-Learning/components/commit/587c31585642de7a3bf0dbdb09433b6bc561c7d6))
-* navigation not working even though url is changing ([dfd99b9](https://github.com/Atom-Learning/components/commit/dfd99b91453f218fed5a8374ebca5848c532c29c))
-* nothing to lint in documentation ([56e33f9](https://github.com/Atom-Learning/components/commit/56e33f9def13053954f38e7049f6fc2827c97328))
-* overwriting boolean value bug in CodeBlock ([3839688](https://github.com/Atom-Learning/components/commit/3839688cd1daf0063b02098861479cd8d8479f17))
-* padding override TokenListRoot ul Stack ([5efb66b](https://github.com/Atom-Learning/components/commit/5efb66b9bade60d445e653a4dfa0a5fb333cf003))
-* pre markdown setup ([7b97fdc](https://github.com/Atom-Learning/components/commit/7b97fdcc5ec3f498ae540c6f1520cf9b38dfd5ce))
-* remove .env from git ([4497617](https://github.com/Atom-Learning/components/commit/44976171b490de6db2806e7ea202a1441592150b))
-* roll node-fetch back to 2 to avoid weird netlify-cms error ([352d242](https://github.com/Atom-Learning/components/commit/352d242b05881e1ff2b71aff67aa08e417c654cc))
-* run server npm command from root when `local_backend` ([429687d](https://github.com/Atom-Learning/components/commit/429687d506805eca15b88684379140296fdd4202))
-* spacing in content ([19b3c49](https://github.com/Atom-Learning/components/commit/19b3c49f4be62cfb835c6731f2a0c806df21d0de))
-* stop generate-component-props from breaking if dist folder was completely deleted ([be0d24e](https://github.com/Atom-Learning/components/commit/be0d24ed7a250b16fea57be312e9db4d675685a6))
-* suspect snapshot updates ([f11a807](https://github.com/Atom-Learning/components/commit/f11a8076143a69af915226f81bab6af2177bfc63))
-* TokenListRoot readd ItemComponent typing ([5a0941b](https://github.com/Atom-Learning/components/commit/5a0941b0aac94ec5e289835743b25231883e8f1d))
-* typescript errors ([19fd30d](https://github.com/Atom-Learning/components/commit/19fd30ded8273c99d0f0f94c4f660138e42c2137))
-* update README ([5b8fe99](https://github.com/Atom-Learning/components/commit/5b8fe99843d90bfb4ecb71347f2786d4bf627034))
+# [2.35.0](https://github.com/Atom-Learning/components/compare/v2.34.0...v2.35.0) (2023-02-22)
 
 
 ### Features
 
-* /documentation ([0fa3b25](https://github.com/Atom-Learning/components/commit/0fa3b2588cd783a2d734c23c709eb3ed28e9e872))
-* add experimental flag to ColorScheme component ([8305d7d](https://github.com/Atom-Learning/components/commit/8305d7d471a307cc7c87df5eb8085708307ee9d7))
-* add some additional tidbits into the README.md ([8b051a7](https://github.com/Atom-Learning/components/commit/8b051a70d70a226692d22492773c70c324b93d7f))
-* bye documentation related lib stuff ([bfd30c2](https://github.com/Atom-Learning/components/commit/bfd30c28ba2f4274f39851b7849221132b3d6a76))
-* ColorScheme alpha version ([23ef23d](https://github.com/Atom-Learning/components/commit/23ef23d701adca5dd9ed1c722931969b424167da))
-* delete documentation in lib ([7cfbe2d](https://github.com/Atom-Learning/components/commit/7cfbe2df50a96c13f58a67c6c6e20359be0212ab))
-* deps and package.json tweaks ([0110d13](https://github.com/Atom-Learning/components/commit/0110d139fa5f266f3b543eaa77649d364c2ee693))
-* documentation ([ff654e0](https://github.com/Atom-Learning/components/commit/ff654e07f41adb82793295aea95c96581e58e65f))
-* expand ComponentProps ([2268116](https://github.com/Atom-Learning/components/commit/22681165f22aa4fb143e2f511ad07b1abfcc05aa))
-* meta and favicon ([686ec5d](https://github.com/Atom-Learning/components/commit/686ec5db8f453d9a744b79c2c963fca2ebd3c4d9))
-* more ColorScheme tweak ([88849ed](https://github.com/Atom-Learning/components/commit/88849edd4e0dee74c1d41f2a44f5f4e47e79c4f9))
-* more correct config.yml ([653f333](https://github.com/Atom-Learning/components/commit/653f333b3e20193c30bf0349daa33ab0b6a17e00))
-* nest StackContent in Layout TabsContent ([02c0a0d](https://github.com/Atom-Learning/components/commit/02c0a0d70162bdd8c354788db29ddab58897f958))
-* partial OAuth setup ([d02a25c](https://github.com/Atom-Learning/components/commit/d02a25cf9fc206b9c340ec7ae5734e3fff9226cf))
-* README ([1e810e2](https://github.com/Atom-Learning/components/commit/1e810e249026428d461a30dc15bfeaa5fa6b33e8))
-* rename tonal vars to base to match property of ColorScheme component ([47c9c7a](https://github.com/Atom-Learning/components/commit/47c9c7a5d86a8c258842fcb602e3a2218f54776b))
-* replace custom id function with @lukeed/uuid ([383ee4c](https://github.com/Atom-Learning/components/commit/383ee4c09661b81968f9f662adc6e8f63951255e))
-* replace tonal to base from ColorScheme ([e8d553e](https://github.com/Atom-Learning/components/commit/e8d553e02b3849857fa63004a2c57be307427965))
-* update config with current design system site url and branch ([9688113](https://github.com/Atom-Learning/components/commit/968811362dd5caeab38d7cdb33817b4e1d6a42b8))
+* update theme version to 1.2.0 ([0be9b4c](https://github.com/Atom-Learning/components/commit/0be9b4c993a18a6985aabb522e215695bec3cd37))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/accordion/Accordion.d.ts

@@ -25,6 +25,42 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -82,6 +118,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -22,6 +22,42 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -79,6 +115,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -22,6 +22,42 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -79,6 +115,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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: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.d.ts

@@ -23,6 +23,42 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -80,6 +116,7 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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{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.d.ts

@@ -30,6 +30,42 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -87,6 +123,7 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -24,6 +24,42 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -81,6 +117,7 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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.d.ts

@@ -24,6 +24,42 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         textPlaceholder: any;
         background: any;
         backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
         tonal50: any;
         tonal100: any;
         tonal200: any;
@@ -81,6 +117,7 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         "7": any;
         "8": any;
         "9": any;
+        "24": any;
     };
     fontSizes: {
         xs: any;

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"}