@atom-learning/components 6.0.0-beta.1 → 6.0.0-beta.10

package/dist/stitches.js

@@ -1,2 +0,0 @@
-import{createStitches as m,defaultThemeMap as o}from"@atom-learning/stitches-react";import*as r from"@atom-learning/theme/lib/theme-atom";import{themeMap as d}from"@atom-learning/theme/theme-map";const e={bg:t=>({background:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},i={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},p=m({theme:r,themeMap:{...o,...d},utils:e,media:i}),{css:n,getCssText:a,createTheme:g,globalCss:h,keyframes:s,styled:c,theme:f}=p;export{g as createTheme,n as css,a as getCssText,h as globalCss,s as keyframes,i as media,c as styled,f as theme,e as utils};
-//# sourceMappingURL=stitches.js.map

package/dist/stitches.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stitches.js","sources":["../src/stitches.ts"],"sourcesContent":["import type {\n  CSS as StitchesCSS,\n  PropertyValue,\n  ScaleValue\n} from '@atom-learning/stitches-react'\nimport { createStitches, defaultThemeMap } from '@atom-learning/stitches-react'\nimport type { Theme } from '@atom-learning/theme/lib/theme-atom'\nimport * as atomTheme from '@atom-learning/theme/lib/theme-atom'\nimport { themeMap } from '@atom-learning/theme/theme-map'\n\nexport const utils = {\n  bg: (value: PropertyValue<'background'>) => ({\n    background: value\n  }),\n\n  size: (value: ScaleValue<'size'> | number | string) => ({\n    height: value,\n    width: value\n  }),\n\n  p: (value: ScaleValue<'space'> | number | string) => ({\n    padding: value\n  }),\n  pt: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value\n  }),\n  pr: (value: ScaleValue<'space'> | number | string) => ({\n    paddingRight: value\n  }),\n  pb: (value: ScaleValue<'space'> | number | string) => ({\n    paddingBottom: value\n  }),\n  pl: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value\n  }),\n  px: (value: ScaleValue<'space'> | number | string) => ({\n    paddingLeft: value,\n    paddingRight: value\n  }),\n  py: (value: ScaleValue<'space'> | number | string) => ({\n    paddingTop: value,\n    paddingBottom: value\n  }),\n\n  m: (value: ScaleValue<'space'> | number | string) => ({\n    margin: value\n  }),\n  mt: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value\n  }),\n  mr: (value: ScaleValue<'space'> | number | string) => ({\n    marginRight: value\n  }),\n  mb: (value: ScaleValue<'space'> | number | string) => ({\n    marginBottom: value\n  }),\n  ml: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value\n  }),\n  mx: (value: ScaleValue<'space'> | number | string) => ({\n    marginLeft: value,\n    marginRight: value\n  }),\n  my: (value: ScaleValue<'space'> | number | string) => ({\n    marginTop: value,\n    marginBottom: value\n  })\n}\n\nexport const media = {\n  sm: '(min-width: 550px)',\n  md: '(min-width: 800px)',\n  lg: '(min-width: 1100px)',\n  xl: '(min-width: 1350px)',\n  reducedMotion: '(prefers-reduced-motion)',\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n  hover: '(hover: hover)'\n}\n\nconst stitchesConfig = createStitches({\n  theme: atomTheme as Theme,\n  themeMap: {\n    ...defaultThemeMap,\n    ...themeMap\n  },\n  utils,\n  media\n})\n\nexport const {\n  css,\n  getCssText,\n  createTheme,\n  globalCss,\n  keyframes,\n  styled,\n  theme\n} = stitchesConfig\n\nexport type CSS = StitchesCSS<typeof stitchesConfig>\n"],"names":["utils","value","media","stitchesConfig","createStitches","atomTheme","defaultThemeMap","themeMap","css","getCssText","createTheme","globalCss","keyframes","styled","theme"],"mappings":"oMAUO,MAAMA,EAAQ,CACnB,GAAKC,IAAwC,CAC3C,WAAYA,CACd,GAEA,KAAOA,IAAiD,CACtD,OAAQA,EACR,MAAOA,CACT,GAEA,EAAIA,IAAkD,CACpD,QAASA,CACX,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,cAAeA,CACjB,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,YAAaA,EACb,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,cAAeA,CACjB,GAEA,EAAIA,IAAkD,CACpD,OAAQA,CACV,GACA,GAAKA,IAAkD,CACrD,UAAWA,CACb,GACA,GAAKA,IAAkD,CACrD,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,aAAcA,CAChB,GACA,GAAKA,IAAkD,CACrD,WAAYA,CACd,GACA,GAAKA,IAAkD,CACrD,WAAYA,EACZ,YAAaA,CACf,GACA,GAAKA,IAAkD,CACrD,UAAWA,EACX,aAAcA,CAChB,EACF,EAEaC,EAAQ,CACnB,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,cAAe,2BACf,YAAa,0CACb,MAAO,gBACT,EAEMC,EAAiBC,EAAe,CACpC,MAAOC,EACP,SAAU,CACR,GAAGC,EACH,GAAGC,CACL,EACA,MAAAP,EACA,MAAAE,CACF,CAAC,EAEY,CACX,IAAAM,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,CACF,EAAIX"}

