@atom-learning/components 5.1.0 → 5.2.0-beta.1

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js

@@ -0,0 +1,2 @@
+import{Box as e}from"../../components/box/Box.js";import{styled as i}from"../../stitches.js";const o=()=>({size:"100%",borderRadius:"inherit",overflow:"hidden"}),r=i(e,o());r.displayName="NoOverflowWrapper";export{r as NoOverflowWrapper,o as noOverflowStyleBlock};
+//# sourceMappingURL=NoOverflowWrapper.js.map

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoOverflowWrapper.js","sources":["../../../src/utilities/no-overflow-wrapper/NoOverflowWrapper.tsx"],"sourcesContent":["import { Box } from '~/components/box'\nimport { styled } from '~/stitches'\n\nexport const noOverflowStyleBlock = (): {\n  size: string\n  borderRadius: string\n  overflow: string\n} => {\n  return {\n    size: '100%',\n    borderRadius: 'inherit',\n    overflow: 'hidden'\n  }\n}\n\nexport const NoOverflowWrapper = styled(Box, noOverflowStyleBlock())\n\nNoOverflowWrapper.displayName = 'NoOverflowWrapper'\n"],"names":["noOverflowStyleBlock","NoOverflowWrapper","styled","Box"],"mappings":"6FAGO,MAAMA,EAAuB,KAK3B,CACL,KAAM,OACN,aAAc,UACd,SAAU,QACZ,GAGWC,EAAoBC,EAAOC,EAAKH,EAAqB,CAAC,EAEnEC,EAAkB,YAAc"}

package/dist/utilities/no-overflow-wrapper/index.d.ts

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

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Tooltip } from '../../components/tooltip';
+export type TOptionalTooltipWrapperProps = {
+    hasTooltip?: boolean;
+    label?: React.ReactNode;
+    tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side'];
+};
+export declare const OptionalTooltipWrapper: {
+    ({ hasTooltip, label, tooltipSide, children }: React.PropsWithChildren<TOptionalTooltipWrapperProps>): React.JSX.Element;
+    displayName: string;
+};

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js

@@ -0,0 +1,2 @@
+import*as e from"react";import{Tooltip as t}from"../../components/tooltip/Tooltip.js";const o=({hasTooltip:r,label:a,tooltipSide:i,children:l})=>r?e.createElement(t,null,e.createElement(t.Trigger,{asChild:!0},l),e.createElement(t.Content,{side:i},a)):e.createElement(e.Fragment,null,l);o.displayName="OptionalTooltipWrapper";export{o as OptionalTooltipWrapper};
+//# sourceMappingURL=OptionalTooltipWrapper.js.map

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalTooltipWrapper.js","sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"names":["OptionalTooltipWrapper","hasTooltip","label","tooltipSide","children","React","Tooltip"],"mappings":"sFAUO,MAAMA,EAAyB,CAAC,CACrC,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IACMH,EAEAI,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EAAA,EAAEF,CAAS,EACnCC,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAMH,CAAcD,EAAAA,CAAM,CAC7C,EAOGG,EAAA,cAAAA,EAAA,SAAGD,KAAAA,CAAS,EAGrBJ,EAAuB,YAAc"}

package/dist/utilities/optional-tooltip-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { OptionalTooltipWrapper } from './OptionalTooltipWrapper';
+export type { TOptionalTooltipWrapperProps } from './OptionalTooltipWrapper';

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const OptionalVisuallyHiddenWrapper: {
+    ({ children, hidden }: React.PropsWithChildren<{
+        hidden?: boolean;
+    }>): React.JSX.Element | null;
+    displayName: string;
+};

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js