package/dist/utilities/create-theme-variants/createThemeVariants.d.ts

@@ -1,22 +0,0 @@
-import { Theme } from '@atom-learning/theme/lib/theme-atom';
-import { CSS, theme } from '../../stitches';
-/**
- * Generates a Stitches variants object based on keys in our theme.
- * You can use the string `$key` in your CSS object, which will be replaced
- * with the token from our theme.
- *
- *
- * @example
- * ```ts
- * createThemeVariants('space', { p: '$key' })
- *
- * // Result:
- * // {
- * //   0: { p: '$space$0' },
- * //   1: { p: '$space$1' },
- * //   2: { p: '$space$2' },
- * //   ...etc
- * // }
- * ```
- */
-export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (typeof theme)[ThemeProperty], CSS>;

package/dist/utilities/create-theme-variants/createThemeVariants.js

@@ -1,2 +0,0 @@
-import{theme as c}from"../../stitches.js";const s=(e,t)=>Object.keys(c[e]).reduce((a,r)=>({...a,[r]:JSON.parse(JSON.stringify(t).replace(/\$key/g,`$${e}$${r}`))}),{});export{s as createThemeVariants};
-//# sourceMappingURL=createThemeVariants.js.map

package/dist/utilities/create-theme-variants/createThemeVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createThemeVariants.js","sources":["../../../src/utilities/create-theme-variants/createThemeVariants.ts"],"sourcesContent":["import { Theme } from '@atom-learning/theme/lib/theme-atom'\n\nimport { CSS, theme } from '../../stitches'\n\n/**\n * Generates a Stitches variants object based on keys in our theme.\n * You can use the string `$key` in your CSS object, which will be replaced\n * with the token from our theme.\n *\n *\n * @example\n * ```ts\n * createThemeVariants('space', { p: '$key' })\n *\n * // Result:\n * // {\n * //   0: { p: '$space$0' },\n * //   1: { p: '$space$1' },\n * //   2: { p: '$space$2' },\n * //   ...etc\n * // }\n * ```\n */\nexport const createThemeVariants = <ThemeProperty extends keyof Theme>(\n  themeProperty: ThemeProperty,\n  styles: CSS\n): Record<keyof typeof theme[ThemeProperty], CSS> =>\n  Object.keys(theme[themeProperty]).reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: JSON.parse(\n        JSON.stringify(styles).replace(/\\$key/g, `$${themeProperty}$${key}`)\n      )\n    }),\n    {}\n  ) as Record<keyof typeof theme[ThemeProperty], CSS>\n"],"names":["createThemeVariants","themeProperty","styles","theme","acc","key"],"mappings":"0CAuBa,MAAAA,EAAsB,CACjCC,EACAC,IAEA,OAAO,KAAKC,EAAMF,EAAc,EAAE,OAChC,CAACG,EAAKC,KAAS,CACb,GAAGD,EACH,CAACC,GAAM,KAAK,MACV,KAAK,UAAUH,CAAM,EAAE,QAAQ,SAAU,IAAID,KAAiBI,GAAK,CACrE,CACF,GACA,CACF,CAAA"}

package/dist/utilities/create-theme-variants/index.d.ts

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

package/dist/utilities/override-stitches-variant-value/overrideStitchesVariantValue.d.ts

@@ -1 +0,0 @@
-export declare const overrideStitchesVariantValue: (prop: any, overrideFunction: (any: any) => any) => any;

package/dist/utilities/override-stitches-variant-value/overrideStitchesVariantValue.js

@@ -1,2 +0,0 @@
-const r=(t,a)=>{let e;switch(typeof t){case"object":e={},Object.keys(t).forEach(c=>{const o=t[c];e[c]=o&&a(o)});break;default:e=a(t)}return e};export{r as overrideStitchesVariantValue};
-//# sourceMappingURL=overrideStitchesVariantValue.js.map

package/dist/utilities/override-stitches-variant-value/overrideStitchesVariantValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overrideStitchesVariantValue.js","sources":["../../../src/utilities/override-stitches-variant-value/overrideStitchesVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStitchesVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"names":["overrideStitchesVariantValue","prop","overrideFunction","overrideValue","breakpoint","propAtBreakpoint"],"mappings":"AASO,MAAMA,EAA+B,CAC1CC,EACAC,IACG,CACH,IAAIC,EACJ,OAAQ,OAAOF,OACR,SACHE,EAAgB,CAAA,EAChB,OAAO,KAAKF,CAAI,EAAE,QAASG,GAAe,CACxC,MAAMC,EAAmBJ,EAAKG,GAC9BD,EAAcC,GAAcC,GACxBH,EAAiBG,CAAgB,CAEvC,CAAC,EACD,cAEAF,EAAgBD,EAAiBD,CAAI,EAGzC,OAAOE,CACT"}

package/dist/utilities/style/capsize.d.ts

@@ -1,17 +0,0 @@
-import { CSS } from '../../stitches';
-/**
- * https://seek-oss.github.io/capsize/
- *
- * Capsize is an online tool (or npm package) that allows us to trim the whitespace above capital letters and below the baseline.
- * The following utility returns pseudo elements for use in a `styled()` function.
- * Using the tool above, choose a font, pass a font-size and line-height, and get a value to use as an offset for the whitespace. e.g.
- *
- *   styled('p', {
- *     fontFamily: 'Inter',
- *     fontSize: 16,
- *     lineHeight: 1.5,
- *     ...capsize('-0.3864em') // this value is a result of the font family, size and line-height
- *   })
- *
- */
-export declare const capsize: (before: number, after?: number) => Record<string, CSS>;

package/dist/utilities/style/capsize.js

@@ -1,2 +0,0 @@
-const a=(e,t)=>({"&::before":{content:"''",mb:`-${e}em`,display:"table"},"&::after":{content:"''",mt:`-${t||e}em`,display:"table"}});export{a as capsize};
-//# sourceMappingURL=capsize.js.map

package/dist/utilities/style/capsize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"capsize.js","sources":["../../../src/utilities/style/capsize.ts"],"sourcesContent":["import { CSS } from '~/stitches'\n\n/**\n * https://seek-oss.github.io/capsize/\n *\n * Capsize is an online tool (or npm package) that allows us to trim the whitespace above capital letters and below the baseline.\n * The following utility returns pseudo elements for use in a `styled()` function.\n * Using the tool above, choose a font, pass a font-size and line-height, and get a value to use as an offset for the whitespace. e.g.\n *\n *   styled('p', {\n *     fontFamily: 'Inter',\n *     fontSize: 16,\n *     lineHeight: 1.5,\n *     ...capsize('-0.3864em') // this value is a result of the font family, size and line-height\n *   })\n *\n */\nexport const capsize = (\n  before: number,\n  after?: number\n): Record<string, CSS> => ({\n  '&::before': {\n    content: \"''\",\n    mb: `-${before}em`,\n    display: 'table'\n  },\n  '&::after': {\n    content: \"''\",\n    mt: `-${after || before}em`,\n    display: 'table'\n  }\n})\n"],"names":["capsize","before","after"],"mappings":"AAiBa,MAAAA,EAAU,CACrBC,EACAC,KACyB,CACzB,YAAa,CACX,QAAS,KACT,GAAI,IAAID,MACR,QAAS,OACX,EACA,WAAY,CACV,QAAS,KACT,GAAI,IAAIC,GAASD,MACjB,QAAS,OACX,CACF"}

package/dist/utilities/style/disabledStyle.d.ts

@@ -1,2 +0,0 @@
-import type { CSS } from '../../stitches';
-export declare const disabledStyle: CSS;

package/dist/utilities/style/disabledStyle.js

@@ -1,2 +0,0 @@
-const o={opacity:.3,cursor:"not-allowed"};export{o as disabledStyle};
-//# sourceMappingURL=disabledStyle.js.map