@@ -0,0 +1,2 @@
+import*as r from"@radix-ui/react-visually-hidden";import*as l from"react";const a=({children:e,hidden:n=!1})=>n?l.createElement(r.Root,null,e):e?l.createElement(l.Fragment,null,e):null;a.displayName="OptionalVisuallyHiddenWrapper";export{a as OptionalVisuallyHiddenWrapper};
+//# sourceMappingURL=OptionalVisuallyHiddenWrapper.js.map

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalVisuallyHiddenWrapper.js","sources":["../../../src/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nexport const OptionalVisuallyHiddenWrapper = ({\n  children,\n  hidden = false\n}: React.PropsWithChildren<{\n  hidden?: boolean\n}>) => {\n  if (hidden) return <VisuallyHidden.Root>{children}</VisuallyHidden.Root>\n\n  return children ? (\n    // children could be multiple elements/components,\n    // so we need a fragment here.\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    <>{children}</>\n  ) : null\n}\n\nOptionalVisuallyHiddenWrapper.displayName = 'OptionalVisuallyHiddenWrapper'\n"],"names":["OptionalVisuallyHiddenWrapper","children","hidden","React","VisuallyHidden"],"mappings":"0EAGa,MAAAA,EAAgC,CAAC,CAC5C,SAAAC,EACA,OAAAC,EAAS,EACX,IAGMA,EAAeC,EAAA,cAACC,EAAe,KAAf,KAAqBH,CAAS,EAE3CA,EAILE,EAAA,cAAAA,EAAA,SAAGF,KAAAA,CAAS,EACV,KAGND,EAA8B,YAAc"}

package/dist/utilities/optional-visually-hidden-wrapper/index.d.ts

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

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

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/radix-overrides/toggle-group/ToggleGroupRoot.d.ts

@@ -0,0 +1,8 @@
+import * as ToggleGroup from '@radix-ui/react-toggle-group';
+import * as React from 'react';
+type RootType = {
+    disableDeselect?: boolean;
+};
+type ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> & RootType;
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<ToggleGroupRootProps>;
+export {};

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js

@@ -0,0 +1,2 @@
+import*as g from"@radix-ui/react-toggle-group";import*as l from"react";const m=l.forwardRef(({disableDeselect:a=!1,onValueChange:t,defaultValue:o,...r},n)=>{const[u,f]=l.useState(o),s=e=>{a&&(e===""||(e==null?void 0:e.length)===0)||(f(e),t==null||t(e))};return l.createElement(g.Root,{ref:n,onValueChange:s,value:u,...r})});export{m as ToggleGroupRoot};
+//# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot: React.ForwardRefExoticComponent<ToggleGroupRootProps> =\n  React.forwardRef(\n    (\n      { disableDeselect = false, onValueChange, defaultValue, ...rest },\n      ref\n    ) => {\n      const [internalValue, setInternalValue] =\n        React.useState<ToggleGroupRootProps['value']>(defaultValue)\n      const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n        newValue\n      ) => {\n        if (disableDeselect && (newValue === '' || newValue?.length === 0))\n          return\n        setInternalValue(newValue)\n        onValueChange?.(newValue)\n      }\n\n      return (\n        // eslint-disable-next-line\n        // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n        <ToggleGroup.Root\n          ref={ref}\n          onValueChange={handleValueChange}\n          value={internalValue}\n          {...rest}\n        />\n      )\n    }\n  )\n"],"names":["ToggleGroupRoot","React","disableDeselect","onValueChange","defaultValue","rest","ref","internalValue","setInternalValue","handleValueChange","newValue","ToggleGroup"],"mappings":"uEAUO,MAAMA,EACXC,EAAM,WACJ,CACE,CAAE,gBAAAC,EAAkB,GAAO,cAAAC,EAAe,aAAAC,KAAiBC,CAAK,EAChEC,IACG,CACH,KAAM,CAACC,EAAeC,CAAgB,EACpCP,EAAM,SAAwCG,CAAY,EACtDK,EACJC,GACG,CACCR,IAAoBQ,IAAa,KAAMA,GAAA,KAAAA,OAAAA,EAAU,UAAW,KAEhEF,EAAiBE,CAAQ,EACzBP,GAAA,MAAAA,EAAgBO,CAAAA,EAClB,EAEA,OAGET,EAAA,cAACU,EAAY,KAAZ,CACC,IAAKL,EACL,cAAeG,EACf,MAAOF,EACN,GAAGF,CAAAA,CACN,CAEJ,CACF"}

package/dist/utilities/radix-overrides/toggle-group/index.d.ts

@@ -0,0 +1,5 @@
+export declare const ToggleGroup: {
+    Root: import("react").ForwardRefExoticComponent<((import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>) & {
+        disableDeselect?: boolean;
+    }>;
+};

package/dist/utilities/radix-overrides/toggle-group/index.js

@@ -0,0 +1,2 @@
+import{ToggleGroupRoot as o}from"./ToggleGroupRoot.js";const r={Root:o};export{r as ToggleGroup};
+//# sourceMappingURL=index.js.map

package/dist/utilities/radix-overrides/toggle-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot'\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot\n}\n"],"names":["ToggleGroup","ToggleGroupRoot"],"mappings":"6DAEaA,EAAc,CACzB,KAAMC,CACR"}

package/dist/utilities/style/backdrop-overlay.d.ts

@@ -0,0 +1,14 @@
+export declare const backdropOverlay: {
+    backgroundColor: string;
+    position: string;
+    inset: number;
+    zIndex: number;
+    '@allowMotion': {
+        '&[data-state="open"]': {
+            animation: string;
+        };
+        '&[data-state="closed"]': {
+            animation: string;
+        };
+    };
+};

package/dist/utilities/style/backdrop-overlay.js

@@ -0,0 +1,2 @@
+import{DIALOG_Z_INDEX as o}from"../../constants/zIndices.js";import"../../stitches.js";import"../css-wrapper/CSSWrapper.js";import"../no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{fadeIn as t,fadeOut as a}from"./keyframe-animations.js";const e={backgroundColor:"$alpha600",position:"fixed",inset:0,zIndex:o,"@allowMotion":{'&[data-state="open"]':{animation:`${t} 250ms ease-out`},'&[data-state="closed"]':{animation:`${a} 550ms ease-out`}}};export{e as backdropOverlay};
+//# sourceMappingURL=backdrop-overlay.js.map

package/dist/utilities/style/backdrop-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop-overlay.js","sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["import { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { fadeIn, fadeOut } from '~/utilities'\n\nexport const backdropOverlay = {\n  backgroundColor: '$alpha600',\n  position: 'fixed',\n  inset: 0,\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"],"names":["backdropOverlay","DIALOG_Z_INDEX","fadeIn","fadeOut"],"mappings":"qQAGaA,EAAkB,CAC7B,gBAAiB,YACjB,SAAU,QACV,MAAO,EACP,OAAQC,EACR,eAAgB,CACd,uBAAwB,CACtB,UAAW,GAAGC,kBAChB,EACA,yBAA0B,CACxB,UAAW,GAAGC,kBAChB,CACF,CACF"}

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,2 @@
+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

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

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

package/dist/utilities/style/disabledStyle.js

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

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

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

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

@@ -0,0 +1,2 @@
+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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/get-icon-size.d.ts

@@ -0,0 +1 @@
+export declare const getFieldIconSize: (size: any) => any;

package/dist/utilities/style/get-icon-size.js

@@ -0,0 +1,2 @@
+import{overrideStitchesVariantValue as i}from"../override-stitches-variant-value/overrideStitchesVariantValue.js";const m={sm:"sm",md:"md",lg:"md"},o=e=>i(e,t=>m[t]);export{o as getFieldIconSize};
+//# sourceMappingURL=get-icon-size.js.map

package/dist/utilities/style/get-icon-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-icon-size.js","sources":["../../../src/utilities/style/get-icon-size.ts"],"sourcesContent":["import { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nconst toIconSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const getFieldIconSize = (size: any) =>\n  overrideStitchesVariantValue(size, (s) => toIconSize[s])\n"],"names":["toIconSize","getFieldIconSize","size","overrideStitchesVariantValue","s"],"mappings":"kHAEA,MAAMA,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAoBC,GAC/BC,EAA6BD,EAAOE,GAAMJ,EAAWI,EAAE"}

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

@@ -0,0 +1,6 @@
+export * from './capsize';
+export * from './encode-background-icon';
+export * from './focus-visible-style-block';
+export * from './keyframe-animations';
+export * from './get-icon-size';
+export * from './disabledStyle';

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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,2 @@
+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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,2 @@
+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

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

package/dist/utilities/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Creates a new type by overriding any of T's fields
+ * with U's fields of the same name.
+ * It's like Object.assign() for types.
+ *
+ * @typeParam T - The base type
+ * @typeParam U - The type with the overrides you want to apply
+ *
+ * @example
+ * ```
+ * type BaseType = {
+ *  field1: "A" | "B" | "C"
+ *  field2: "D" | "E" | "F"
+ * }
+ *
+ * type NewType = Override<BaseType, { field2: "G" | "H" | "I" }>
+ * //{
+ * // field1: "A" |"B" | "C"
+ * // field2: "G" | "H" | "I"
+ * //}
+ *
+ * ```
+ */
+export type Override<T, U> = Omit<T, keyof U> & U;

package/dist/utilities/uri/index.d.ts

@@ -0,0 +1,8 @@
+export declare const isExternalUrl: (url?: string) => boolean;
+export declare const getExternalAnchorProps: (url?: string) => {
+    target: string;
+    rel: string;
+} | {
+    target?: undefined;
+    rel?: undefined;
+};

package/dist/utilities/uri/index.js

@@ -0,0 +1,2 @@
+const n=r=>typeof window>"u"||!r?!1:/^https?:\/\//.test(r)&&new URL(r).origin!==window.location.origin,o=r=>n(r)?{target:"_blank",rel:"noopener noreferrer"}:{};export{o as getExternalAnchorProps,n as isExternalUrl};
+//# sourceMappingURL=index.js.map

package/dist/utilities/uri/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/utilities/uri/index.ts"],"sourcesContent":["export const isExternalUrl = (url?: string) => {\n  if (typeof window === 'undefined' || !url) return false\n\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url)\n  return isAbsoluteUrl && new URL(url).origin !== window.location.origin\n}\n\nexport const getExternalAnchorProps = (url?: string) =>\n  isExternalUrl(url) ? { target: '_blank', rel: 'noopener noreferrer' } : {}\n"],"names":["isExternalUrl","url","getExternalAnchorProps"],"mappings":"AAAO,MAAMA,EAAiBC,GACxB,OAAO,OAAW,KAAe,CAACA,EAAY,GAE5B,eAAe,KAAKA,CAAG,GACrB,IAAI,IAAIA,CAAG,EAAE,SAAW,OAAO,SAAS,OAGrDC,EAA0BD,GACrCD,EAAcC,CAAG,EAAI,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAAI,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "5.1.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "files": [
     "dist"
@@ -228,4 +228,4 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   }
-}
+}