package/dist/utilities/style/disabledStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"disabledStyle.js","sources":["../../../src/utilities/style/disabledStyle.ts"],"sourcesContent":["/* \n  Disabled styling for elements.\n*/\n\nimport type { CSS } from '~/stitches'\n\nexport const disabledStyle = {\n  opacity: 0.3,\n  cursor: 'not-allowed'\n} as CSS\n"],"names":["disabledStyle"],"mappings":"AAMO,MAAMA,EAAgB,CAC3B,QAAS,GACT,OAAQ,aACV"}

package/dist/utilities/style/encode-background-icon.d.ts

@@ -1,7 +0,0 @@
-type Icons = keyof typeof icons;
-declare const icons: {
-    chevron: (color: string) => string;
-    search: (color: string) => string;
-};
-export declare const encodeBackgroundIcon: (color: string, icon: Icons) => string;
-export {};

package/dist/utilities/style/encode-background-icon.js

@@ -1,2 +0,0 @@
-import{toHex as t}from"color2k";const n={chevron:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><polyline points="6 10 12 16 18 10"/></svg>`,search:o=>`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="${o}"><path d="M14.4121122,14.4121122 L20,20"></path><circle cx="10" cy="10" r="6"></circle></svg>`},r=(o,e)=>`url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(n[e](t(o)))})`;export{r as encodeBackgroundIcon};
-//# sourceMappingURL=encode-background-icon.js.map

package/dist/utilities/style/encode-background-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"encode-background-icon.js","sources":["../../../src/utilities/style/encode-background-icon.ts"],"sourcesContent":["import { toHex } from 'color2k'\n\ntype Icons = keyof typeof icons\n\nconst icons = {\n  chevron: (color: string): string =>\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" color=\"${color}\"><polyline points=\"6 10 12 16 18 10\"/></svg>`,\n  search: (color: string): string =>\n    `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" color=\"${color}\"><path d=\"M14.4121122,14.4121122 L20,20\"></path><circle cx=\"10\" cy=\"10\" r=\"6\"></circle></svg>`\n}\n\n// convert hsl theme value to hex\n// svg doesn't support hsl in attributes\n// encode icon and return as data uri\nexport const encodeBackgroundIcon = (color: string, icon: Icons): string =>\n  `url(data:image/svg+xml;charset=US-ASCII,${encodeURIComponent(\n    icons[icon](toHex(color))\n  )})`\n"],"names":["icons","color","encodeBackgroundIcon","icon","toHex"],"mappings":"gCAIA,MAAMA,EAAQ,CACZ,QAAUC,GACR,kGAAkGA,yFAA6FA,iDACjM,OAASA,GACP,kGAAkGA,yFAA6FA,iGACnM,EAKaC,EAAuB,CAACD,EAAeE,IAClD,2CAA2C,mBACzCH,EAAMG,GAAMC,EAAMH,CAAK,CAAC,CAC1B"}

package/dist/utilities/style/focus-visible-style-block.d.ts

@@ -1,13 +0,0 @@
-type focusVisibleStyleBlockPropsType = {
-    position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
-    zIndex?: number;
-    boxShadow?: string;
-};
-type focusVisibleStyleBlockReturnType = {
-    outline: 'none';
-    position: string;
-    zIndex: number;
-    boxShadow: string;
-};
-export declare const focusVisibleStyleBlock: ({ position, zIndex, boxShadow }?: focusVisibleStyleBlockPropsType) => focusVisibleStyleBlockReturnType;
-export {};

package/dist/utilities/style/focus-visible-style-block.js

@@ -1,2 +0,0 @@
-const x=({position:e="relative",zIndex:o=1,boxShadow:i=""}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:o>1?o:1,boxShadow:`white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px${i?`, ${i}`:""}`});export{x as focusVisibleStyleBlock};
-//# sourceMappingURL=focus-visible-style-block.js.map

package/dist/utilities/style/focus-visible-style-block.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-visible-style-block.js","sources":["../../../src/utilities/style/focus-visible-style-block.ts"],"sourcesContent":["/*\n  Focus styling for block element.\n*/\n\ntype focusVisibleStyleBlockPropsType = {\n  position?: 'relative' | 'absolute' | 'fixed' | 'sticky'\n  zIndex?: number\n  boxShadow?: string\n}\n\ntype focusVisibleStyleBlockReturnType = {\n  outline: 'none'\n  position: string\n  zIndex: number\n  boxShadow: string\n}\n\nexport const focusVisibleStyleBlock = ({\n  position = 'relative',\n  zIndex = 1,\n  boxShadow = ''\n}: focusVisibleStyleBlockPropsType = {}): focusVisibleStyleBlockReturnType => {\n  return {\n    outline: 'none',\n    position: ['relative', 'absolute', 'fixed', 'sticky'].includes(position)\n      ? position\n      : 'relative',\n    zIndex: zIndex > 1 ? zIndex : 1,\n    boxShadow: `white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px${\n      boxShadow ? `, ${boxShadow}` : ''\n    }`\n  }\n}\n"],"names":["focusVisibleStyleBlock","position","zIndex","boxShadow"],"mappings":"AAiBO,MAAMA,EAAyB,CAAC,CACrC,SAAAC,EAAW,WACX,OAAAC,EAAS,EACT,UAAAC,EAAY,EACd,EAAqC,MAC5B,CACL,QAAS,OACT,SAAU,CAAC,WAAY,WAAY,QAAS,QAAQ,EAAE,SAASF,CAAQ,EACnEA,EACA,WACJ,OAAQC,EAAS,EAAIA,EAAS,EAC9B,UAAW,4DACTC,EAAY,KAAKA,IAAc,IAEnC"}

package/dist/utilities/style/keyframe-animations.d.ts

@@ -1,38 +0,0 @@
-import { keyframes } from '../../stitches';
-export declare const slideUpAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideRightAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideDownAndFade: {
-    (): string;
-    name: string;
-};
-export declare const slideLeftAndFade: {
-    (): string;
-    name: string;
-};
-export declare const fadeIn: {
-    (): string;
-    name: string;
-};
-export declare const fadeOut: {
-    (): string;
-    name: string;
-};
-export declare const slideInOut: ({ outPosition, inPosition }: {
-    outPosition?: {
-        x: string | number;
-        y: string | number;
-    };
-    inPosition?: {
-        x: string | number;
-        y: string | number;
-    };
-}) => {
-    in: ReturnType<typeof keyframes>;
-    out: ReturnType<typeof keyframes>;
-};

package/dist/utilities/style/keyframe-animations.js

@@ -1,2 +0,0 @@
-import{keyframes as t}from"../../stitches.js";const o=t({"0%":{opacity:0,transform:"translateY(2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),e=t({"0%":{opacity:0,transform:"translateX(-2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),i=t({"0%":{opacity:0,transform:"translateY(-2px)"},"100%":{opacity:1,transform:"translateY(0)"}}),l=t({"0%":{opacity:0,transform:"translateX(2px)"},"100%":{opacity:1,transform:"translateX(0)"}}),p=t({"0%":{opacity:0},"100%":{opacity:1}}),y=t({"0%":{opacity:1},"100%":{opacity:0}}),f=({outPosition:a={x:0,y:0},inPosition:n={x:0,y:0}})=>{const r=t({"0%":{transform:`translateX(${a.x}) translateY(${a.y})`},"100%":{transform:`translateX(${n.x}) translateY(${n.y})`}}),s=t({"0%":{transform:`translateX(${n.x}) translateY(${n.y})`},"100%":{transform:`translateX(${a.x}) translateY(${a.y})`}});return{in:r,out:s}};export{p as fadeIn,y as fadeOut,i as slideDownAndFade,f as slideInOut,l as slideLeftAndFade,e as slideRightAndFade,o as slideUpAndFade};
-//# sourceMappingURL=keyframe-animations.js.map

package/dist/utilities/style/keyframe-animations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyframe-animations.js","sources":["../../../src/utilities/style/keyframe-animations.ts"],"sourcesContent":["import { keyframes } from '~/stitches'\n\nexport const slideUpAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideRightAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(-2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\nexport const slideDownAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateY(-2px)' },\n  '100%': { opacity: 1, transform: 'translateY(0)' }\n})\nexport const slideLeftAndFade = keyframes({\n  '0%': { opacity: 0, transform: 'translateX(2px)' },\n  '100%': { opacity: 1, transform: 'translateX(0)' }\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 }\n})\n\nexport const slideInOut = ({\n  outPosition = { x: 0, y: 0 },\n  inPosition = { x: 0, y: 0 }\n}: {\n  outPosition?: { x: string | number; y: string | number }\n  inPosition?: { x: string | number; y: string | number }\n}): {\n  in: ReturnType<typeof keyframes>\n  out: ReturnType<typeof keyframes>\n} => {\n  const slideIn = keyframes({\n    '0%': {\n      transform: `translateX(${outPosition.x}) translateY(${outPosition.y})`\n    },\n    '100%': {\n      transform: `translateX(${inPosition.x}) translateY(${inPosition.y})`\n    }\n  })\n\n  const slideOut = keyframes({\n    '0%': {\n      transform: `translateX(${inPosition.x}) translateY(${inPosition.y})`\n    },\n    '100%': {\n      transform: `translateX(${outPosition.x}) translateY(${outPosition.y})`\n    }\n  })\n\n  return {\n    in: slideIn,\n    out: slideOut\n  }\n}\n"],"names":["slideUpAndFade","keyframes","slideRightAndFade","slideDownAndFade","slideLeftAndFade","fadeIn","fadeOut","slideInOut","outPosition","inPosition","slideIn","slideOut"],"mappings":"oDAEaA,EAAiBC,EAAU,CACtC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYC,EAAoBD,EAAU,CACzC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYE,EAAmBF,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,kBAAmB,EAClD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EACYG,EAAmBH,EAAU,CACxC,KAAM,CAAE,QAAS,EAAG,UAAW,iBAAkB,EACjD,OAAQ,CAAE,QAAS,EAAG,UAAW,eAAgB,CACnD,CAAC,EAEYI,EAASJ,EAAU,CAC9B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EACYK,EAAUL,EAAU,CAC/B,KAAM,CAAE,QAAS,CAAE,EACnB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEYM,EAAa,CAAC,CACzB,YAAAC,EAAc,CAAE,EAAG,EAAG,EAAG,CAAE,EAC3B,WAAAC,EAAa,CAAE,EAAG,EAAG,EAAG,CAAE,CAC5B,IAMK,CACH,MAAMC,EAAUT,EAAU,CACxB,KAAM,CACJ,UAAW,cAAcO,EAAY,iBAAiBA,EAAY,IACpE,EACA,OAAQ,CACN,UAAW,cAAcC,EAAW,iBAAiBA,EAAW,IAClE,CACF,CAAC,EAEKE,EAAWV,EAAU,CACzB,KAAM,CACJ,UAAW,cAAcQ,EAAW,iBAAiBA,EAAW,IAClE,EACA,OAAQ,CACN,UAAW,cAAcD,EAAY,iBAAiBA,EAAY,IACpE,CACF,CAAC,EAED,MAAO,CACL,GAAIE,EACJ,IAAKC,CACP,CACF"}

package/dist/utilities/style/reset.d.ts

@@ -1,13 +0,0 @@
-export declare const resetButtonStyles: {
-    p: number;
-    border: string;
-    outline: string;
-    font: string;
-    color: string;
-    background: string;
-    textAlign: string;
-};
-export declare const resetLinkStyles: {
-    textDecoration: string;
-    color: string;
-};

package/dist/utilities/style/reset.js

@@ -1,2 +0,0 @@
-const e={p:0,border:"none",outline:"none",font:"inherit",color:"inherit",background:"none",textAlign:"inherit"},t={textDecoration:"unset",color:"inherit"};export{e as resetButtonStyles,t as resetLinkStyles};
-//# sourceMappingURL=reset.js.map

package/dist/utilities/style/reset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reset.js","sources":["../../../src/utilities/style/reset.ts"],"sourcesContent":["export const resetButtonStyles = {\n  p: 0,\n  border: 'none',\n  outline: 'none',\n  font: 'inherit',\n  color: 'inherit',\n  background: 'none',\n  textAlign: 'inherit'\n}\n\nexport const resetLinkStyles = {\n  textDecoration: 'unset',\n  color: 'inherit'\n}\n"],"names":["resetButtonStyles","resetLinkStyles"],"mappings":"AAAa,MAAAA,EAAoB,CAC/B,EAAG,EACH,OAAQ,OACR,QAAS,OACT,KAAM,UACN,MAAO,UACP,WAAY,OACZ,UAAW,SACb,EAEaC,EAAkB,CAC7B,eAAgB,QAChB,MAAO,SACT"}